Red!

maptimeBoston · Feb 2, 2016 · b0d5ab2 · b0d5ab2
1 parent 8266fee
commit b0d5ab2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 16 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -26,38 +26,38 @@
   <link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.3/mapbox.css' rel='stylesheet' />
 </head>
 <body>
-  <header class='fill-blue'>
+  <header class='fill-red'>
     <div class='limiter contain'>
       <a href='{{site.baseurl}}/' class='sprite maptime pin-left'>Maptime</a>
       <div class='col12 clearfix pad2y'>
-        <div class='round pad2 col6 margin6 strong dark fill-darken0 fill-chapter row4 truncate contain'>
+        <div class='round pad2 col6 margin6 strong dark fill-darken1 fill-chapter row4 truncate contain'>
           <h1><a class='dark contain z1' href='{{site.baseurl}}/'>{{site.maptime.chapter}}</a></h1>
           <div class='pin-right pad4x pad1y hide-mobile'>
             <span class='sprite marker'></span>
           </div>
-          <a href='https://twitter.com/{{site.maptime.twitter}}/' class='contain z1 fill-blue button'>
+          <a href='https://twitter.com/{{site.maptime.twitter}}/' class='contain z1 fill-red button'>
             @{{site.maptime.twitter}} on Twitter
           </a>
         </div>
       </div>
     </div>
-    <div class='masthead fill-blue'>
-      <div class='fill-darken0 pad1y strong dark'>
+    <div class='masthead fill-red'>
+      <div class='fill-darken1 pad1y strong dark'>
         <div class='limiter'>
-          <a href='{{site.baseurl}}/resources' class='resources'>Resources and Tutorials</a>
+          <a href='{{site.baseurl}}/resources' class='fill-red resources'>Resources and Tutorials</a>
         </div>
       </div>
     </div>
   </header>
   <div class='limiter pad4y'>
     <div class='col12 clearfix'>
       <aside class='col3 fr space-bottom2 sidebar'>
-        <div class='fill-purple strong dark round pad2 space-bottom2'>
+        <div class='fill-red strong dark round pad2 space-bottom2'>
           <h3>The next {{site.maptime.chapter}} is:</h3>
           <div id='rsvpdate'></div>
         </div>
 
-        <div class='hide-mobile'>
+        <!--div class='hide-mobile'>
           <div class='popup-group'>
             <a href='https://github.com/maptimeboston/{{site.repo}}/' class='col12 space-bottom2 button'>Watch these events</a>
             <div class='popup popup-big keyline-all pad1 small round'>
@@ -78,7 +78,7 @@ <h3>The next {{site.maptime.chapter}} is:</h3>
               <a class='small' href='https://github.com/maptimeboston/{{site.repo}}/watchers'>View all</a>
             </div>
           </div>
-        </div>
+        </div-->
       </aside>
 
       <div class='col8 margin2r prose content'>

diff --git a/index.html b/index.html
@@ -28,13 +28,13 @@ <h2><a href='{{site.baseurl}}{{item.url}}'>{{item.title}}</a></h2>
 <div class='col12 center small strong space pad2y'>
   {% if paginator.previous_page %}
     {% if paginator.previous_page == 1 %}
-      <a href='{{site.baseurl}}/' class='button fill-blue icon left-arrow'>Newer</a>
+      <a href='{{site.baseurl}}/' class='button fill-red icon left-arrow'>Newer</a>
     {% else %}
-      <a href='{{site.baseurl}}/page{{ paginator.previous_page }}' class='button fill-blue icon left-arrow'>Newer</a>
+      <a href='{{site.baseurl}}/page{{ paginator.previous_page }}' class='button fill-red icon left-arrow'>Newer</a>
     {% endif %}
   {% endif %}
   {% if paginator.next_page %}
-    <a href='{{site.baseurl}}/page{{ paginator.next_page }}' class='button fill-blue rcon right-arrow'>Older</a>
+    <a href='{{site.baseurl}}/page{{ paginator.next_page }}' class='button fill-red rcon right-arrow'>Older</a>
   {% endif %}
 </div>
 
diff --git a/site.css b/site.css
@@ -5,7 +5,7 @@
 h1 { font-size:32px; line-height:36px; }
 body { color:#404040; }
 
-a       { color:#279acb; }
+a       { color:#B7282C; }
 a:hover { text-decoration:underline; }
 
 .dark a, 
@@ -99,7 +99,6 @@ h6 a:hover { text-decoration:none;}
     .resources{ 
       display: inline-block;
       padding: 10px;
-      background: #2BABE2;
 
     }
 
@@ -118,8 +117,8 @@ a.fill-green:hover    { background-color:#008440; text-decoration:none; }
 a.fill-yellow:hover   { background-color:#e2d61b; text-decoration:none; }
 .fill-orange          { background-color:#f79420; }
 a.fill-orange:hover   { background-color:#de851d; text-decoration:none; }
-.fill-red             { background-color:#ec2127; }
-a.fill-red:hover      { background-color:#d41e23; text-decoration:none; }
+.fill-red             { background-color:#B7282C; }
+a.fill-red:hover      { background-color:#a7181C; text-decoration:none; }
 
 .fill-darken0         { background-color:rgba(0,0,0,0.10); }
 a.fill-darken0:hover  { background-color:rgba(0,0,0,0.15); }