From feb6f5a5ef96f46ae6084c9e0fc6b7ce6fb7cf74 Mon Sep 17 00:00:00 2001
From: Erlis <erlisliiva@hot.ee>
Date: Wed, 19 Sep 2018 13:53:40 +0300
Subject: [PATCH] Parema kujundusega striimi leht

---
 _sass/striim.scss |  6 ++++++
 assets/main.scss  |  1 +
 striim.html       | 33 +++++++++++++++++++++++++++++++++
 striim.md         | 32 --------------------------------
 4 files changed, 40 insertions(+), 32 deletions(-)
 create mode 100644 _sass/striim.scss
 create mode 100644 striim.html
 delete mode 100644 striim.md

diff --git a/_sass/striim.scss b/_sass/striim.scss
new file mode 100644
index 0000000..ac3feb6
--- /dev/null
+++ b/_sass/striim.scss
@@ -0,0 +1,6 @@
+.stream {
+  .video {
+    padding: 5px;
+    flex: 1 1 320px;
+  }
+}
\ No newline at end of file
diff --git a/assets/main.scss b/assets/main.scss
index 94f91bf..fa19b75 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -32,3 +32,4 @@ h4 {
 @import 'statute';
 @import 'history';
 @import 'members';
+@import 'striim';
diff --git a/striim.html b/striim.html
new file mode 100644
index 0000000..d2762b5
--- /dev/null
+++ b/striim.html
@@ -0,0 +1,33 @@
+---
+layout: default
+---
+
+<section class="container stream">
+    <h1>Striim</h1>
+<div style="display:flex; flex-wrap:wrap;">
+    <a href="http://193.40.243.200:8888/striim.html?action=stream" class="video">
+        <img src="http://193.40.243.200:8887/striim.html?action=stream" alt="video0" style="width:100%;"/>
+    </a>
+
+    <a href="http://193.40.243.200:9999/striim.html?action=stream" class="video">
+        <img src="http://193.40.243.200:9998/striim.html?action=stream" alt="video1" style="width:100%;"/>
+    </a>
+
+    <a href="http://193.40.243.200:7777/striim.html?action=stream" class="video">
+        <img src="http://193.40.243.200:7776/striim.html?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>
+</section>
\ No newline at end of file
diff --git a/striim.md b/striim.md
deleted file mode 100644
index 7673224..0000000
--- a/striim.md
+++ /dev/null
@@ -1,32 +0,0 @@
----
-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>