and all goes to hell

urbstudio/templates/projects.html

@@ -1,149 +1,150 @@
-{% extends 'base.html' %}
-
-{% block extra_head %}
-<link rel="stylesheet" href="/static/css/projects.css" type="text/css"/>
-<link rel="stylesheet" href="/static/css/global.css" type="text/css"/>
-<link rel="stylesheet" href="/static/css/simplyscroll.css" type="text/css"/>
-
-<script type="text/javascript" src="/static/js/slides.min.jquery.js"></script>
-
-<script type="text/javascript" src="/static/js/jquery.simplyscroll-1.0.4.js"></script>
-
-<script type="text/javascript">
-		$(function(){
-			$('#slidesDiv').slides({
-				preload: true,
-				preloadImage: 'img/loading.gif',
-				play: 5000,
-				pause: 4000,
-				hoverPause: true
-			});
-
-            $('.projectThumb').click(function() {
-//                alert("hi");
-                var $this = $(this);
-                if ($this.hasClass("selected")) {
-                    return false;     
-                }
-                $('.selected').removeClass("selected");
-                $this.addClass("selected");
-                var project_id = $this.attr("data-id");
-                $.getJSON("project_json", {'id': project_id}, function(data) {
-                    $('#projectTitle').next().text(data.title);
-                    $('#projectSizeProgram').next().html(nl2br(data.size_program));
-                    $('#projectDesignStatement').next().html(nl2br(data.design_statement));
-                    $('#projectExtraText').next().html(nl2br(data.extra_text));
-                }); 
-            });
-
-		});
-
- 
-
-        function nl2br(str) {
-            return str.replace("\n", "<br />");
-        }
-</script>
-
-<script type="text/javascript">
-
-(function($) {
-	$(function() { //on DOM ready
-		$("#scroller").simplyScroll({
-			speed: 5
-		});
-	});
-})(jQuery);
-
-</script>
-
-{% endblock %}
-
-
-{% block content %}
-    <div id="galleryContainer">
-    <div id="slidesContainer">
-		
-        <div id="slidesDiv">
-            <div class="slidesInner">
-                <a href=""><img src="/static/images/dummyimage.jpg" width="600" height="450"></a>                
-                <a href=""><img src="/static/images/Slidedummya.jpg" width="297" height="450" alt="Slide 1"></a>
-                <a href=""><img src="/static/images/Slidedummyb.jpg" width="600" height="450" alt="Slide 2"></a>
-                <a href=""><img src="/static/images/Slidedummyc.jpg" width="299" height="450" alt="Slide 2"></a>
-                <a href=""><img src="/static/images/Slidedummyd.jpg" width="600" height="375" alt="Slide 2"></a>
-
-       	      	
-            </div>
-			
-            <a href="#" class="prev"><img src="/static/images/arrowprevious.png" width="30" height="30" alt="Arrow Prev"></a>
-			<a href="#" class="next"><img src="/static/images/arrownext.png" width="30" height="30" alt="Arrow Next"></a>
-			
-		</div>
-	</div>
-            
-                <div id="textGallery">
-                	<p class="orange" id="projectTitle">Project</p>
-                    <p>Dummy text</p>
-                    <br>
-                    
-                    <p class="orange" id="projectSizeProgram">Size & Program</p>
-                    <p>Dummy text</p>
-                    <br>
-                    
-                    <p class="orange" id="projectDesignStatement">Design Statement</p>
-                    <p>Dummy text</p>
-                    <br>
-<!--                    
-                    <p class="orange">Start Date ???</p>
-                    <p>Dummy text</p>
-                    <br>
-                    
-                    <p class="orange">End Date ???</p>
-                    <p>Dummy text</p>
-                    <br>
-                    
-                    <p class="orange">Location ???</p>
-                    <p>Dummy text</p>
-                    <br>
--->                    
-                    <p class="orange" id="projectExtraText">Content Block ???</p>
-                    <p>Dummy text Dummy text Dummy text</p>
-                    <br>
-
-                </div><!--TEXT GALLERY CLOSING-->
-                <!--</div> --><!--PROJECT GALLERY CLOSING-->
-             </div>   
-                <div class="clear">
-                </div><!--CLEAR CLOSING-->
-
-<ul id="scroller"><!-- logo jutting right on 1024 -->
-    {% load thumbnail %}
-    {% for p in projects %}
-        {% thumbnail p.thumb_image "100x100" crop="center" as im %}
-        <li><img src="{{ im.url }}" data-id="{{ p.id }}" width="100" height="100" class="projectThumb" /></li>
-        {% endthumbnail %}
-    {% endfor %}    
-<!--
-	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
-	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>  
--->  
-</ul>  
-{% endblock %}
-
-
+{% extends 'base.html' %}
+
+{% block extra_head %}
+<link rel="stylesheet" href="/static/css/projects.css" type="text/css"/>
+<link rel="stylesheet" href="/static/css/global.css" type="text/css"/>
+<link rel="stylesheet" href="/static/css/simplyscroll.css" type="text/css"/>
+
+<script type="text/javascript" src="/static/js/slides.min.jquery.js"></script>
+
+<script type="text/javascript" src="/static/js/jquery.simplyscroll-1.0.4.js"></script>
+
+<script type="text/javascript">
+		$(function(){
+			$('#slidesDiv').slides({
+				preload: true,
+				preloadImage: 'img/loading.gif',
+				play: 5000,
+				pause: 4000,
+				hoverPause: true
+			});
+
+            $('.projectThumb').click(function() {
+//                alert("hi");
+                var $this = $(this);
+                if ($this.hasClass("selected")) {
+                    return false;     
+                }
+                $('.selected').removeClass("selected");
+                $this.addClass("selected");
+                var project_id = $this.attr("data-id");
+                $.getJSON("project_json", {'id': project_id}, function(data) {
+                    $('#projectTitle').next().text(data.title);
+                    $('#projectSizeProgram').next().html(nl2br(data.size_program));
+                    $('#projectDesignStatement').next().html(nl2br(data.design_statement));
+                    $('#projectExtraText').next().html(nl2br(data.extra_text));
+                }); 
+            });
+
+		});
+
+ 
+
+        function nl2br(str) {
+            return str.replace("\n", "<br />");
+        }
+</script>
+
+<script type="text/javascript">
+
+(function($) {
+	$(function() { //on DOM ready
+		$("#scroller").simplyScroll({
+			speed: 5
+		});
+	});
+})(jQuery);
+
+</script>
+
+{% endblock %}
+
+
+{% block content %}
+    <div id="galleryContainer">
+    
+    <div id="slidesContainer">
+	  	
+        <div id="slidesDiv">
+            <div class="slidesInner">
+                <a href=""><img src="/static/images/dummyimage.jpg" width="600" height="450"></a>                
+                <a href=""><img src="/static/images/Slidedummya.jpg" width="297" height="450" alt="Slide 1"></a>
+                <a href=""><img src="/static/images/Slidedummyb.jpg" width="600" height="450" alt="Slide 2"></a>
+                <a href=""><img src="/static/images/Slidedummyc.jpg" width="299" height="450" alt="Slide 2"></a>
+                <a href=""><img src="/static/images/Slidedummyd.jpg" width="600" height="375" alt="Slide 2"></a>
+
+       	      	
+            </div>
+			
+            <a href="#" class="prev"><img src="/static/images/arrowprevious.png" width="30" height="30" alt="Arrow Prev"></a>
+			<a href="#" class="next"><img src="/static/images/arrownext.png" width="30" height="30" alt="Arrow Next"></a>
+			
+		</div>
+	</div>
+            
+                <div id="textGallery">
+                	<p class="orange" id="projectTitle">Project</p>
+                    <p>Dummy text</p>
+                    <br>
+                    
+                    <p class="orange" id="projectSizeProgram">Size & Program</p>
+                    <p>Dummy text</p>
+                    <br>
+                    
+                    <p class="orange" id="projectDesignStatement">Design Statement</p>
+                    <p>Dummy text</p>
+                    <br>
+<!--                    
+                    <p class="orange">Start Date ???</p>
+                    <p>Dummy text</p>
+                    <br>
+                    
+                    <p class="orange">End Date ???</p>
+                    <p>Dummy text</p>
+                    <br>
+                    
+                    <p class="orange">Location ???</p>
+                    <p>Dummy text</p>
+                    <br>
+-->                    
+                    <p class="orange" id="projectExtraText">Content Block ???</p>
+                    <p>Dummy text Dummy text Dummy text</p>
+                    <br>
+
+                </div><!--TEXT GALLERY CLOSING-->
+                <!--</div> --><!--PROJECT GALLERY CLOSING-->
+             </div>   
+                <div class="clear">
+                </div><!--CLEAR CLOSING-->
+
+<ul id="scroller"><!-- logo jutting right on 1024 -->
+    {% load thumbnail %}
+    {% for p in projects %}
+        {% thumbnail p.thumb_image "100x100" crop="center" as im %}
+        <li><img src="{{ im.url }}" data-id="{{ p.id }}" width="100" height="100" class="projectThumb" /></li>
+        {% endthumbnail %}
+    {% endfor %}    
+<!--
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
+	<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>  
+-->  
+</ul>  
+{% endblock %}
+
+