From 3a03c5ec9d819a8e6ed3e10d5dbc23a441369476 Mon Sep 17 00:00:00 2001 From: “Ryder <“r@okfoc.us”> Date: Mon, 28 Mar 2016 15:35:32 -0400 Subject: css --- public/assets/ok.css | 36 +++++++++++++++++++++++++++++++++--- templates/index.liquid | 5 ++++- 2 files changed, 37 insertions(+), 4 deletions(-) diff --git a/public/assets/ok.css b/public/assets/ok.css index ebbc46f..ca37a0b 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -22,6 +22,8 @@ font-family: 'Roboto', sans-serif; font-size: 11px; background: #fff; + counter-reset: section; + overflow:hidden; } div, @@ -37,12 +39,38 @@ -webkit-flex-flow: column wrap; flex-flow: column wrap; } - + + nav{ + position: fixed; + top:0; + left:0; + width:100%; + padding:5px; + z-index: 3; + } + + nav span { + border-bottom: 1px solid; + width: 100%; + } + /* + .texts span:first-child:after { + counter-increment: section; + content: "PG."counter(section); + width: 100%; + display: inline-block; + font-size: 9px; + font-family: 'Roboto Mono', monospace; + font-weight: 700; + margin-top: 7vh; + } + */ .top { - background: yellow; + background: #f7f7f7; width: 100%; /*height: 80vh;*/ flex: 1 auto; + margin-top: 20px; } /*! Flickity */ @@ -135,9 +163,10 @@ width: 100%; } - .headings { + .headings, nav { font-family: 'Roboto Mono', monospace; font-size: 8px; + text-transform: uppercase; font-weight: 700; } @@ -169,6 +198,7 @@ width: 50%; -webkit-column-count: 3; /*text-align: justify;*/ + column-gap: 5px; } .press .five .description { diff --git a/templates/index.liquid b/templates/index.liquid index b2f9db1..6957fac 100644 --- a/templates/index.liquid +++ b/templates/index.liquid @@ -29,12 +29,14 @@
+ {% for project in projects %}