diff options
| -rw-r--r-- | public/assets/ok.css | 64 | ||||
| -rw-r--r-- | 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> |