Mercurial > public > sg101

comparison gpp/templates/home.html @ 275:2b14840cb882

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fixing #127; using jquery cycle plugin to power the home page slideshow.
author Brian Neal <bgneal@gmail.com>
date Mon, 27 Sep 2010 03:36:58 +0000
parents 29679b0b98ad
children daa2916f5b34
comparison
equal deleted inserted replaced
274:2a3285e32062 275:2b14840cb882
12 {% endblock %} 12 {% endblock %}
13 {% block custom_css %} 13 {% block custom_css %}
14 <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/news.css" /> 14 <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/news.css" />
15 {% endblock %} 15 {% endblock %}
16 {% block custom_js %} 16 {% block custom_js %}
17 <script type="text/javascript" src="{{ MEDIA_URL }}js/slideshow.js"></script> 17 <script type="text/javascript">
18 $(document).ready(function() {
19 $('#home-slideshow img:first').fadeIn(1000, function() {
20 $('#home-slideshow').cycle({
21 fx: 'fade',
22 timeout: 5000,
23 pause: 1,
24 delay: 1000
25 });
26 });
27 });
28 </script>
29 <style type="text/css">
30 #home-slideshow img { display: none }
31 </style>
18 {% endblock %} 32 {% endblock %}
19 {% block content %} 33 {% block content %}
20 <h2>Welcome to SurfGuitar101!</h2> 34 <h2>Welcome to SurfGuitar101!</h2>
21 <div class="span-9"> 35 <div class="span-9">
22 <div id="slideshow"> 36 <div id="home-slideshow">
23 <img src="{{ MEDIA_URL }}slideshow/image-1.jpg" alt="Slideshow Image 1" class="active" /> 37 <img src="{{ MEDIA_URL }}slideshow/image-1.jpg" alt="Slideshow Image 1" />
24 <img src="{{ MEDIA_URL }}slideshow/image-2.jpg" alt="Slideshow Image 2" /> 38 <img src="{{ MEDIA_URL }}slideshow/image-2.jpg" alt="Slideshow Image 2" />
25 <img src="{{ MEDIA_URL }}slideshow/image-3.jpg" alt="Slideshow Image 3" /> 39 <img src="{{ MEDIA_URL }}slideshow/image-3.jpg" alt="Slideshow Image 3" />
26 <img src="{{ MEDIA_URL }}slideshow/image-4.jpg" alt="Slideshow Image 4" /> 40 <img src="{{ MEDIA_URL }}slideshow/image-4.jpg" alt="Slideshow Image 4" />
27 <img src="{{ MEDIA_URL }}slideshow/image-5.jpg" alt="Slideshow Image 5" /> 41 <img src="{{ MEDIA_URL }}slideshow/image-5.jpg" alt="Slideshow Image 5" />
28 </div> 42 </div>