diff options
| -rw-r--r-- | public/assets/ok.css | 41 | ||||
| -rw-r--r-- | templates/index.liquid | 19 |
2 files changed, 45 insertions, 15 deletions
diff --git a/public/assets/ok.css b/public/assets/ok.css index 4c05bc0..89584b7 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; } @@ -333,9 +338,10 @@ span { height: 100%; pointer-events: none; } + .navopen #curtain { - opacity: 0.9; - pointer-events: auto; + opacity: 0.9; + pointer-events: auto; } nav { @@ -365,6 +371,7 @@ nav span { width: 65px; background: white; } + .desktop .index { transition: 150ms width; transition-timing-function: cubic-bezier(0, 0, 0, 1); @@ -464,6 +471,7 @@ body { opacity: 0; } + /* .up nav, @@ -623,6 +631,11 @@ button.previous { background-repeat: no-repeat; } +.cell iframe { + pointer-events: none; + background: white; +} + .cell.contain { background-size: 20%; background-color: #eee; @@ -631,8 +644,9 @@ button.previous { .resizing .item { background: url(img/tomato20dancing.gif) center !important; } + .resizing .item * { - opacity: 0; + opacity: 0; } .bottom { @@ -698,8 +712,8 @@ nav { } .projectLink { - display: block; - margin-top: 11px; + display: block; + margin-top: 11px; } ul li { @@ -733,7 +747,7 @@ ul li { padding: 1px 0 0 0; } .projectLink { - margin-top: 17px; + margin-top: 17px; } } @@ -811,9 +825,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 722bad4..00b19b6 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> |