Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 79 KiB |
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 57 KiB After Width: | Height: | Size: 57 KiB |
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 501 B After Width: | Height: | Size: 501 B |
Before Width: | Height: | Size: 515 B After Width: | Height: | Size: 515 B |
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.6 KiB |
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.1 KiB |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 59 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
@ -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 %} |
|||
|
|||
|
|||
|