3 files changed, 74 insertions, 8 deletions
diff --git a/web/stream.gathering.org/resources/css/core.css b/web/stream.gathering.org/resources/css/core.css
index cad5d3a..5a7a6f0 100644
--- a/web/stream.gathering.org/resources/css/core.css
+++ b/web/stream.gathering.org/resources/css/core.css
@@ -40,9 +40,10 @@ body {
   background-color: #ffffff;
   text-align: center;
   padding-top: 50px;
-  color: #000000;
-  background-image: url('http://git.hvornum.se/resources/images/tech-bg.jpg');
-  text-shadow: 2px 2px #c2c2c2;
+  color: #FFFFFF;
+  background-color: #000000;
+  /*background-image: url('http://git.hvornum.se/resources/images/tech-bg.jpg');*/
+  /*text-shadow: 2px 2px #c2c2c2;*/
   background-repeat: no-repeat;
   background-size: cover;
 }
@@ -51,6 +52,10 @@ body {
   padding-top: 150px;
 }
 
+.videoframe {
+  left: 50%;
+}
+
 .section {
   padding: 8rem 0 7rem;
   text-align: center;
@@ -72,7 +77,7 @@ body {
   }
 
 #stream {
-  width: 1280px;
+  width: 960px;
   min-width: 960px;
   height: 540px;
   min-height: 540px;
@@ -89,23 +94,84 @@ body {
 @media (min-width: 550px) {
   .section {
     padding: 12rem 0 11rem;
+    padding-bottom: 30px;
   }
   .content { text-align: left; }
+  #floater {
+    min-width: 300px;
+    min-height: 190px;
+    width: 300px;
+    height: 190px;
+  }
+  #stream {
+    min-width: 320px;
+    min-height: 183px;
+  }
+    .videoframe {
+      margin-left: -160px;
+    }
 }
 
-/* Bigger than 750 */
-@media (min-width: 750px) {
+/* Bigger than 920 */
+@media (min-width: 920px) {
   .section {
     padding: 5rem 0 5rem;
+    padding-bottom: 30px;
+  }
+  .content { text-align: left; }
+  #floater {
+    min-width: 300px;
+    min-height: 190px;
+    width: 300px;
+    height: 190px;
+  }
+  #stream {
+    min-width: 500px;
+    min-height: 280px;
+  }
+    .videoframe {
+      margin-left: -250px;
+    }
+}
+
+/* Bigger than 1200 */
+@media (min-width: 1200px) {
+  .section {
+    padding: 1rem 0 1rem;
+    padding-bottom: 30px;
   }
   .content { text-align: left; }
+  #floater {
+    min-width: 531px;
+    min-height: 396px;
+  }
+  #stream {
+    min-width: 700px;
+    min-height: 393px;
+  }
+    .videoframe {
+      margin-left: -350px;
+    }
 }
 
-/* Bigger than 1000 */
-@media (min-width: 1000px) {
+/* Bigger than 1600 */
+@media (min-width: 1600px) {
   .section {
     padding: 1rem 0 1rem;
     padding-bottom: 30px;
   }
   .content { text-align: left; }
+  #floater {
+    min-width: 531px;
+    min-height: 396px;
+  }
+  #stream {
+    width: 960px;
+    min-width: 960px;
+    height: 540px;
+    min-height: 540px;
+  }
+    .videoframe {
+      margin-left: -480px;
+    }
 }
 \ No newline at end of file
diff --git a/web/stream.gathering.org/resources/images/pixel-white.png b/web/stream.gathering.org/resources/images/pixel-white.png
new file mode 100644
index 0000000..259d96b
--- /dev/null
+++ b/web/stream.gathering.org/resources/images/pixel-white.png
diff --git a/web/stream.gathering.org/resources/images/pixel_animation.gif b/web/stream.gathering.org/resources/images/pixel_animation.gif
new file mode 100644
index 0000000..5840442
--- /dev/null
+++ b/web/stream.gathering.org/resources/images/pixel_animation.gif