diff options
| author | Jules Laplace <jules@okfoc.us> | 2016-03-28 18:10:27 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2016-03-28 18:10:27 -0400 |
| commit | 56df9c0cf948a33f731c9c238afd281af46d094d (patch) | |
| tree | 2ed9ee76220b7b021eb1779d60913cb670bd875f /templates/index.liquid | |
| parent | 07ab7e79b039f954d54db9d5ad5fb4d0425077d2 (diff) | |
libraries
Diffstat (limited to 'templates/index.liquid')
| -rw-r--r-- | templates/index.liquid | 35 |
1 files changed, 21 insertions, 14 deletions
diff --git a/templates/index.liquid b/templates/index.liquid index 62eaf40..7158884 100644 --- a/templates/index.liquid +++ b/templates/index.liquid @@ -28,16 +28,12 @@ <link href='assets/ok.css' rel='stylesheet' type='text/css'> </head> -<body class=""> +<body class="loading"> <div class="menu"> <ul> - <li>Project Title</li> - <li>Project Title</li> - <li>Project Title</li> - <li>Project Title</li> - <li>Project Title</li> - <li>Project Title</li> - <li>Project Title</li> + {% for project in projects %} + <li data-id="{{ project.id }}">{{ project.title }}</li> + {% endfor %} </ul> </div> <nav> @@ -48,12 +44,16 @@ </span> </nav> {% for project in projects %} - <div class="item"> + <div class="item" data-id="{{ project.id }}"> <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> + {% for media in project.media %} + {% if media.type == 'image' %} + <div class="cell {% if project.containImage == 'true' %}contain{% endif %}" style="background-image:url({{ media.uri }})"></div> + {% elsif media.type == 'vimeo' %} + <div class="cell video" data-video="{{ media.token }}"></div> + {% endif %} + {% endfor %} + <iframe class="cell" src="http://okfoc.us"></iframe> </div> <div class="bottom {% if project.press %}press{% else %}nopress{% endif %}"> <div class="headings five"> @@ -100,7 +100,14 @@ {% if meta.production %} <script src="/assets/js/app.min.js"></script> {% else %} -<script src="/assets/js/flickity.pkfg.js"></script> +<script src="/assets/js/vendor/flickity.pkfg.js"></script> +<script src="/assets/js/vendor/froogaloop.js"></script> +<script src="/assets/js/vendor/loader.js"></script> +<script src="/assets/js/vendor/lodash.min.js"></script> +<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/ProjectView.js"></script> <script src="/assets/js/app.js"></script> {% endif %} |