changeset 115:44a635748fb9

Boostrap: home page.
author Brian Neal <bgneal@gmail.com>
date Sun, 20 Oct 2013 17:35:39 -0500
parents 4f44b56b43de
children 24263cb45e27
files madeira/templates/gigs/upcoming_gigs_tag.html madeira/templates/index.html
diffstat 2 files changed, 168 insertions(+), 143 deletions(-) [+]
line wrap: on
line diff
--- a/madeira/templates/gigs/upcoming_gigs_tag.html	Sun Oct 20 14:07:08 2013 -0500
+++ b/madeira/templates/gigs/upcoming_gigs_tag.html	Sun Oct 20 17:35:39 2013 -0500
@@ -1,35 +1,34 @@
+<div>
+<div class="text-center">
+<h2>Upcoming Shows</h2>
 {% if gigs %}
-<div class="center-block">
-<h2>Upcoming Shows...</h2>
- 
-{% if flyers %}
-<div class="thumb-box">
-   <div style="width:90%; margin-left:auto;">
+   {% if flyers %}
+      <ul class="list-inline list-unstyled">
       {% for flyer in flyers %}
-      <div style="display:inline-table;">
-         <table class="image-table">
-            <tr><td>
-   <a href="{{ flyer.image.url }}" class="fancybox" rel="madeira-gallery">
-      <img src="{{ flyer.get_thumbnail_url }}" alt="{{ flyer.caption }}" title="{{ flyer.caption }}" /></a>
-            </td></tr>
-         </table>
-      </div>
+         <li>
+         <a href="{{ flyer.image.url }}" class="thumbnail fancybox" rel="madeira-gallery">
+            <img src="{{ flyer.get_thumbnail_url }}" alt="gig flyer" /></a>
+         </li>
       {% endfor %}
-   </div>
-</div>
+      </ul>
+   {% endif %}
+
+   <ul>
+   {% for gig in gigs %}
+   <li><strong>{{ gig.date|date:"l, F d" }}</strong>:
+   {% if gig.venue %}
+      {{ gig.venue.name }}, {{ gig.venue.city.name }}{% if gig.venue.city.state %}, {{ gig.venue.city.state.name }}{% endif %} {% ifnotequal gig.venue.city.country.name "USA" %} {{ gig.venue.city.country.name }} {% endifnotequal %}
+   {% else %}
+      Venue to be announced! Stay tuned!
+   {% endif %}
+   </li>
+   {% endfor %}
+   </ul>
+   <p><a href="{% url 'gigs-index' %}">See all upcoming shows...</a></p>
+
+{% else %}
+<p>No shows scheduled at this time. Please check back later!</p>
 {% endif %}
 
-<ul>
-{% for gig in gigs %}
-<li><strong>{{ gig.date|date:"l, F d" }}</strong>:
-{% if gig.venue %}
-   {{ gig.venue.name }}, {{ gig.venue.city.name }}{% if gig.venue.city.state %}, {{ gig.venue.city.state.name }}{% endif %} {% ifnotequal gig.venue.city.country.name "USA" %} {{ gig.venue.city.country.name }} {% endifnotequal %}
-{% else %}
-   Venue to be announced! Stay tuned!
-{% endif %}
-</li>
-{% endfor %}
-</ul>
-<center><a href="{% url 'gigs-index' %}">See all upcoming shows...</a></center>
 </div>
-{% endif %}
+</div>
--- a/madeira/templates/index.html	Sun Oct 20 14:07:08 2013 -0500
+++ b/madeira/templates/index.html	Sun Oct 20 17:35:39 2013 -0500
@@ -1,134 +1,160 @@
 {% extends 'base.html' %}
+{% load core_tags %}
 {% load gig_tags %}
 {% block title %}The Madeira{% endblock %}
 {% block custom_css %}
-<link rel="stylesheet" href="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
+{% include 'core/fancybox_css.html' %}
 {% endblock %}
-{% block custom_js %}
-<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-<script src="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
-<script>
-$(function() {
-   $('a.fancybox').fancybox();
-});
-</script>
-{% endblock %}
+{% block navblock %}{% navbar 'home' %}{% endblock %}
 {% block content %}
 <h1>The Madeira</h1>
