From 927c70c98bcda34e67955ed94dbebc68b84b1e37 Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Thu, 7 Apr 2016 12:26:58 -0400
Subject: background iframe

---
 public/assets/ok.css   | 64 +++++++++++++++++++++++++++++++-------------------
 templates/index.liquid | 19 +++++++++++++++
 2 files changed, 59 insertions(+), 24 deletions(-)

diff --git a/public/assets/ok.css b/public/assets/ok.css
index ef2a209..3e552dc 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -37,9 +37,10 @@ body {
 }
 
 .loading #items {
-  opacity: 0;
+    opacity: 0;
 }
 
+
 /* 
 .hidden {
     display: none!important;
@@ -156,6 +157,7 @@ h3 {
     z-index: 0;
     opacity: 0;
 }
+
 .desktop .menu {
     -webkit-column-count: 2;
     -webkit-column-gap: 0;
@@ -167,11 +169,13 @@ h3 {
     page-break-inside: avoid;
     break-inside: avoid-column;
 }
+
 .mobile .menu {
     overflow: scroll;
     -webkit-overflow-scrolling: scroll;
     top: 32px;
 }
+
 .mobile .scroll {
     width: 100%;
 }
@@ -206,16 +210,15 @@ ul li[data-id='dump-fm'] {
 
 .desktop .mobiletitle,
 .mobile .desktoptitle {
-  display: none;
+    display: none;
 }
 
-.desktop .desktoptitle
-.mobile .mobiletitle {
-  display: inline;
+.desktop .desktoptitle .mobile .mobiletitle {
+    display: inline;
 }
 
 .menu u {
-  text-decoration: none;
+    text-decoration: none;
 }
 
 nav {
@@ -228,6 +231,7 @@ nav {
     opacity: 1;
     background: #f9f9f9;
 }
+
 .desktop .navopen .menu {
     overflow: auto;
 }
@@ -261,6 +265,7 @@ nav svg g g:last-child rect {
     transform-origin: center;
     width: 80px;
 }
+
 .mobile .navopen nav svg g g:first-child rect {
     width: 70px;
 }
@@ -323,19 +328,21 @@ span {
 }
 
 #curtain {
-  position: absolute;
-  top: 0; left: 0;
-  background: black;
-  transition: 200ms opacity cubic-bezier(0, 0, 0, 1);
-  opacity: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: black;
+    transition: 200ms opacity cubic-bezier(0, 0, 0, 1);
+    opacity: 0;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
 }
+
 .navopen #curtain {
-  opacity: 0.9;
-  pointer-events: auto;
+    opacity: 0.9;
+    pointer-events: auto;
 }
 
 nav {
@@ -365,6 +372,7 @@ nav span {
     width: 65px;
     background: white;
 }
+
 .desktop .index {
     transition: 150ms width;
     transition-timing-function: cubic-bezier(0, 0, 0, 1);
@@ -464,6 +472,7 @@ body {
     opacity: 0;
 }
 
+
 /*
 
 .up nav,
@@ -523,6 +532,7 @@ body {
     margin-left: 20vw;
     cursor: url(img/u.png) 32 0, pointer;
 }
+
 .whiteCursor .page-up {
     cursor: url(img/u-white.png) 32 0, pointer;
 }
@@ -537,6 +547,7 @@ body {
     margin-left: 20vw;
     cursor: url(img/d.png) 32 64, pointer;
 }
+
 .whiteCursor .page-down {
     cursor: url(img/d-white.png) 32 64, pointer;
 }
@@ -589,6 +600,7 @@ button.next {
     cursor: url(img/r.png)64 32, pointer;
     z-index: 4;
 }
+
 .whiteCursor button.next {
     cursor: url(img/r-white.png)64 32, pointer;
 }
@@ -598,6 +610,7 @@ button.previous {
     cursor: url(img/l.png) 0 32, pointer;
     z-index: 4;
 }
+
 .whiteCursor button.previous {
     cursor: url(img/l-white.png) 0 32, pointer;
 }
@@ -623,6 +636,11 @@ button.previous {
     background-repeat: no-repeat;
 }
 
+.cell iframe {
+    pointer-events: none;
+    background: white;
+}
+
 .cell.contain {
     background-size: 20%;
     background-color: #eee;
@@ -631,8 +649,9 @@ button.previous {
 .resizing .item {
     background: url(img/tomato20dancing.gif) center !important;
 }
+
 .resizing .item * {
-  opacity: 0;
+    opacity: 0;
 }
 
 .bottom {
@@ -698,8 +717,8 @@ nav {
 }
 
 .projectLink {
-  display: block;
-  margin-top: 11px;
+    display: block;
+    margin-top: 11px;
 }
 
 ul li {
@@ -733,7 +752,7 @@ ul li {
         padding: 1px 0 0 0;
     }
     .projectLink {
-      margin-top: 17px;
+        margin-top: 17px;
     }
 }
 
@@ -811,9 +830,6 @@ ul li {
         padding: 3px 0 2px 0;
         font-weight: 600;
     }
-    .cell iframe {
-        pointer-events: none;
-    }
     .five span.description {
         width: 100%!important;
         font-weight: 400;
diff --git a/templates/index.liquid b/templates/index.liquid
index a932851..48876bd 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -1,4 +1,23 @@
 <!DOCTYPE html>
+    ,----..          ,--.              ,----..                                       
+   /   /   \     ,--/  /|    ,---,.   /   /   \    ,----..                .--.--.    
+  /   .     : ,---,': / '  ,'  .' |  /   .     :  /   /   \         ,--, /  /    '.  
+ .   /   ;.  \:   : '/ / ,---.'   | .   /   ;.  \|   :     :      ,'_ /||  :  /`. /  
+.   ;   /  ` ;|   '   ,  |   |   .'.   ;   /  ` ;.   |  ;. / .--. |  | :;  |  |--`   
+;   |  ; \ ; |'   |  /   :   :  :  ;   |  ; \ ; |.   ; /--`,'_ /| :  . ||  :  ;_     
+|   :  | ; | '|   ;  ;   :   |  |-,|   :  | ; | ';   | ;   |  ' | |  . . \  \    `.  
+.   |  ' ' ' ::   '   \  |   :  ;/|.   |  ' ' ' :|   : |   |  | ' |  | |  `----.   \ 
+'   ;  \; /  ||   |    ' |   |   .''   ;  \; /  |.   | '___:  | | :  ' ;  __ \  \  | 
+ \   \  ',  / '   : |.  \'   :  '   \   \  ',  / '   ; : .'|  ; ' |  | ' /  /`--'  / 
+  ;   :    /  |   | '_\.'|   |  |    ;   :    /  '   | '/  :  | : ;  ; |'--'.     /  
+   \   \ .'   '   : |    |   :  \     \   \ .'   |   :    /'  :  `--'   \ `--'---'   
+    `---`     ;   |,'    |   | ,'      `---`      \   \ .' :  ,      .-./            
+              '---'      `----'                    `---`    `--`----'                
+
+MESS WITH THE BEST DIE LIKE THE REST !!!!
+OKFocus, Bonafide Internet Legends © 2016
+
+-->
 <html>
 
 <head>
-- 
cgit v1.2.3-70-g09d2