diff options
Diffstat (limited to 'templates/index.liquid')
| -rw-r--r-- | templates/index.liquid | 102 |
1 files changed, 41 insertions, 61 deletions
diff --git a/templates/index.liquid b/templates/index.liquid index 0112a05..88ca8ea 100644 --- a/templates/index.liquid +++ b/templates/index.liquid @@ -5,7 +5,6 @@ <title>OKFocus</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-capable" content="yes"> @@ -28,78 +27,51 @@ <link href='assets/ok.css' rel='stylesheet' type='text/css'> </head> -<body class=""> +<body class="loading"> <div class="menu"> <ul> - <li>Introduction</li> - <li>Services Overview</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> - <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> - <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> - <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> - <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> - <li>Project Title</li> - <li>Project Title</li> + {% 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> + {% endfor %} </ul> </div> <nav> <span> <div class="index"> - <svg version="1.1" id="burger" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" - viewBox="0 0 57.4 53" style="enable-background:new 0 0 57.4 53;" xml:space="preserve"> -<g> - <g> - <rect width="57.4" height="13"/> - </g> - <g> - <rect y="20" width="57.4" height="13"/> - </g> - <g> - <rect y="40" width="57.4" height="13"/> - </g> -</g> - </svg> + <svg version="1.1" id="burger" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 57.4 53" style="enable-background:new 0 0 57.4 53;" xml:space="preserve"> + <g> + <g> + <rect width="57.4" height="13"/> + </g> + <g> + <rect y="20" width="57.4" height="13"/> + </g> + <g> + <rect y="40" width="57.4" height="13"/> + </g> + </g> + </svg> </div> <div>OKFocus LLC. - Portfolio • 2016</div> - <div>SLIDE.1 • PG.1</div> + <div>SLIDE.<b class="slide-no">1</b> • PG.<b class="page-no">1</b></div> </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> + {% elsif media.type == 'link' %} + <iframe class="cell" src="{{ media.uri }}"></iframe> + {% endif %} + {% endfor %} </div> <div class="bottom {% if project.press %}press{% else %}nopress{% endif %}"> <div class="headings five"> @@ -146,7 +118,15 @@ {% 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/NavView.js"></script> +<script src="/assets/js/lib/ProjectView.js"></script> <script src="/assets/js/app.js"></script> {% endif %} |