-<img class="floatLeftBox" src="/media/photologue/photos/2008/Apr/20/band2008.jpg" 
-   alt="The Madeira 2008" title="The Madeira 2008" border="0" />
+<div class="media">
+   <img class="pull-left media-object" src="/media/photologue/photos/2008/Apr/20/band2008.jpg" 
+      alt="The Madeira 2008" title="The Madeira 2008" />
+   <div class="media-body">
+   <p class="lead">The Madeira plays surf music born of screaming wind over the sand dunes of the Sahara Desert, deafening echoes of waves pounding the Gibraltar Rock, joyous late-night gypsy dances in the small towns of Andalucia, and exotic cacophony of the Marrakesh town square. It is the surf music of the millennia-old Mediterranean mysteries.</p>
 
-<p>The Madeira plays surf music born of screaming wind over the sand dunes of the Sahara Desert, deafening echoes of waves pounding the Gibraltar Rock, joyous late-night gypsy dances in the small towns of Andalucia, and exotic cacophony of the Marrakesh town square. It is the surf music of the millennia-old Mediterranean mysteries.</p>
+   <p>On these pages you will find the latest news from the band, show dates, songs &amp; videos to download, photos, and merchandise information.</p>
 
-<p>On these pages you will find the latest news from the band, show dates, songs &amp; videos to download, photos, and merchandise information.</p>
+   <p>Please also visit The Madeira on <a href="http://facebook.com/themadeira">Facebook</a> and
+   <a href="http://www.youtube.com/user/TheMadeiraSurf">YouTube</a>.  
+   Send us email at: <a href="mailto:themadeira@themadeira.net">themadeira@themadeira.net</a>.</p>
+   <br class="clearfix">
+   </div>
+</div>
 
-<p>Please also visit The Madeira on <a href="http://facebook.com/themadeira">Facebook</a> and
-<a href="http://www.youtube.com/user/TheMadeiraSurf">YouTube</a>.  
-Send us email at: <a href="mailto:themadeira@themadeira.net">themadeira@themadeira.net</a>.</p>
-
-<div class="quotes">
+<div>
 <h2>What people are saying about Tribal Fires...</h2>
-<div style="float:left; margin-right: 1.5em; margin-bottom: 1em;">
-<a href="/buy/">
-<img src="/media/photologue/photos/tribal_fires_cover_200_1.jpg" alt="Tribal Fires" title="Tribal Fires" />
-</a>
+<div class="row">
+   <div class="col-md-3">
+      <a href="/buy/">
+      <img src="/media/photologue/photos/tribal_fires_cover_200_1.jpg" alt="Tribal Fires" title="Tribal Fires" />
+      </a>
+   </div>
+   <div class="col-md-5">
+      <blockquote>
+         <p>
+         &ldquo;A 13-track masterpiece. It's filled with an all-encompassing
+         atmosphere of awe and mystique that will mesmerize you from start to
+         finish. A total must-have. There is no letup, absolutely no letup, in
+         the quality of the tracks on this outstanding CD. Each song is a work
+         of art.&rdquo;
+         </p>
+         <small>Duke, <a href="http://surfrockmusic.com/">SurfRockMusic.com</a></small>
+      </blockquote>
+   </div>
+   <div class="col-md-4">
+      <blockquote>
+         <p>
+         &ldquo;Five stars! The Madeira just keep producing exceptionally fine
+         instrumental music. I love this album!&rdquo;
+         </p>
+         <small>Phil Dirt, <a href="http://reverbcentral.com">reverbcentral.com</a></small>
+      </blockquote>
+   </div>
 </div>
