Add existing ps.l.o site

1 files changed, 30 insertions, 0 deletions

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);
+}