Mercurial > public > bravenewsurf

changeset 66:ee1a90652c1e bands-experimental-ui

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Experimental new front page design.
author Chris Ridgway <ckridgway@gmail.com>
date Thu, 17 Nov 2011 22:11:38 -0600
parents 4e6a30e35334
children a878a98292a8
files bns_website/static/css/base.css bns_website/templates/home.html
diffstat 2 files changed, 60 insertions(+), 34 deletions(-) [+]
line wrap: on
line diff
--- a/bns_website/static/css/base.css	Wed Nov 16 22:57:58 2011 -0600
+++ b/bns_website/static/css/base.css	Thu Nov 17 22:11:38 2011 -0600
@@ -1,4 +1,5 @@
 body {
+   background: url('static/images/polonez_car.png');
    padding-top: 60px
 }
 .social-sharing {
--- a/bns_website/templates/home.html	Wed Nov 16 22:57:58 2011 -0600
+++ b/bns_website/templates/home.html	Thu Nov 17 22:11:38 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,41 +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>
+
 <div class="row">
    <div class="span9">
       <h2>Brave New Surf</h2>