From 9cc88603fcc5d474009da6c9e19836fca04747b5 Mon Sep 17 00:00:00 2001
From: Tezza <tezza@syn2cat.lu>
Date: Fri, 27 Feb 2015 00:45:42 +0100
Subject: [PATCH] making the background less cpu intensive

---
 src/web/css/level2.css | 5 +++++
 src/web/js/level2.js   | 3 +--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/web/css/level2.css b/src/web/css/level2.css
index 2aab87e..e717ac4 100755
--- a/src/web/css/level2.css
+++ b/src/web/css/level2.css
@@ -12,6 +12,11 @@
 }
 html,
 body {
+  background:  no-repeat fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
   font-family: 'Patrick Hand SC', sans-serif;
   font-size: 18px;
   overflow-x: hidden;
diff --git a/src/web/js/level2.js b/src/web/js/level2.js
index d370f48..a042a2b 100644
--- a/src/web/js/level2.js
+++ b/src/web/js/level2.js
@@ -10,7 +10,6 @@ var t = new Trianglify(
     x_gradient: ["#d7191c","#fdae61","#ffffbf","#a6d96a","#1a9641"]
   }
 );
-var prevheight = height();
 
 window.onresize = function() {
     redraw();
@@ -19,7 +18,7 @@ window.onresize = function() {
 redraw();
 
 function redraw() {
-    var pattern = t.generate(document.body.clientWidth, height());
+    var pattern = t.generate(window.innerWidth, window.innerHeight);
     document.body.setAttribute('style', 'background-image: '+pattern.dataUrl);
 }