1 files changed, 24 insertions, 45 deletions
diff --git a/templates/index.liquid b/templates/index.liquid
index ef2af17..a3ce509 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -28,47 +28,15 @@
     <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>
@@ -94,12 +62,16 @@ INDEX</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>
+              {% 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">
@@ -146,7 +118,14 @@ INDEX</div>
 {% 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 %}