diff options
| author | “Ryder <“r@okfoc.us”> | 2016-03-28 15:35:32 -0400 |
|---|---|---|
| committer | “Ryder <“r@okfoc.us”> | 2016-03-28 15:35:32 -0400 |
| commit | 3a03c5ec9d819a8e6ed3e10d5dbc23a441369476 (patch) | |
| tree | 2d3f710bdf19af51eec69bd3877e3f045cbcf9ce | |
| parent | af7f0008df4125d3c5804650a6f8214ca126f608 (diff) | |
css
| -rw-r--r-- | public/assets/ok.css | 36 | ||||
| -rw-r--r-- | 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 @@ </head> <body> + <nav> + <span>PG.1</span> + </nav> {% for project in projects %} <div class="item"> <div class="top"> <div class="cell {% if project.containImage == 'true' %}contain{% endif %}" style="background-image:url({{ project.image.uri }})"></div> <iframe class="cell" src="http://okfoc.us"> - </iframe> <div class="cell"></div> </div> @@ -77,6 +79,7 @@ </div> </div> {% endfor %} + </div> </body> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> {% if meta.production %} |