Mercurial > public > bravenewsurf

changeset 70:cf4e7eed74d3

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Added the Future Bugler webfont. Made a few feeble attempts at styling, mainly to get feedback.
author Brian Neal <bgneal@gmail.com>
date Wed, 23 Nov 2011 15:36:51 -0600
parents 7b3dc0ee9198
children c9a2c21b68bd
files bns_website/static/css/base.css bns_website/static/css/fonts/future_bugler.css bns_website/static/css/fonts/webfonts/180465_0.eot bns_website/static/css/fonts/webfonts/180465_0.ttf bns_website/static/css/fonts/webfonts/180465_0.woff bns_website/templates/base.html bns_website/templates/buy.html bns_website/templates/core/navbar_tag.html bns_website/templates/home.html
diffstat 9 files changed, 54 insertions(+), 13 deletions(-) [+]
line wrap: on
line diff
--- a/bns_website/static/css/base.css	Wed Nov 23 09:39:56 2011 -0600
+++ b/bns_website/static/css/base.css	Wed Nov 23 15:36:51 2011 -0600
@@ -1,5 +1,6 @@
 body {
-   padding-top: 60px
+   padding-top: 60px;
+   background-color: #d9ecfa;
 }
 .social-sharing {
    margin-top: 1.5em;
@@ -12,6 +13,24 @@
    display: inline-block;
    vertical-align: top;
 }
+h1, h2, h3, h4, h5, .bns {
+   font-family: FutureBugler;
+   font-weight: normal;
+   font-style: normal;
+   color: #00aab4;
+}
+.alert-message.block-message.info {
+   background-color: #e2f1f8;
+}
+.footer {
+   background-color: #1f8392;
+}
+.footer a {
+   color: #e4d4a1;
+}
+.footer .bns {
+   color: #e2f1f8;
+}
 
 /*
 -----------------------------------------------
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/bns_website/static/css/fonts/future_bugler.css	Wed Nov 23 15:36:51 2011 -0600
@@ -0,0 +1,22 @@
+/* @license
+ * MyFonts Webfont Build ID 1573989, 2011-11-23T15:12:32-0500
+ * 
+ * The fonts listed in this notice are subject to the End User License
+ * Agreement(s) entered into by the website owner. All other parties are 
+ * explicitly restricted from using the Licensed Webfonts(s).
+ * 
+ * You may obtain a valid license at the URLs below.
+ * 
+ * Webfont: Future Bugler by Breauhare
+ * URL: http://www.myfonts.com/fonts/breauhare/future-bugler/regular/
+ * Copyright: Copyright (c) 2008 by Breauhare Fonts. All rights reserved.
+ * Licensed pageviews: 10,000
+ * 
+ * 
+ * License: http://www.myfonts.com/viewlicense?type=web&buildid=1573989
+ * 
+ * © 2011 Bitstream Inc
+*/
+
+
+ @font-face {font-family: 'FutureBugler';src: url('webfonts/180465_0.eot');src: url('webfonts/180465_0.eot?#iefix') format('embedded-opentype'),url('webfonts/180465_0.woff') format('woff'),url('webfonts/180465_0.ttf') format('truetype');}
Binary file bns_website/static/css/fonts/webfonts/180465_0.eot has changed
Binary file bns_website/static/css/fonts/webfonts/180465_0.ttf has changed
Binary file bns_website/static/css/fonts/webfonts/180465_0.woff has changed
--- a/bns_website/templates/base.html	Wed Nov 23 09:39:56 2011 -0600
+++ b/bns_website/templates/base.html	Wed Nov 23 15:36:51 2011 -0600
@@ -9,6 +9,7 @@
 {% block custom_meta %}{% endblock %}
 <link rel="shortcut icon" href="{{ STATIC_URL }}images/favicon.ico" />
 <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css" />
+<link rel="stylesheet" href="{{ STATIC_URL }}css/fonts/future_bugler.css" />
 <link rel="stylesheet" href="{{ STATIC_URL }}css/base.css" />
 {% block custom_css %}{% endblock %}
 {% block custom_js %}{% endblock %}
@@ -22,10 +23,9 @@
 <footer class="footer">
 <div class="container">
    <p class="pull-right"><a href="#">Back to top</a></p>
-   <p>
+   <p class="bns">
    Brave New Surf © 2011 <a href="http://www.doublecrownrecords.com/">Double Crown Records</a> - Contact us: <a href="mailto:records@dblcrown.com">records@dblcrown.com</a>
    </p>
