diff options
Diffstat (limited to 'templates/index.liquid')
| -rw-r--r-- | templates/index.liquid | 34 |
1 files changed, 23 insertions, 11 deletions
diff --git a/templates/index.liquid b/templates/index.liquid index 4777239..4be161e 100644 --- a/templates/index.liquid +++ b/templates/index.liquid @@ -56,10 +56,12 @@ </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 cover intro hidden"> + <div id="items"> + + <div class="item cover intro hidden" data-id="cover"> <div class="left"> <h1> OKFocus Portfolio @@ -73,7 +75,8 @@ <div class="right"> </div> </div> - <div class="item intro hidden"> + + <div class="item intro hidden" data-id="introduction"> <div class="left"> <h1> 20 Years of Creating Stuff On The Computer. @@ -109,7 +112,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 }}); @@ -120,7 +123,7 @@ <iframe class="cell" src="{{ media.uri }}"></iframe> {% endif %} {% endfor %} </div> - <div class="bottom {% if project.press %}press{% else %}nopress{% endif %}"> + <div class="bottom {% if project.press.length %}press{% else %}nopress{% endif %}"> <div class="headings five"> <span>YEAR</span> <span>CLIENT</span> @@ -132,20 +135,27 @@ <div class="five texts"> <span>{{ project.year }}</span> <span>{{ project.client }}</span> - <span>{{ project.title }}</span> + <span>{% if project.alternateTitle %}{{ project.alternateTitle }}{% else %}{{ project.title }}{% endif %}</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"> {{ project.brief }} </span> + {% if project.press.length %} <span> <ul> {% for link in project.press %} @@ -155,6 +165,7 @@ {% endfor %} </ul> </span> + {% endif %} </div> </div> </div> @@ -172,6 +183,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> |