-   <blockquote>
-&ldquo;A 13-track masterpiece. It's filled with an all-encompassing
-atmosphere of awe and mystique that will mesmerize you from start to
-finish. A total must-have. There is no letup, absolutely no letup, in
-the quality of the tracks on this outstanding CD. Each song is a work
-of art.&rdquo;<br /><span class="citation">&mdash; Duke, <a href="http://surfrockmusic.com/">SurfRockMusic.com</a></span>
-   </blockquote>
-
-   <blockquote class="odd">
-&ldquo;Five stars! The Madeira just keep producing exceptionally fine
-instrumental music. I love this album!&rdquo; <br /><span class="citation">&mdash; Phil Dirt,
-   <a href="http://reverbcentral.com">reverbcentral.com</a></span>
-   </blockquote>
-
-   <blockquote>
-&ldquo;The Madeira are on top of their game here. 'Tribal Fires' is an album
-that raises the bar for other surf bands. Recommended!&rdquo; <br /><span class="citation">&mdash; Johnny
-   Slams, <a href="http://slamsreviews.blogspot.com/">slamsreviews.blogspot.com</a></span>
-   </blockquote>
-
-   <blockquote class="odd">
-&ldquo;The quality of surf music on this album is unreal.  Everyone is
-playing at a level that hadn’t been reached before on prior releases,
-albums that are by no means of the imagination products of
-half-hearted work. The song arrangement is pretty smart, producing not
-a collection of songs but an overall experience that is lacking in a
-lot of modern &lsquo;albums.&rsquo;  Definitely one of the best albums of the
-year.&rdquo; <br /><span class="citation">&mdash; Strange Jason,
-   <a href="http://gravediggerslocal.com/">Gravedigger's Local 16</a></span>
-   </blockquote>
-
-   <blockquote>
-&ldquo;&lsquo;Tribal Fires&rsquo; is by far the best album in the genre that we've heard
-so far this year. An instrumental and conceptual trip into the dark
-jungle with ultra-intense passages, enigmatic atmospheres and
-absolutely captivating melodies.&rdquo; <br />
-<span class="citation">&mdash; Diego RJ, Spanish public radio
-   show <a href="http://www.rtve.es">El Sótano</a> (The Basement)</span>
-   </blockquote>
-
-   <blockquote class="odd">
-&ldquo;The Madeira retain the melodic approach of '60s guitar instrumentals
-to which they apply the adrenaline-charged drive and sounds of surf
-music. [T]hey play as if surf and rock instrumentals still mattered as
-much as they did five decades ago.  [An] outstanding release from the
-Madeira.&rdquo;<br />
-<span class="citation">&mdash; Alan Taylor, Pipeline Instrumental Review.<br />
-<em>Tribal Fires is #1 on editor Alan Taylor's Top Ten list, Pipeline Instrumental Review
-      #90, Winter 2012</em>
-   </span></blockquote>
-
-   <blockquote>
-&ldquo;Wow. Just plain Wow! The Madeira continue to prove why they are one
-of the most influential and oft-referenced contemporary surf bands in
-the world.  A palpable energy, explorations into musical exoticism,
-top-notch musicality, memorable songwriting, extensive variety --
-Tribal Fires has it all and then some! There really aren't enough
-superlatives to explain how good this album is.&rdquo;<br />
-<span class="citation">&mdash; Jonpaul Balak, <a href="http://www.tikimagazine.com/">Tiki Magazine</a></span>
-   </blockquote>
+<div class="row">
+   <div class="col-md-4">
+      <blockquote>
+         <p>
+         &ldquo;The Madeira are on top of their game here. 'Tribal Fires' is an album
+         that raises the bar for other surf bands. Recommended!&rdquo;
+         </p>
+         <small>Johnny Slams, <a href="http://slamsreviews.blogspot.com/">slamsreviews.blogspot.com</a></small>
+      </blockquote>
+   </div>
+   <div class="col-md-4">
+      <blockquote>
+         <p>
+         &ldquo;The quality of surf music on this album is unreal.  Everyone is
+         playing at a level that hadn’t been reached before on prior releases,
+         albums that are by no means of the imagination products of
+         half-hearted work. The song arrangement is pretty smart, producing not
+         a collection of songs but an overall experience that is lacking in a
+         lot of modern &lsquo;albums.&rsquo;  Definitely one of the best albums of the
+         year.&rdquo;
+         </p>
+         <small>Strange Jason, <a href="http://gravediggerslocal.com/">Gravedigger's Local 16</a></small>
+      </blockquote>
+   </div>
+   <div class="col-md-4">
+      <blockquote>
+         <p>
+         &ldquo;&lsquo;Tribal Fires&rsquo; is by far the best album in the genre that we've heard
+         so far this year. An instrumental and conceptual trip into the dark
+         jungle with ultra-intense passages, enigmatic atmospheres and
+         absolutely captivating melodies.&rdquo;
+         </p>
+         <small>Diego RJ, Spanish public radio show <a href="http://www.rtve.es">El Sótano</a> (The Basement)</small>
+      </blockquote>
+   </div>
+</div>
+<div class="row">
+   <div class="col-md-6">
+      <blockquote>
+         <p>
+         &ldquo;The Madeira retain the melodic approach of '60s guitar instrumentals
+         to which they apply the adrenaline-charged drive and sounds of surf
+         music. [T]hey play as if surf and rock instrumentals still mattered as
+         much as they did five decades ago.  [An] outstanding release from the
+         Madeira.&rdquo;
+         </p>
+         <small>Alan Taylor, Pipeline Instrumental Review.<br />
+         <em>Tribal Fires is #1 on editor Alan Taylor's Top Ten list, Pipeline Instrumental Review
+            #90, Winter 2012</em></small>
+      </blockquote>
+   </div>
+   <div class="col-md-6">
+      <blockquote>
+         <p>
+         &ldquo;Wow. Just plain Wow! The Madeira continue to prove why they are one
+         of the most influential and oft-referenced contemporary surf bands in
+         the world.  A palpable energy, explorations into musical exoticism,
+         top-notch musicality, memorable songwriting, extensive variety --
+         Tribal Fires has it all and then some! There really aren't enough
+         superlatives to explain how good this album is.&rdquo;
+         </p>
+         <small>Jonpaul Balak, <a href="http://www.tikimagazine.com/">Tiki Magazine</a></small>
+      </blockquote>
+   </div>
+</div>
 </div>
 
 {% upcoming_gigs %}
 