-   <p>Other footer type stuff goes down here.</p>
    <p><small>FENDER, JAZZMASTER and the distinctive headstock design commonly found on FENDER guitars are registered trademarks of <a href="http://www.fender.com">Fender Musical Instruments Corporation</a> and used herein with express written permission. All rights reserved.</small></p>
 </div>
 </footer>
--- a/bns_website/templates/buy.html	Wed Nov 23 09:39:56 2011 -0600
+++ b/bns_website/templates/buy.html	Wed Nov 23 15:36:51 2011 -0600
@@ -23,8 +23,8 @@
          <li>Paypal</li>
       </ul>
       <p>
-      <a href="http://www.ccnow.com/cgi-local/cart.cgi?doublecrown_DCCD45_http://www.doublecrownrecords.com/products-page/" class="btn large primary">1 for $12.75</a>
-      <a href="http://www.ccnow.com/cgi-local/cart.cgi?doublecrown_DCCD452X_http://www.doublecrownrecords.com/products-page/" class="btn large danger">2 for $20!!!</a>
+      <a href="http://www.ccnow.com/cgi-local/cart.cgi?doublecrown_DCCD45_http://www.doublecrownrecords.com/products-page/" class="btn large primary bns">1 for $12.75</a>
+      <a href="http://www.ccnow.com/cgi-local/cart.cgi?doublecrown_DCCD452X_http://www.doublecrownrecords.com/products-page/" class="btn large danger bns">2 for $20!!!</a>
       </p>
       <hr />
       <p>If you prefer to order by mail, please send $12.75 USD plus shipping to:</p>
--- a/bns_website/templates/core/navbar_tag.html	Wed Nov 23 09:39:56 2011 -0600
+++ b/bns_website/templates/core/navbar_tag.html	Wed Nov 23 15:36:51 2011 -0600
@@ -1,7 +1,7 @@
 {% load url from future %}
 <div class="topbar" >
 <div class="topbar-inner">
-<div class="container">
+<div class="container bns">
 <a class="brand" href="{% url 'home' %}">Brave New Surf</a>
 <ul class="nav">
 <li{% if active_tab == "home" %} class="active"{% endif %}><a href="{% url 'home' %}">Home</a></li>
--- a/bns_website/templates/home.html	Wed Nov 23 09:39:56 2011 -0600
+++ b/bns_website/templates/home.html	Wed Nov 23 15:36:51 2011 -0600
@@ -44,14 +44,14 @@
          <br/>
          <br/>
          <p id="get-it-now">
-           <a href="{% url 'buy' %}" class="btn large primary">Get it Now! »</a>
-           <a href="{% url 'music' %}" class="btn large info">Listen Now! »</a>
+           <a href="{% url 'buy' %}" class="btn large primary bns">Get it Now! »</a>
+           <a href="{% url 'music' %}" class="btn large info bns">Listen 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>
+         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>
          </p>
          <br/>
          <h4>Track Listing</h4>
@@ -105,8 +105,8 @@
 </p><p>
       Surf music has never been so vibrant, so diverse, so charged with energy and excitement. It’s time for the new surf classics. It’s time for BRAVE NEW SURF!
 </p>
-   <p><a href="{% url 'buy' %}" class="btn primary">Buy Now »</a>
-      <a href="{% url 'music' %}" class="btn info">Listen Now »</a>
+   <p><a href="{% url 'buy' %}" class="btn primary bns">Buy Now »</a>
+      <a href="{% url 'music' %}" class="btn info bns">Listen Now »</a>
    </p>
    {% social_sharing 'Brave New Surf' 'http://bravenewsurf.com' %}
    </div>
@@ -114,12 +114,12 @@
       <div class="alert-message block-message info">
          <h3>News</h3>
          {% list_news 5 %}
-         <p><br /><a class="btn default" href="{% url 'news' %}">All News »</a></p>
+         <p><br /><a class="btn default bns" href="{% url 'news' %}">All News »</a></p>
       </div>
       <div class="alert-message block-message info">
          <h3>Reviews</h3>
          {% list_reviews 5 %}
-         <p><br /><a class="btn default" href="{% url 'reviews' %}">All Reviews »</a></p>
+         <p><br /><a class="btn default bns" href="{% url 'reviews' %}">All Reviews »</a></p>
       </div>
       <div class="alert-message block-message info">
       <h3>Looking for more surf music?</h3>