comparison bns_website/templates/home.html @ 75:b4c5b04c4209

Fix some validation problems (extra </div>, "px" in image size & width). Made the headlines bigger. Ferenc didn't want the track listing centered over the 2 columns.
author Brian Neal <bgneal@gmail.com>
date Wed, 23 Nov 2011 21:14:49 -0600
parents c9a2c21b68bd
children b936799189a1
comparison
equal deleted inserted replaced
74:e0a0ebc56afe 75:b4c5b04c4209
14 {% endblock %} 14 {% endblock %}
15 {% block custom_css %} 15 {% block custom_css %}
16 <link rel="stylesheet" href="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" /> 16 <link rel="stylesheet" href="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
17 <style> 17 <style>
18 .hero-unit { margin:0px 0px 20px 0px; padding:20px;} 18 .hero-unit { margin:0px 0px 20px 0px; padding:20px;}
19 .hero-unit h4 { text-align:center; }
20 .hero-unit p#get-it-now { text-align:center; } 19 .hero-unit p#get-it-now { text-align:center; }
21 .hero-unit ol#column1 { margin-left: 0px; } 20 .hero-unit ol#column1 { margin-left: 0px; }
22 .hero-unit ol#column2 { margin-left: 10px; } 21 .hero-unit ol#column2 { margin-left: 10px; }
23 </style> 22 </style>
24 {% endblock %} 23 {% endblock %}
37 36
38 <div class="hero-unit"> 37 <div class="hero-unit">
39 <div class="row"> 38 <div class="row">
40 <div class="span6"> 39 <div class="span6">
41 <a id="album-cover" href="{{ STATIC_URL }}images/bns_cover.jpg"> 40 <a id="album-cover" href="{{ STATIC_URL }}images/bns_cover.jpg">
42 <img src="{{ STATIC_URL }}images/bns_cover11.jpg" width="320px" height="320px" alt="Album cover" title="View full size cover art" /></a> 41 <img src="{{ STATIC_URL }}images/bns_cover11.jpg" width="320" height="320" alt="Album cover" title="View full size cover art" /></a>
43 <br/> 42 <br/>
44 <br/> 43 <br/>
45 <br/> 44 <br/>
46 <p id="get-it-now"> 45 <p id="get-it-now">
47 <a href="{% url 'buy' %}" class="btn large primary bns">Get it Now! »</a> 46 <a href="{% url 'buy' %}" class="btn large primary bns">Get it Now! »</a>
48 <a href="{% url 'music' %}" class="btn large info bns">Listen Now! »</a> 47 <a href="{% url 'music' %}" class="btn large info bns">Listen Now! »</a>
49 </p> 48 </p>
50 </div> 49 </div>
51 <div> 50 <div>
52 <h2>Brave New Surf</h2> 51 <h1>Brave New Surf</h1>
53 <p> 52 <p>
54 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><span class="bns">BRAVE NEW SURF!</span></strong> 53 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 — this is <strong><span class="bns">BRAVE NEW SURF!</span></strong>
55 </p> 54 </p>
56 <br/> 55 <br/>
57 <h4>Track Listing</h4> 56 <h2>Track Listing</h2>
58 <div class="row"> 57 <div class="row">
59 <div class="span4"> 58 <div class="span4">
60 <ol id="column1"> 59 <ol id="column1">
61 <li>El Supernaut: Wonderman from Initiö</li> 60 <li>El Supernaut: Wonderman from Initiö</li>
62 <li>Los Twang! Marvels: Sea of Glory</li> 61 <li>Los Twang! Marvels: Sea of Glory</li>
149 <li>Mastering by Bob Ridgley, Binary Recording Studio, Bellingham, WA.</li> 148 <li>Mastering by Bob Ridgley, Binary Recording Studio, Bellingham, WA.</li>
150 </ul> 149 </ul>
151 </div> 150 </div>
152 </div> 151 </div>
153 </div> 152 </div>
154 </div>
155 {% endblock %} 153 {% endblock %}
156 {% block end_body %}{% include 'core/social_sharing_end.html' %}{% endblock %} 154 {% block end_body %}{% include 'core/social_sharing_end.html' %}{% endblock %}