From ede44e29ce4a10a38d3ed1a0796903a3e2104e06 Mon Sep 17 00:00:00 2001 From: “Ryder <“r@okfoc.us”> Date: Mon, 28 Mar 2016 19:38:02 -0400 Subject: resize buttons --- public/assets/js/app.js | 9 +++++---- public/assets/ok.css | 37 +++++++++++++++++++------------------ 2 files changed, 24 insertions(+), 22 deletions(-) diff --git a/public/assets/js/app.js b/public/assets/js/app.js index 8a11dd8..35a162c 100644 --- a/public/assets/js/app.js +++ b/public/assets/js/app.js @@ -10,8 +10,7 @@ $(function() { } }); -$(".cell").css({ 'height': ($(".top").height() + 'px') }); - +$(".cell, .next").css({ 'height': ($(".top").height() + 'px') }); $('.top').flickity({ cellAlign: 'left', @@ -28,6 +27,8 @@ $('.top').flickity({ } }); +$(".previous, .next").css({ 'height': ($(".top").height() + 'px') }); + $('.index').click(function() { $('body').toggleClass('navopen'); }); @@ -46,10 +47,10 @@ var delay = (function() { })(); $(window).resize(function() { - $(".cell").css({ 'display': 'none' }); + $(".cell, .next, .previous").css({ 'display': 'none' }); $('body').addClass('resizing'); delay(function() { - $(".cell").css({ 'height': ($(".top").height() + 'px'), 'display': 'inline-block' }); + $(".cell, .next, .previous").css({ 'height': ($(".top").height() + 'px'), 'display': 'inline-block' }); $('.top').flickity('resize'); $('body').removeClass('resizing'); }, 400); diff --git a/public/assets/ok.css b/public/assets/ok.css index f633fdf..0fbc839 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -14,16 +14,18 @@ html { } ::selection { - color: #fff; + color: blue; } ::-moz-selection { - color: #fff; + color: blue; } a, a:visited { color: blue; + font-weight: bold; + font-size: 11px; } body { @@ -49,6 +51,11 @@ body { -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; + -webkit-column-break-inside: avoid; + -moz-column-break-inside:avoid; + -moz-page-break-inside:avoid; + page-break-inside: avoid; + break-inside: avoid-column; } menu ul { @@ -61,6 +68,7 @@ menu ul { border-bottom: 1px solid; padding-bottom: 4px; padding-top: 6px; + font-size:14px; } .menu ul li:hover { @@ -123,9 +131,12 @@ nav span { vertical-align: top; padding: 2px; } - +.index { +} .index:after { content: "INDEX"; + padding-right: 5px; + } .navopen .index:after { @@ -193,8 +204,6 @@ nav span div:last-child { } button { - height: 70vh; - /*THIS SHOULD BE DYNAMIC*/ width: 10vw; position: absolute; top: 0; @@ -202,6 +211,10 @@ button { cursor: pointer; } +.navopen button { + pointer-events:none; +} + button svg { opacity: 0; transition: 150ms all; @@ -229,15 +242,6 @@ button.previous:active svg { } -/* - button.next:hover { - background: rgba(255, 255, 255, 0.5); - } - - button.previous:hover { - background: rgba(255, 255, 255, 0.5); - } - */ .cell { width: 100vw; @@ -380,10 +384,7 @@ ul li { nav span div:nth-child(2) { display: none; } - .cell, - button { - height: 50vh; - } + .five span { width: 50%; border-bottom: 1px solid; -- cgit v1.2.3-70-g09d2 From fef5934dd7bf016be464c8031718c539a66bb7f0 Mon Sep 17 00:00:00 2001 From: “Ryder <“r@okfoc.us”> Date: Mon, 28 Mar 2016 19:43:17 -0400 Subject: text stuff --- public/assets/ok.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/public/assets/ok.css b/public/assets/ok.css index 0fbc839..68a706b 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -335,11 +335,14 @@ ul li { } @media (min-width: 1300px) { + .bottom { + padding:7px 0 8px 0; + } .texts { font-size: 13px; line-height: 16px; } - nav { + .headings, nav { font-size: 9px; } } -- cgit v1.2.3-70-g09d2