|
bgneal@6
|
1 {% extends 'base.html' %}
|
|
bgneal@6
|
2 {% load core_tags %}
|
|
bgneal@6
|
3 {% block title %}Bands{% endblock %}
|
|
bgneal@9
|
4
|
|
bgneal@9
|
5 {% block custom_css %}
|
|
bgneal@9
|
6 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/redmond/jquery-ui.css">
|
|
bgneal@9
|
7 {% endblock %}
|
|
bgneal@9
|
8 {% block custom_js %}
|
|
bgneal@9
|
9 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
|
|
bgneal@9
|
10 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
|
|
bgneal@9
|
11 <script type="text/javascript">
|
|
bgneal@9
|
12 $(function() {
|
|
bgneal@9
|
13 $("#accordion").accordion({active: false});
|
|
bgneal@9
|
14 });
|
|
bgneal@9
|
15 </script>
|
|
bgneal@9
|
16 {% endblock %}
|
|
bgneal@9
|
17
|
|
bgneal@6
|
18 {% block content %}
|
|
bgneal@6
|
19 {% navbar 'bands' %}
|
|
bgneal@7
|
20 <h1>Bands</h1>
|
|
bgneal@6
|
21 <p>This is too "wall of text-y", 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
|
22 <dl>
|
|
bgneal@6
|
23 {% for band in object_list %}
|
|
bgneal@6
|
24 <dt><a href="{{ band.url }}">{{ band.name }}</a></dt>
|
|
bgneal@6
|
25 <dd>{{ band.notes|linebreaksbr }}</dd>
|
|
bgneal@6
|
26 {% endfor %}
|
|
bgneal@6
|
27 </dl>
|
|
bgneal@9
|
28
|
|
bgneal@9
|
29 <p>And here is what it looks like as a jQuery accordion.</p>
|
|
bgneal@9
|
30 <div id="accordion">
|
|
bgneal@9
|
31 {% for band in object_list %}
|
|
bgneal@9
|
32 <h3><a href="#">{{ band.name }}</a></h3>
|
|
bgneal@9
|
33 <div>
|
|
bgneal@9
|
34 {{ band.notes|linebreaksbr }}
|
|
bgneal@9
|
35 <p style="margin-top:1em"><a class="btn default" href="{{ band.url }}">{{ band.name }} Website</a></p>
|
|
bgneal@9
|
36 </div>
|
|
bgneal@9
|
37 {% endfor %}
|
|
bgneal@9
|
38 </div>
|
|
bgneal@9
|
39
|
|
bgneal@6
|
40 {% endblock %}
|
