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

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
rev   line source
bgneal@19 1 {% extends 'base.html' %}
bgneal@28 2 {% load bulletin_tags %}
bgneal@32 3 {% load news_tags %}
bgneal@20 4 {% load weblinks_tags %}
bgneal@23 5 {% load downloads_tags %}
bgneal@166 6 {% load poll_tags %}
bgneal@159 7 {% load forum_tags %}
bgneal@43 8 {% load cache %}
bgneal@19 9 {% block title %}Home{% endblock %}
bgneal@171 10 {% block custom_head %}
bgneal@176 11 <link rel="alternate" type="application/rss+xml" title="SurfGuitar101 News" href="{% url feeds-news %}" />
bgneal@171 12 {% endblock %}
bgneal@32 13 {% block custom_css %}
bgneal@32 14 <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/news.css" />
bgneal@32 15 {% endblock %}
bgneal@33 16 {% block custom_js %}
bgneal@275 17 <script type="text/javascript">
bgneal@275 18 $(document).ready(function() {
bgneal@275 19 $('#home-slideshow img:first').fadeIn(1000, function() {
bgneal@275 20 $('#home-slideshow').cycle({
bgneal@275 21 fx: 'fade',
bgneal@275 22 timeout: 5000,
bgneal@275 23 pause: 1,
bgneal@275 24 delay: 1000
bgneal@275 25 });
bgneal@275 26 });
bgneal@275 27 });
bgneal@275 28 </script>
bgneal@275 29 <style type="text/css">
bgneal@275 30 #home-slideshow img { display: none }
bgneal@275 31 </style>
bgneal@33 32 {% endblock %}
bgneal@19 33 {% block content %}
bgneal@19 34 <h2>Welcome to SurfGuitar101!</h2>
bgneal@33 35 <div class="span-9">
bgneal@275 36 <div id="home-slideshow">
bgneal@275 37 <img src="{{ MEDIA_URL }}slideshow/image-1.jpg" alt="Slideshow Image 1" />
bgneal@33 38 <img src="{{ MEDIA_URL }}slideshow/image-2.jpg" alt="Slideshow Image 2" />
bgneal@33 39 <img src="{{ MEDIA_URL }}slideshow/image-3.jpg" alt="Slideshow Image 3" />
bgneal@33 40 <img src="{{ MEDIA_URL }}slideshow/image-4.jpg" alt="Slideshow Image 4" />
bgneal@33 41 <img src="{{ MEDIA_URL }}slideshow/image-5.jpg" alt="Slideshow Image 5" />
bgneal@33 42 </div>
bgneal@33 43 </div>
bgneal@33 44 <div class="span-10 last">
bgneal@19 45 <p>You are looking at a test version of the new SurfGuitar101 website, dubbed <strong>SG101 2.0</strong>.
bgneal@19 46 The purpose of this test site is to test the new site software, to get feedback from the user base, and
bgneal@19 47 to develop a better theme (colors, logos, layout, etc.) for the site. All bugs and feature requests are being tracked at
bgneal@19 48 <a href="http://code.surfguitar101.com">code.surfguitar101.com</a>. Existing SG101 members are encouraged
bgneal@19 49 to sign up here and give the new site a test drive. Any and all feedback is appreciated! Thank you for
bgneal@19 50 helping to make this site be the best home on the web for fans and friends of surf music!
bgneal@19 51 </p>
bgneal@33 52 </div>
bgneal@19 53 <p>Remember that this is a test site, and not everything is going to work. Nothing here is
bgneal@19 54 permanent. The site (content, user accounts, etc.) may be wiped at any time while we fix bugs and add features.
bgneal@250 55 Also, I hope that the look and feel of this site can be improved! I'll need lots of help for this aspect,
bgneal@250 56 as I'm more of a coder than a designer.</p>
bgneal@54 57 {% cache 3600 home_bulletins %}
bgneal@54 58 {% current_bulletins %}
bgneal@54 59 {% endcache %}
bgneal@159 60 {% new_posts %}
bgneal@54 61 {% cache 3600 home_news %}
bgneal@54 62 {% current_news %}
bgneal@54 63 {% endcache %}
bgneal@54 64 {% cache 3600 home_new_stuff %}
bgneal@166 65 {% latest_poll %}
bgneal@23 66 <div class="span-9 append-1">
bgneal@20 67 {% latest_weblinks %}
bgneal@19 68 </div>
bgneal@23 69 <div class="span-9 last">
bgneal@23 70 {% latest_downloads %}
bgneal@19 71 </div>
bgneal@43 72 {% endcache %}
bgneal@19 73 {% endblock %}