From a62dc027ec686f9f84deee81d150074dbf4bb99f Mon Sep 17 00:00:00 2001
From: Timm <timm@szigat.de>
Date: Sat, 18 Apr 2015 19:32:29 +0200
Subject: [PATCH] look mom, i'm breaking the page!

---
 _sass/_chaospott.scss |  8 ++++++++
 js/eyecandy.js        | 20 +++++++++-----------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/_sass/_chaospott.scss b/_sass/_chaospott.scss
index 9ed78c0..f60094d 100644
--- a/_sass/_chaospott.scss
+++ b/_sass/_chaospott.scss
@@ -132,6 +132,14 @@ ul.nav>li>a {
     display: none;
   }
 
+  .navbar-header {
+    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
+  }
+
+  #posts {
+    margin-top:50px;
+  }
+
   .navbar-collapse .nav > .divider-vertical {
     display: none;
   }
diff --git a/js/eyecandy.js b/js/eyecandy.js
index f2974cf..f7c37e9 100644
--- a/js/eyecandy.js
+++ b/js/eyecandy.js
@@ -2,17 +2,10 @@
 
     var width, height, largeHeader, canvas, ctx, points, target, animateHeader = true;
 
-    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
-      var element = document.getElementById('demo-canvas');
-      element.style.backgroundImage="url('images/gekruessel.png')";
-      element.style.backgroundPosition="center center";
-      element.style.height="300px";
-    } else { 
-      // Main
-      initHeader();
-      initAnimation();
-      addListeners();
-    }
+    // Main
+    initHeader();
+    initAnimation();
+    addListeners();
     
     function initHeader() {
         width = window.innerWidth;
@@ -104,6 +97,11 @@
     }
 
     function resize() {
+        var element = document.getElementById('demo-canvas');
+        if(element.style.display != 'none') {
+            animateHeader = false;
+        }
+
         width = window.innerWidth;
         height = 300;
         largeHeader.style.height = height+'px';