-<div class="newsflash">
-   <center>
-   <table border="0" cellspacing="2" cellpadding="2" width="100%">
-      <tr><td colspan="2"><center><h1>The Madeira Releases:</h1></center></td></tr>
-      <tr><td colspan="2"><center>
-               <a href="/buy/"><img src="http://themadeira.net/media/images/news/2012/02/05/tribal_fires_cover_320.jpg" alt="Tribal Fires Cover" title="Tribal Fires" border="0" /></a>
-               </center></td></tr>
-      <tr><td colspan="2"><center><a href="/buy/">Tribal Fires</a>
-                  </center></td></tr>
-
-      <tr><td colspan="2"><center>
-               <a href="/buy/"><img src="http://themadeira.net/media/photologue/photos/2008/Jun/10/carpe_noctem_cover.jpg" alt="Carpe Noctem Cover" title="Carpe Noctem" border="0" /></a>
-               </center></td></tr>
-      <tr><td colspan="2"><center><a href="/buy/">Carpe Noctem!</a>
-                  </center></td></tr>
-      <tr><td><center><a href="/buy/"><img src="http://themadeira.net/media/photologue/photos/2008/Apr/14/sandstorm.jpg" alt="Sandstorm CD Cover"
-                  title="Sandstorm" border="0" /></a></center></td>
-
-          <td><center><a href="/buy/"><img src="http://themadeira.net/media/photologue/photos/2008/Apr/14/ruins.jpg" alt="Ruins EP Cover" title="Ruins"
-                  border="0" /></a></center></td></tr>
-      <tr><td><center><a href="/buy/">Sandstorm</a></center></td>
-         <td><center><a href="/buy/">Ruins</a></center></td></tr>
-   </table>
-   </center>
-</div>
-
 <div>
-   <center>
-      <h2>Sandstorm from Sound of the Surf</h2>
-<object width="640" height="390"><param name="movie" value="http://www.youtube-nocookie.com/v/IFnyaCPyJSk?fs=1&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/IFnyaCPyJSk?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390"></embed></object>
-<p>Another clip from the upcoming film <a href="http://soundofthesurf.com">Sound of the Surf</a> has just been released, and it is our performance of Sandstorm! This movie cannot come out soon enough!</p>
-</center>
+   <div class="text-center">
+      <h2>The Madeira Releases</h2>
+   </div>
+   <div class="row">
+      <div class="col-md-6 col-md-offset-3">
+         <div class="text-center">
+            <a href="/buy/">
+               <img src="http://themadeira.net/media/images/news/2012/02/05/tribal_fires_cover_320.jpg" alt="Tribal Fires Cover" title="Tribal Fires" class="img-rounded" /></a>
+         </div>
+      </div>
+   </div>
+   <hr>
+   <div class="row">
+      <div class="col-md-10 col-md-offset-1">
+         <div class="text-center">
+         <ul class="list-inline list-unstyled">
+            <li><a href="/buy/">
+                <img src="http://themadeira.net/media/photologue/photos/2008/Jun/10/carpe_noctem_cover.jpg"
+                alt="Carpe Noctem Cover" title="Carpe Noctem" class="img-rounded" /></a></li>
+            <li><a href="/buy/">
+                <img src="http://themadeira.net/media/photologue/photos/2008/Apr/14/sandstorm.jpg"
+                alt="Sandstorm CD Cover" title="Sandstorm" class="img-rounded" /></a></li>
+            <li><a href="/buy/">
+                <img src="http://themadeira.net/media/photologue/photos/2008/Apr/14/ruins.jpg"
+                alt="Ruins EP Cover" title="Ruins" class="img-rounded" /></a></li>
+         </ul>
+         </div>
+      </div>
+   </div>
 </div>
 
 {% endblock %}
+{% block custom_js %}
+{% include 'core/fancybox_js.html' %}
+{% endblock %}