initial commit of work on new starter theme

mlandauer · Sep 30, 2013 · 0e7c443 · 0e7c443
1 parent 9c944f4
commit 0e7c443
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/www/css/starter-template.css b/www/css/starter-template.css
@@ -2,6 +2,9 @@ body {
   padding-top: 50px;
 }
 
-.navbar {
-  background: white;
+.navbar-fixed-top {
+    background-color: #000;
+}
+.short-name {
+    font-weight: bold;
 }
diff --git a/www/index.html b/www/index.html
@@ -25,7 +25,7 @@
 
   <body>
     <script type="text/x-handlebars" data-template-name="campsites">
-      <div class="navbar navbar-fixed-top">
+      <div class="navbar navbar-fixed-top navbar-inverse">
         <div class="container">
           <div class="navbar-header">
             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
@@ -41,7 +41,7 @@
               <li><a href="#about">About</a></li>
               <li><a href="#contact">Contact</a></li>
             </ul>
-          </div><!--/.nav-collapse -->
+          </div> <!--.nav-collapse -->
         </div>
       </div>
 
@@ -51,7 +51,7 @@
           {{#each}}
             {{#link-to 'campsite' this classNames=[list-group-item]}}
               <h4 class="list-group-item-heading pull-right">{{distanceText}} {{bearingText}}</h4>
-              <p class="list-group-item-text">{{shortName}}</p>
+              <p class="list-group-item-text short-name">{{shortName}}</p>
               <p class="list-group-item-text">{{parkShortName}}</p>
             {{/link-to}}
           {{/each}}
@@ -63,22 +63,22 @@ <h4 class="list-group-item-heading pull-right">{{distanceText}} {{bearingText}}<
       <div class="navbar navbar-fixed-top">
         <div class="container">
           <div class="navbar-header">
-            <a href="#" class="btn">
-              <span class="glyphicon glyphicon-arrow-left"></span> Camping near you in NSW
+            <a href="#" class="btn btn-primary">
+              <span class="glyphicon glyphicon-arrow-left"></span> More campsites near you
             </a>
           </div>
         </div>
       </div>
 
       <div class="container">
-        <h2>{{longName}}</h2>
+        <h1>{{longName}}</h1>
         <p>{{parkLongName}}</p>
         {{{html_description}}}
 
-        <h3>Facilities</h3>
+        <h2>Facilities</h2>
         <table class="table table-bordered">
           <tr>
-            <td>Has:</td>
+            <th>Has:</th>
             <td>{{haveFacilitiesText}}</td>
           </tr>
           <tr>
@@ -87,7 +87,7 @@ <h3>Facilities</h3>
           </tr>
         </table>
 
-        <h3>Access</h3>
+        <h2>Access</h2>
         <table class="table table-bordered">
           <tr>
             <td>For:</td>
@@ -99,7 +99,7 @@ <h3>Access</h3>
           </tr>
         </table>
 
-        <a {{bindAttr href="mapUrl"}} class="btn">Directions to Campsite</a>
+        <a {{bindAttr href="mapUrl"}} class="btn btn-default">     <span class="glyphicon glyphicon-map-marker"></span> Directions to Campsite</a>
       </div>
     </script>