Add stiim and kalender pages

fixes #15
fixes #16

_sass/header.scss

@@ -2,6 +2,7 @@
     margin-top: .5rem;
     margin-left: auto;
     margin-right: auto;
+    margin-bottom: 5rem;
     padding: 1rem 2rem;
     height: 50px;
     background: #ffffff;

_sass/shared.scss

@@ -14,7 +14,7 @@
   width          : 85vw;
   max-width      : 1200px;
   min-height     : 50vh;
-  margin         : 5rem auto 0;
+  margin         : 0 auto 0;
 }
 
 .centered-text {

kalender.md

@@ -0,0 +1,7 @@
+---
+layout: post
+---
+
+# Kalender
+
+<iframe style="border: 0;" src="https://www.google.com/calendar/embed?src=lapikud%40gmail.com&amp;ctz=Europe/Tallinn" height="600" width="800" frameborder="0" scrolling="no"></iframe>

striim.md

@@ -0,0 +1,32 @@
+---
+layout: post
+---
+
+# Striim
+
+<div style="display:flex; flex-wrap:wrap">
+  <a href="http://193.40.243.200:8888/?action=stream" style="width: 100%;">
+    <img src="http://193.40.243.200:8887/?action=stream" alt="video0" style="width:100%;"/>
+  </a>
+
+  <a href="http://193.40.243.200:9999/?action=stream" style="width: 100%;">
+    <img src="http://193.40.243.200:9998/?action=stream" alt="video1" style="width:100%;"/>
+  </a>
+
+  <a href="http://193.40.243.200:7777/?action=stream" style="width: 100%;">
+    <img src="http://193.40.243.200:7776/?action=stream" alt="video2" style="width:100%;"/>
+  </a>
+</div>
+
+<div style="display: flex;align-items: center; text-align: center; margin: 0 auto; flex-direction: column">
+  <p>
+    <a href="http://kahtlane.eu/">Kahtlane FM</a>&nbsp;vaikuse peletamiseks:
+  </p>
+  <br>
+  <audio style="display:block;" controls="controls" preload="none" id="kahtlane"><source src="http://kahtlane.eu:8000/live" type="application/ogg" /></audio>
+</div>
+
+<script>
+  var audio = document.getElementById("kahtlane");
+  audio.volume = 0.5;
+</script>