From 79fa6979aa36b40983827fc5608b8bed85eea833 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sat, 23 Dec 2017 20:08:09 +0100
Subject: Add existing ps.l.o site

---
 ps/ui/js/grid.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 ps/ui/js/grid.js

(limited to 'ps/ui/js/grid.js')

diff --git a/ps/ui/js/grid.js b/ps/ui/js/grid.js
new file mode 100644
index 0000000..9eabe9d
--- /dev/null
+++ b/ps/ui/js/grid.js
@@ -0,0 +1,30 @@
+/**/
+
+var $ = {
+    'info': 'info'
+};
+var info = document.getElementById('info');
+
+info.style.transition = 'opacity 2s ease-in 0s';
+info.classList.add('on');
+info.style.position = 'fixed';
+info.style.top      = '10rem';
+
+// Populate Grid
+var scene = document.getElementById('scene');
+var view = document.createElement('SECTION');
+
+view.style.width    = screen.availWidth;
+view.style.height   = screen.availHeight;
+view.classList.add('view');
+
+var row = 0, col = 0;
+
+for (var i = 0; i < 100; i++) {
+    var v = view.cloneNode();
+    v.id  = 'view-' + i;
+    v.style.left = 'calc(' + (i * view.style.width) + ' + 0px)';
+    v.style.top  = 'calc(' + (Math.floor(i / 10) * view.style.height) + ' + 0px)';
+    v.style.position = 'relative';
+    scene.appendChild(v);
+}
-- 
cgit v1.2.3