summaryrefslogtreecommitdiff
path: root/templates/index.liquid
diff options
context:
space:
mode:
authorokfprojz <jules+okfprojz@okfoc.us>2016-04-04 15:48:15 -0400
committerokfprojz <jules+okfprojz@okfoc.us>2016-04-04 15:48:15 -0400
commit34f73022d052592172abe33aafe7dffdd09d260c (patch)
tree3420d3d65ec590c16bfc4a181abcd18d068a52ea /templates/index.liquid
parent83ec60054e5d6dae74e0931a3e4bbca9f8ef8a2c (diff)
parent2cee451d5309eb3d0099b4d14e45248054efd834 (diff)
Merge branch 'master' of github.com:okfocus/portfolio
Diffstat (limited to 'templates/index.liquid')
-rw-r--r--templates/index.liquid21
1 files changed, 15 insertions, 6 deletions
diff --git a/templates/index.liquid b/templates/index.liquid
index 697bd7f..8328227 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -33,7 +33,10 @@
{% for page in pages %}
<li data-id="{{ page.id }}">{{ page.title }}</li>
{% endfor %} {% for project in projects %}
- <li data-id="{{ project.id }}">{{ project.title }}</li>
+ <li data-id="{{ project.id }}">
+ <u class='desktoptitle'>{{ project.title }}</u>
+ <u class='mobiletitle'>{% if project.mobileTitle %}{{ project.mobileTitle }}{% else %}{{ project.title }}{% endif %}</u>
+ </li>
{% endfor %}
</ul>
</div>
@@ -60,6 +63,7 @@
<div><b class="fig-text">fig.<b class="slide-no">1</b> OF <b class="slide-count">3</b> •</b> PG.<b class="page-no">1</b></div>
</span>
</nav>
+ <div id="curtain"></div>
<div id="items">
<div class="item cover intro" data-id="cover">
@@ -118,12 +122,17 @@
<div class="top {% if project.media[2] %}gallery{% else %}single{% endif %}">
{% for media in project.media %}
{% if media.type == 'image' %}
- <div class="cell" style="background-image:url({{ media.uri }});
- {% if media.caption %} background-size:{{ media.caption }}; {% endif %}"></div>
- {% elsif media.type == 'vimeo' %}
- <div class="cell video" data-video="{{ media.token }}"></div>
+ <div class="cell desktop image" data-uri="{{ media.uri }}" style="{% if media.caption %} background-size:{{ media.caption }}; {% endif %}"></div>
+ {% elsif media.type == 'video' %}
+ <div class="cell desktop video" data-uri="{{ media.uri }}"></div>
{% elsif media.type == 'link' %}
- <iframe class="cell" src="{{ media.uri }}"></iframe>
+ <div class="cell desktop iframe" data-uri="{{ media.uri }}"></div>
+ {% endif %}
+ {% endfor %}
+
+ {% for media in project.mobileMedia %}
+ {% if media.type == 'image' %}
+ <div class="cell mobile image" data-uri="{{ media.uri }}" style="{% if media.caption %} background-size:{{ media.caption }}; {% endif %}"></div>
{% endif %}
{% endfor %}
</div>