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">
ckridgway@55: <link rel="stylesheet" href="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
ckridgway@53: <link rel="stylesheet" href="{{ STATIC_URL }}css/bx_styles.css">
ckridgway@55: <style>
ckridgway@55:    .hero-unit h1 { font-size: 50px; }
ckridgway@55: </style>
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>
ckridgway@53: <script type="text/javascript" src="{{ STATIC_URL }}js/bxslider/jquery.bxSlider.min.js"></script>
ckridgway@55: <script type="text/javascript" src="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
bgneal@9: <script type="text/javascript">
ckridgway@53:    $(document).ready(function(){
ckridgway@53:       $('#slider1').bxSlider({
ckridgway@53:          mode: 'fade',
ckridgway@53:          speed: 500,
ckridgway@53:          auto: true,
ckridgway@53:          autoControls: true,
ckridgway@53:          autoHover: true,
ckridgway@53:          randomStart: true,
ckridgway@53:          pager: true,
ckridgway@53:          pagerType: 'full',
ckridgway@53:          wrapperClass: 'bands-slider-wrap'
ckridgway@55:       });
ckridgway@55: 
ckridgway@55:       $("a.band-image").fancybox({
ckridgway@55:          'transitionIn' :  'elastic',
ckridgway@55:          'transitionOut'   :  'elastic',
ckridgway@55:          'speedIn'      :  600,
ckridgway@55:          'speedOut'     :  200,
ckridgway@55:          'overlayShow'  :  false
ckridgway@55:       });
ckridgway@55:    });
bgneal@9: </script>
bgneal@9: {% endblock %}
bgneal@9: 
bgneal@6: {% block content %}
bgneal@6: {% navbar 'bands' %}
bgneal@9: 
ckridgway@47: <div class="hero-unit">
ckridgway@53:    <div id="slider1">
ckridgway@53:       {% for band in object_list %}
ckridgway@53:          <div>
ckridgway@53:             <div class="row">
ckridgway@53:                <div class="span4">
ckridgway@55:                   {% if band.asset_prefix %}
ckridgway@55:                      <a class="band-image" href="{{ STATIC_URL }}images/bands/{{ band.asset_prefix }}_large.jpg">
ckridgway@55:                         <img src="{{ STATIC_URL }}images/bands/{{ band.asset_prefix }}_small.jpg" alt="{{ band.name }}" title="View {{ band.name }} full size" />
ckridgway@55:                      </a>
ckridgway@55:                   {% else %}
ckridgway@55:                      <img src="http://placehold.it/200x200&text={{ band.name|escapejs }}">
ckridgway@55:                   {% endif %}
ckridgway@53:                </div>
bgneal@74:                <div class="span9">
ckridgway@53:                   <h1>{{ band.name }}</h1>
ckridgway@53:                   <br/>
ckridgway@53:                   <span>{{ band.notes }}</span>
ckridgway@55:                   {% if band.url %}
bgneal@74:                      <p style="margin-top:1em"><a class="btn default bns" href="{{ band.url }}">Visit Website</a></p>
ckridgway@55:                   {% endif %}
ckridgway@53:                </div>
ckridgway@53:             </div>
ckridgway@52:          </div>
ckridgway@53:       {% endfor %}
ckridgway@53:    </div>
ckridgway@47: </div>
ckridgway@47: 
bgneal@6: {% endblock %}