annotate bns_website/templates/bands/band_list.html @ 52:12a39a6f5247 bands-experimental-ui

This is a simple change to just make every band it's own hero box. Next up is to try the slider box approach.
author Chris Ridgway <ckridgway@gmail.com>
date Sun, 13 Nov 2011 21:20:13 -0600
parents 59dd574fcfff
children 98cc19041d8f
rev   line source
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@9 20
ckridgway@52 21
ckridgway@52 22 {% for band in object_list %}
ckridgway@47 23 <div class="hero-unit">
ckridgway@52 24 <h1>{{ band.name }}</h1>
ckridgway@52 25 <div class="row">
ckridgway@52 26 <div class="span10">
ckridgway@52 27 <br/>
ckridgway@52 28 <span>{{ band.notes }}</span>
ckridgway@52 29 <p style="margin-top:1em"><a class="btn default" href="">Band Site</a></p>
ckridgway@52 30 </div>
ckridgway@52 31 <div class="span4">
ckridgway@52 32 <img src="http://placehold.it/200x200&text={{ band.name|escapejs }}">
ckridgway@47 33 </div>
ckridgway@47 34 </div>
ckridgway@52 35
ckridgway@47 36 </div>
ckridgway@52 37 {% endfor %}
ckridgway@47 38
bgneal@6 39 {% endblock %}