styling

_includes/footer.html

@@ -7,7 +7,7 @@
     <div class="footer-col-wrapper">
       <div class="footer-col  footer-col-1">
         <ul class="contact-list">
-          <li>{{ site.title }}</li>
+          <li><img src="http://mycapsules.com/mycapsules-footer.png"></li>
           <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
           <li class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></li>
         </ul>
@@ -48,6 +48,7 @@
 
       <div class="footer-col  footer-col-3">
         <p class="text">{{ site.description }}</p>
+        <img class="map map_move_myCapsules" src="http://one.mycapsules.com/main_data/spacer.gif" title="Locations of visitors to this page" id="clustrMapsImg">
       </div>
     </div>
 

_layouts/post.html

@@ -5,7 +5,8 @@ layout: default
 
   <header class="post-header">
     <h1 class="post-title">{{ page.title }}</h1>
-    <p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
+    <p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}
+    {% if page.categories %} • {{ page.categories | array_to_sentence_string }}{% endif %}</p>
   </header>
 
   <article class="post-content">

_sass/_base.scss

@@ -90,15 +90,15 @@ h1, h2, h3, h4, h5, h6 {
  * Links
  */
 a {
-    color: $brand-color;
+    color: $greenFalls;
     text-decoration: none;
 
     &:visited {
-        color: darken($brand-color, 15%);
+        color: darken($greenFalls, 15%);
     }
 
     &:hover {
-        color: $text-color;
+        color: $greenParrot;
         text-decoration: none;
     }
 }

_sass/_layout.scss

@@ -2,7 +2,7 @@
  * Site header
  */
 .site-header {
-    border-top: 5px solid $grey-color-dark;
+    border-top: 5px solid $limeDark;
     border-bottom: 1px solid $grey-color-light;
     background: $limeLightest;
     min-height: 56px;
@@ -158,8 +158,6 @@
     }
 }
 
-
-
 /**
  * Page content
  */
@@ -190,8 +188,6 @@
     font-size: 24px;
 }
 
-
-
 /**
  * Posts
  */
@@ -203,6 +199,7 @@
     font-size: 42px;
     letter-spacing: -1px;
     line-height: 1;
+    color: $brand-color;
 
     @include media-query($on-laptop) {
         font-size: 36px;

_sass/_limes.scss

@@ -12,4 +12,24 @@ $limeDuller:         	#94A856 !default;
 $limeBright:         	#BFFF00 !default;
 $limeBrighter:          #D7FF5E !default;
 
-$brand-color:           #B8E62E !default;
+
+$greenApple:            #8db600 !default;
+$greenAsparagus:        #7ba05b !default;
+$greenOlive:            #556b2f !default;
+$greenFern:             #4f7942 !default;
+$greenForest:           #228b22 !default;
+$greenHunter:           #355e3b !default;
+$greenMint:             #3eb489 !default;
+$greenOffice:           #008000 !default;
+$greenSea:              #2e8b57 !default;
+$greenSpring:           #a7fc00 !default;
+$greenTeal:             #008080 !default;
+
+$greenSpa:              #00AA8F !default;
+$greenFalls:            #33AD7B !default;
+$greenGranada:          #57B176 !default;
+$greenGarland:          #68AF6B !default;
+$greenParrot:           #75B65D !default;
+$greenCreek:            #89B555 !default;
+$greenKiwi:             #98B641 !default;
+$greenLime:             #B6BF3C !default;

css/main.scss

@@ -51,3 +51,17 @@ $on-laptop:        800px;
         "layout",
         "syntax-highlighting"
 ;
+
+img.map {
+    background: url('http://www2.clustrmaps.com/counter/index2.php?url=http://mycapsules.com') no-repeat scroll 0% 0% transparent;
+    height: 75px;
+    border: 0px solid rgb(223, 223, 223);
+    margin-right: 0px;
+    vertical-align: top;
+    width: 150px;
+    margin-bottom: 5px;
+}
+
+img.map_move_myCapsules {
+    background-position: -10px -20px;
+}