{% extends 'base.html' %}
{% load core_tags %}
{% block title %}Bands{% endblock %}

{% block custom_css %}
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/redmond/jquery-ui.css">
{% endblock %}
{% block custom_js %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript">
	$(function() {
      $("#accordion").accordion({active: false});
	});
</script>
{% endblock %}

{% block content %}
{% navbar 'bands' %}


{% for band in object_list %}
<div class="hero-unit">
      <h1>{{ band.name }}</h1>
      <div class="row">
         <div class="span10">
            <br/>
            <span>{{ band.notes }}</span>
            <p style="margin-top:1em"><a class="btn default" href="">Band Site</a></p>
         </div>
         <div class="span4">
            <img src="http://placehold.it/200x200&text={{ band.name|escapejs }}">
         </div>
      </div>

</div>
{% endfor %}

{% endblock %}