bgneal@6: {% extends 'base.html' %}
bgneal@6: {% load core_tags %}
bgneal@6: {% block title %}Bands{% endblock %}
bgneal@9: 
bgneal@9: {% block custom_css %}
bgneal@9: <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/redmond/jquery-ui.css">
bgneal@9: {% endblock %}
bgneal@9: {% block custom_js %}
bgneal@9: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
bgneal@9: <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
bgneal@9: <script type="text/javascript">
bgneal@9: 	$(function() {
bgneal@9:       $("#accordion").accordion({active: false});
bgneal@9: 	});
bgneal@9: </script>
bgneal@9: {% endblock %}
bgneal@9: 
bgneal@6: {% block content %}
bgneal@6: {% navbar 'bands' %}
bgneal@7: <h1>Bands</h1>
bgneal@6: <p>This is too &quot;wall of text-y&quot;, so maybe break it up with band photos. And/or put a javascript slideshow of all the bands up here at the top.</p>
bgneal@6: <dl>
bgneal@6: {% for band in object_list %}
bgneal@6: <dt><a href="{{ band.url }}">{{ band.name }}</a></dt>
bgneal@6: <dd>{{ band.notes|linebreaksbr }}</dd>
bgneal@6: {% endfor %}
bgneal@6: </dl>
bgneal@9: 
bgneal@9: <p>And here is what it looks like as a jQuery accordion.</p>
bgneal@9: <div id="accordion">
bgneal@9: {% for band in object_list %}
bgneal@9: <h3><a href="#">{{ band.name }}</a></h3>
bgneal@9: <div>
bgneal@9:    {{ band.notes|linebreaksbr }}
bgneal@9:    <p style="margin-top:1em"><a class="btn default" href="{{ band.url }}">{{ band.name }} Website</a></p>
bgneal@9: </div>
bgneal@9: {% endfor %}
bgneal@9: </div>
bgneal@9: 
bgneal@6: {% endblock %}