add per load random images

_includes/head.html

@@ -11,4 +11,14 @@
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
 
   {% include googleanalytics.html %}
+
+  <script>
+    window.onload = () => {
+      var image = Math.floor(Math.random() * 6);
+      var header = document.querySelector(".site-header")
+      header.style.background = `transparent url(/images/header/${image}.jpg) no-repeat center bottom`
+      header.style.backgroundSize = 'cover'
+    }
+  </script>
+
 </head>

_includes/header.html

@@ -1,10 +1,6 @@
 <header>
-
-  {% assign index = site.time | date: "%H" | modulo: site.data.banners.size %}
-  {% assign banner = site.data.banners[index]["file"] %}
-
   <a href="{{ site.url }}" class="site-header-link">
-    <div class="site-header" style="background:transparent url(/images/header/{{ banner }}) no-repeat center bottom;background-size: cover "> 
+    <div class="site-header"> 
       <!--<div id="header-left"></div>-->
       <!--<div id="header-right">Jeff McAffer</div>-->
       <div class="site-header-block">
@@ -35,7 +31,6 @@
         {% endfor %}
       </div>-->
     </nav>
-
   </div>
 
 </header>

_includes/right-about.html

@@ -1,3 +1,7 @@
-<div class="textwidget">These days I'm either driving Open Source @ Microsoft or driving my <a href="http://pro3-racing.com">Pro3 race car</a>.  Previously I spent a whack o' time writing code and books in the runtime parts of <a href="http://eclipse.org">Eclipse</a>, writing Smalltalk code, and travelling/living around the world.
-<br><a href="/about">Learn more...</a>
-</div>
+<div class="textwidget">
+  These days I'm either driving Open Source @ Microsoft or driving my
+  <a href="http://pro3-racing.com">Pro3 race car</a>. Previously I spent a whack
+  o' time writing code and books in the runtime parts of
+  <a href="http://eclipse.org">Eclipse</a>, writing Smalltalk code, and
+  travelling/living around the world. <br /><a href="/about">Learn more...</a>
+</div>

_sass/_layout.scss

@@ -12,9 +12,9 @@
 }
 
 .column {
-    max-width: 1100px;
-    margin-right: auto;
-    margin-left: auto;
+  max-width: 1100px;
+  margin-right: auto;
+  margin-left: auto;
 }
 
 .site-header {
@@ -30,7 +30,7 @@
   box-shadow: 0px 8px 5px #999;
   -moz-box-shadow: 0px 8px 5px #999;
   -webkit-box-shadow: 0px 8px 5px #999;
-}
+}  
 
 .site-header-block {
   width: 400px;

about.md

@@ -4,6 +4,6 @@ title: About
 permalink: /about/
 ---
 
-I'm currently the Director of Open Source Engineering in Microsoft's Open Source Programs Office (phew).  That means I help drive open source culture, policies, processes and tools across the company.  Check out [Microsoft on GitHub](http://github.com/microsoft).  Of course, the opinions here are my own and no, I'm not a lawyer.
+I'm currently the Director of Microsoft's Open Source Programs Office.  That means I help drive open source culture, policies, processes and tools across the company.  Check out [Microsoft's open source work](https://opensource.microsoft.com).  Of course, the opinions here are my own and no, I'm not a lawyer.
 
 When not doing open source stuff, you can find me with the family or working on/driving [my Pro3 race car](http://pro3-racing.com).