diff options
| author | “Ryder <“r@okfoc.us”> | 2016-03-28 15:47:48 -0400 |
|---|---|---|
| committer | “Ryder <“r@okfoc.us”> | 2016-03-28 15:47:48 -0400 |
| commit | 46f5012175db09b85acbf265860e3763d00019ab (patch) | |
| tree | 1ff859fa787c2393bce79f13f7b8debfa6059723 | |
| parent | 3a03c5ec9d819a8e6ed3e10d5dbc23a441369476 (diff) | |
nav concept
| -rw-r--r-- | public/assets/ok.css | 31 | ||||
| -rw-r--r-- | templates/index.liquid | 5 |
2 files changed, 25 insertions, 11 deletions
diff --git a/public/assets/ok.css b/public/assets/ok.css index ca37a0b..6677e82 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -23,7 +23,7 @@ font-size: 11px; background: #fff; counter-reset: section; - overflow:hidden; + overflow: hidden; } div, @@ -39,19 +39,28 @@ -webkit-flex-flow: column wrap; flex-flow: column wrap; } - - nav{ + + nav { position: fixed; - top:0; - left:0; - width:100%; - padding:5px; + top: 0; + left: 0; + width: 100%; + padding: 5px; z-index: 3; } - + nav span { border-bottom: 1px solid; - width: 100%; + width:100%; + } + + + nav span div:first-child { + float: left; + } + + nav span div:last-child { + float: right; } /* .texts span:first-child:after { @@ -65,6 +74,7 @@ margin-top: 7vh; } */ + .top { background: #f7f7f7; width: 100%; @@ -163,7 +173,8 @@ width: 100%; } - .headings, nav { + .headings, + nav { font-family: 'Roboto Mono', monospace; font-size: 8px; text-transform: uppercase; diff --git a/templates/index.liquid b/templates/index.liquid index 6957fac..758a3b1 100644 --- a/templates/index.liquid +++ b/templates/index.liquid @@ -30,7 +30,10 @@ <body> <nav> - <span>PG.1</span> + <span> + <div><img src="http://i1.wp.com/www.sora.digital/wp-content/uploads/glyphicons-517-menu-hamburger.png?fit=300%2C300" width="8"> INDEX</div> + <div>SLIDE.1 - PG.1</div> + </span> </nav> {% for project in projects %} <div class="item"> |