Merge pull request #79 from devopsdays/highlight-current-month#78

Highlight current month in left nav
devopsdays · Jan 7, 2017 · e781aea · e781aea
2 parents 6b6874d + 8822b91
commit e781aea
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 10 deletions.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -213,6 +213,37 @@ <h3 class="footer-nav">@DEVOPSDAYS</h3>
             s.parentNode.insertBefore(gcse, s);
         })();
     </script>
+    <!-- stuff to highlight current month -->
+    <script>
+        var now = new Date;
+
+    $('.left-nav-months').text(function (i, v) {
+
+      if (getMonth(now) == v) {
+          $(this).addClass('current');
+      }
+
+    });
+
+    function getMonth(d) {
+    var dt = new Date(d);
+    var dtm = dt.getMonth();
+      var month = new Array();
+      month[0] = "January";
+      month[1] = "February";
+      month[2] = "March";
+      month[3] = "April";
+      month[4] = "May";
+      month[5] = "June";
+      month[6] = "July";
+      month[7] = "August";
+      month[8] = "September";
+      month[9] = "October";
+      month[10] = "November";
+      month[11] = "December";
+    return month[dtm]
+    }
+    </script>
 </body>
 
 </html>
diff --git a/static/css/site.css b/static/css/site.css
diff --git a/static/css/site.css.map b/static/css/site.css.map
diff --git a/static/site.less b/static/site.less
@@ -48,12 +48,9 @@
   text-transform: uppercase;
   color: #000000;
 }
-
-.left-nav-current-month {
-  font-family: 'Roboto', sans-serif;
+/* set the current month style */
+.left-nav-months.current {
   font-weight: 900;
-  font-size: 9pt;
-  text-transform: uppercase;
   color: #0082AB;
 }