New assets and style edits for the new post

_includes/head.html

@@ -16,4 +16,14 @@
 
 <script src="//static.getclicky.com/js" type="text/javascript"></script>
 <script type="text/javascript">try{ clicky.init(100720175); }catch(e){}</script>
-<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100720175ns.gif" /></p></noscript>
+<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100720175ns.gif" /></p></noscript>
+
+<script>
+  var channel = new BroadcastChannel('egg');
+
+  channel.addEventListener('message', message => {
+    alert('Got a message from the other tab:\n' + message.data);
+
+    document.querySelector('header').classList.add('channel');
+  });
+</script>

_sass/_layout.scss

@@ -74,6 +74,10 @@ article p img {
   display: block;
 }
 
+.post article h1 {
+  font-weight: bold;
+}
+
 .post-list h2 {
   font-size: 1.5rem;
 }
@@ -98,4 +102,20 @@ hr {
   border: none;
   border-top: 1px solid lighten($grey-color, 20%);
   margin: 1.5rem 0;
-}
+}
+
+.channel {
+  #mahdi * {
+    fill: #000000 !important;
+  }
+
+  & > a::before {
+    content: 'BroadcastChannels rock';
+    color: white;
+    position: absolute;
+    top: 250px;
+    left: calc(50% - 83px);
+    font-size: 15px;
+    text-shadow: 0 0 1px white;
+  }
+}