diff options
| author | Jules Laplace <jules@okfoc.us> | 2016-03-29 13:58:28 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2016-03-29 14:12:52 -0400 |
| commit | a4a29d5d1b9f590db297ebeb1031f616aa536d4c (patch) | |
| tree | c93c2697673dc1e931689982eaa75344e8d00f37 /templates | |
| parent | 986eb5cbb2895adc310b301837df798ad47d2460 (diff) | |
extremely basic nav
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.liquid | 28 |
1 files changed, 19 insertions, 9 deletions
diff --git a/templates/index.liquid b/templates/index.liquid index a6b1e6e..9517a4e 100644 --- a/templates/index.liquid +++ b/templates/index.liquid @@ -56,10 +56,13 @@ </svg> </div> <div>OKFocus LLC. - Portfolio • 2016</div> - <div>e.g.<b class="slide-no">1</b> OF <b>3</b> • PG.<b class="page-no">1</b></div> + <div>fig.<b class="slide-no">1</b> OF <b class="slide-count">3</b> • PG.<b class="page-no">1</b></div> </span> </nav> - <div class="item intro hidden"> + + <div id="items"> + + <div class="item intro hidden" data-id="introduction"> <div class="left"> <h1> 20 Years of Creating Stuff On The Computer. @@ -95,7 +98,7 @@ <div class="right"></div> </div> {% for project in projects %} - <div class="item" data-id="{{ project.id }}"> + <div class="item hidden" data-id="{{ project.id }}"> <div class="top"> {% for media in project.media %} {% if media.type == 'image' %} <div class="cell" style="background-image:url({{ media.uri }}); @@ -118,15 +121,21 @@ <div class="five texts"> <span>{{ project.year }}</span> <span>{{ project.client }}</span> - <span>{{ project.title }}</span> + <span>{{ project.alternateTitle or project.title }}</span> <span> <ul> {% assign categories = project.NatureOfWork | newline_to_br | split: '<br />' %} - {% for category in categories %} - <li> - {{ category }} - </li> - {% endfor %} + {% if categories.length %} + {% for category in categories %} + <li> + {{ category }} + </li> + {% endfor %} + {% else %} + <li> + + </li> + {% endif %} </ul> </span> <span class="description"> @@ -160,6 +169,7 @@ <script src="/assets/js/vendor/util.js"></script> <script src="/assets/js/vendor/View.js"></script> <script src="/assets/js/lib/GalleryView.js"></script> +<script src="/assets/js/lib/HeaderView.js"></script> <script src="/assets/js/lib/NavView.js"></script> <script src="/assets/js/lib/ProjectView.js"></script> <script src="/assets/js/app.js"></script> |