Mercurial > public > bravenewsurf

changeset 67:a878a98292a8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Merging new front page design from experimental UI branch.
author Chris Ridgway <ckridgway@gmail.com>
date Sun, 20 Nov 2011 22:59:06 -0600
parents aaac975df679 (current diff) ee1a90652c1e (diff)
children 1d50a0db4f21
files bns_website/static/css/base.css bns_website/templates/home.html
diffstat 1 files changed, 59 insertions(+), 35 deletions(-) [+]
line wrap: on
line diff
--- a/bns_website/templates/home.html	Sat Nov 19 16:32:28 2011 -0600
+++ b/bns_website/templates/home.html	Sun Nov 20 22:59:06 2011 -0600
@@ -14,6 +14,13 @@
 {% endblock %}
 {% block custom_css %}
 <link rel="stylesheet" href="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
+<style>
+   .hero-unit { margin:0px 10px 20px 10px; padding:20px;}
+   .hero-unit h4 { text-align:center; }
+   .hero-unit p#get-it-now { text-align:center; }
+   .hero-unit ol#column1 { margin-left: 0px; }
+   .hero-unit ol#column2 { margin-left: 10px; }
+</style>
 {% endblock %}
 {% block custom_js %}
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
@@ -28,42 +35,59 @@
 {% block content %}
 {% navbar 'home' %}
 
-<div class="row">
-<div class="span11">
-   <a id="album-cover" href="{{ STATIC_URL }}images/bns_cover.jpg">
-      <img src="{{ STATIC_URL }}images/bns_cover11.jpg" alt="Album cover" title="View full size cover art" /></a>
+<div class="hero-unit">
+   <div class="row">
+      <div class="span6">
+         <a id="album-cover" href="{{ STATIC_URL }}images/bns_cover.jpg">
+         <img src="{{ STATIC_URL }}images/bns_cover11.jpg" width="320px" height="320px" alt="Album cover" title="View full size cover art" /></a>
+         <br/>
+         <br/>
+         <br/>
+         <p id="get-it-now">
+           <a href="{% url 'buy' %}" class="btn large primary">Get it Now! »</a>
+         </p>
+   </div>
+      <div class="8">
+         <h2>Brave New Surf</h2>
+         <p>
+           is a collection of the best of modern instrumental surf music from around the world. The newest sounds of surf music are more vibrant, more diverse, more charged with energy and excitement than ever. These are the new surf classics &mdash; this is <strong>BRAVE NEW SURF!</strong>
+         </p>
+         <br/>
+         <h4>Track Listing</h4>
+         <div class="row">
+            <div class="span4">
+               <ol id="column1">
+                  <li>El Supernaut: Wonderman from Initiö</li>
+                  <li>Los Twang! Marvels: Sea of Glory</li>
+                  <li>El Ray: Cherry Cheeks</li>
+                  <li>The Coffin Daggers: Borgo Pass</li>
+                  <li>Aqualads: Washout</li>
+                  <li>The TomorrowMen: Momentium</li>
+                  <li>The Phantom Four: El Palmero</li>
+                  <li>Atomic Mosquitos: Mosquito Royale</li>
+                  <li>Los Kahunas: 7 Mares</li>
+                  <li>The Bambi Molesters: As the Dark Wave Swells</li>
+               </ol>
+            </div>
+            <div class="span5">
+               <ol id="column2" start="11">
+                  <li>The Barbwires: La Caja del Muerto</li>
+                  <li>Frankie &amp; the Pool Boys: Ewa on the Beach</li>
+                  <li>The Thunderchiefs: Estratosfera</li>
+                  <li>The Secret Samurai: The Khazar</li>
+                  <li>The Madeira: Witch Doctor</li>
+                  <li>The Eliminators: Walking Tall</li>
+                  <li>Surfer Joe: North Swell</li>
+                  <li>The Deadbeats: Karabasan</li>
+                  <li>Daikaiju: Laser Runner</li>
+                  <li>The Anacondas: Floating Home</li>
+               </ol>
+            </div>
+         </div>
+      </div>
+   </div>
 </div>
-<div class="span5">
-   <p>
-   <strong>Brave New Surf</strong> is a collection of the best of modern instrumental surf music from around the world. The newest sounds of surf music are more vibrant, more diverse, more charged with energy and excitement than ever. These are the new surf classics &mdash; this is <strong>BRAVE NEW SURF!</strong>
-   </p>
-   <p>Track listing:</p>
-   <ol>
-      <li>El Supernaut: Wonderman from Initiö</li>
-      <li>Los Twang! Marvels: Sea of Glory</li>
-      <li>El Ray: Cherry Cheeks</li>
-      <li>The Coffin Daggers: Borgo Pass</li>
-      <li>Aqualads: Washout</li>
-      <li>The TomorrowMen: Momentium</li>
-      <li>The Phantom Four: El Palmero</li>
-      <li>Atomic Mosquitos: Mosquito Royale</li>
-      <li>Los Kahunas: 7 Mares</li>
-      <li>The Bambi Molesters: As the Dark Wave Swells</li>
-      <li>The Barbwires: La Caja del Muerto</li>
-      <li>Frankie &amp; the Pool Boys: Ewa on the Beach</li>
-      <li>The Thunderchiefs: Estratosfera</li>
-      <li>The Secret Samurai: The Khazar</li>
-      <li>The Madeira: Witch Doctor</li>
-      <li>The Eliminators: Walking Tall</li>
-      <li>Surfer Joe: North Swell</li>
-      <li>The Deadbeats: Karabasan</li>
-      <li>Daikaiju: Laser Runner</li>
-      <li>The Anacondas: Floating Home</li>
-   </ol>
-   <p><a href="{% url 'buy' %}" class="btn primary">Buy Now »</a></p>
-</div>
-</div>
-<hr />
+
 <div class="row">
    <div class="span9">
       <h2>Brave New Surf</h2>