annotate mysite/templates/band/index.html @ 18:10be1f4f121b

Replacing thickbox with fancybox.
author Brian Neal <bgneal@gmail.com>
date Wed, 08 Sep 2010 00:43:03 +0000
parents a6deb155aac0
children 1b6b3e38e918
rev   line source
bgneal@1 1 {% extends 'band/base.html' %}
bgneal@1 2 {% block title %}The Madeira{% endblock %}
bgneal@1 3 {% block custom_css %}
bgneal@18 4 <link rel="stylesheet" href="{{ MEDIA_URL }}css/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
bgneal@1 5 {% endblock %}
bgneal@1 6 {% block custom_js %}
bgneal@15 7 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
bgneal@18 8 <script type="text/javascript" src="{{ MEDIA_URL }}js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
bgneal@13 9 <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.cross-slide.min.js"></script>
bgneal@13 10 <script type="text/javascript">
bgneal@13 11 $(function() {
bgneal@18 12 $('a.fancybox').fancybox();
bgneal@13 13 $('#slideshow').crossSlide({
bgneal@13 14 speed: 45,
bgneal@13 15 fade: 1
bgneal@13 16 }, [
bgneal@13 17 { src: '{{ MEDIA_URL }}images/slideshow/1.jpg', dir: 'up' },
bgneal@13 18 { src: '{{ MEDIA_URL }}images/slideshow/2.jpg', dir: 'down' },
bgneal@13 19 { src: '{{ MEDIA_URL }}images/slideshow/3.jpg', dir: 'up' },
bgneal@13 20 { src: '{{ MEDIA_URL }}images/slideshow/4.jpg', dir: 'down' },
bgneal@13 21 { src: '{{ MEDIA_URL }}images/slideshow/5.jpg', dir: 'up' },
bgneal@13 22 { src: '{{ MEDIA_URL }}images/slideshow/6.jpg', dir: 'down' }
bgneal@13 23 ]);
bgneal@13 24 });
bgneal@13 25 </script>
bgneal@1 26 {% endblock %}
bgneal@1 27 {% load markup %}
bgneal@1 28 {% block content %}
bgneal@1 29 <h1>The Madeira</h1>
bgneal@1 30 <img class="floatLeftBox" src="{{ config.intro_photo.image.url }}"
bgneal@1 31 alt="{{ config.intro_photo.title }}" title="{{config.intro_photo.title}}" border="0" />
bgneal@1 32 {{ config.intro_text|textile }}
bgneal@1 33 <br />
bgneal@1 34
bgneal@1 35 {% if upcomingDates %}
bgneal@1 36 <div class="center-block">
bgneal@1 37 <h2>Upcoming Shows...</h2>
bgneal@1 38
bgneal@1 39 <center><table border="0" cellspacing="10" cellpadding="3"><tr>
bgneal@1 40 {% for gig in upcomingDates %}
bgneal@1 41 {% if gig.flyer %}
bgneal@1 42 <td>
bgneal@18 43 <a href="{{ gig.flyer.image.url }}" class="fancybox" rel="madeira-gallery">
bgneal@1 44 <img src="{{ gig.flyer.get_thumbnail_url }}" alt="{{ gig.flyer.caption }}" title="{{ gig.flyer.caption }}" /></a>
bgneal@1 45 <br /><center>{{ gig.flyer.caption }}</center>
bgneal@1 46 </td>
bgneal@1 47 {% endif %}
bgneal@1 48 {% endfor %}
bgneal@1 49 </tr></table></center>
bgneal@1 50
bgneal@1 51 <ul>
bgneal@1 52 {% for show in upcomingDates %}
bgneal@1 53 <li><strong>{{ show.date|date:"l, F d" }}</strong>: {{ show.venue.name }}, {{ show.venue.city.name }}{% if show.venue.city.state %}, {{ show.venue.city.state.name }}
bgneal@6 54 {% endif %}
bgneal@6 55 {% ifnotequal show.venue.city.country.name "USA" %}
bgneal@6 56 {{ show.venue.city.country.name }}
bgneal@6 57 {% endifnotequal %}
bgneal@6 58 </li>
bgneal@1 59 {% endfor %}
bgneal@1 60 </ul>
bgneal@1 61 <center><a href="{% url mysite.band.views.gigs %}">See all upcoming shows...</a></center>
bgneal@1 62 </div>
bgneal@1 63 {% endif %}
bgneal@1 64
bgneal@13 65 <div>
bgneal@16 66 <center>
bgneal@16 67 <h2>Highlights of Summer 2010</h2>
bgneal@14 68 <div id="slideshow">
bgneal@13 69 </div>
bgneal@16 70 <p>The Madeira at FesTiki 2010. Photos by <a href="http://www.fennerphotography.com/">Fenner Photography</a>.</p>
bgneal@16 71 <object width="500" height="405"><param name="movie" value="http://www.youtube.com/v/-vSs2SoIBkI?fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-vSs2SoIBkI?fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="405"></embed></object>
bgneal@17 72 <p>The Madeira perform <strong>The Witch Doctor</strong> (a new original!) at FesTiki 2010. Video courtesy of
bgneal@17 73 Unsteady Freddie.</p>
bgneal@16 74 </center>
bgneal@13 75 </div>
bgneal@13 76
bgneal@1 77 <div class="newsflash">
bgneal@12 78 <center>
bgneal@1 79 <table border="0" cellspacing="2" cellpadding="2" width="100%">
bgneal@1 80 <tr><td colspan="2"><center><h1>The Madeira Releases:</h1></center></td></tr>
bgneal@1 81
bgneal@1 82 <tr><td colspan="2"><center>
bgneal@1 83 <img src="{{ carpe.image.url }}" alt="Carpe Noctem Cover" title="Carpe Noctem" border="0" />
bgneal@1 84 </center></td></tr>
bgneal@1 85 <tr><td colspan="2"><center><strong>Available Now: Carpe Noctem!</strong><br />
bgneal@1 86 </center></td></tr>
bgneal@1 87 <tr><td><center><a href="http://www.dblcrown.com"><img src="{{ sandstorm.image.url }}" alt="Sandstorm CD Cover"
bgneal@1 88 title="Sandstorm" border="0" /></a></center></td>
bgneal@1 89
bgneal@1 90 <td><center><a href="http://www.dblcrown.com"><img src="{{ ruins.image.url }}" alt="Ruins EP Cover" title="Ruins"
bgneal@1 91 border="0" /></a></center></td></tr>
bgneal@1 92 <tr><td><center><a href="http://www.dblcrown.com">Sandstorm</a></center></td>
bgneal@1 93 <td><center><a href="http://www.dblcrown.com">Ruins</a></center></td></tr>
bgneal@1 94 </table>
bgneal@12 95 </center>
bgneal@1 96 </div>
bgneal@1 97
bgneal@1 98 {% endblock %}