1 files changed, 128 insertions, 0 deletions
diff --git a/studio-susie/templates/index.liquid b/studio-susie/templates/index.liquid
new file mode 100644
index 0000000..c88e893
--- /dev/null
+++ b/studio-susie/templates/index.liquid
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<!--
+        -->
+<html lang="en" class="loading">
+<head>
+  <title>
+      Studio Susie
+  </title>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <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">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="description" content="Official site of painter Susie Porter" />
+  <meta name="author" content="Studio Susie">
+
+  <meta property="og:title" content="Studio Susie" />
+  <meta property="og:type" content="website" />
+  <meta property="og:image" content="" />
+  <meta property="og:url" content="" />
+  <meta property="og:site_name" content="Tree" />
+
+  <meta name="apple-mobile-web-app-capable" content="no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <link rel="shortcut icon" href="/favicon.ico" />
+  <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,500|Roboto:300,300i,400,400i,700,700i,900,900i" rel="stylesheet" data-noprefix>
+
+{% if meta.production %}
+  <link rel="stylesheet" href="/assets/css/jquery.fullpage.css">
+  <link rel="stylesheet" href="/assets/css/ionicons.css">
+  <link rel="stylesheet" href="/assets/css/css.css">
+{% else %}
+  <link rel="stylesheet" href="/assets/css/jquery.fullpage.css">
+  <link rel="stylesheet" href="/assets/css/ionicons.css">
+  <link rel="stylesheet" href="/assets/css/css.css">
+{% endif %}
+
+</head>
+
+<body>
+
+<div id="fullpage">
+{% for painting in paintings %}
+  <div class="section {% if painting.contain %}contain{% endif %}" data-image="{{ painting.image.uri }}"></div>
+{% endfor %}
+</div>
+
+<div id="rapper">
+
+  <div id="nav">
+    <b>StudioSusie.com</b>
+  </div>
+
+  {% for page in pages %}
+  <div class="page" id="{{page.id}}">
+    <div class="content">
+      {{ page.body }}
+    </div>
+  </div>
+  {% endfor %}
+
+  <div id="mobile">
+    <div class="hamburger"><span></span></div>
+    <div class="logo">StudioSusie.com</div> 
+  </div>
+
+</div>
+
+<div id="list">
+</div>
+
+<div id="mobile-nav">
+  <span class="pages">
+  {% for page in pages %}
+    <span><a href="/page/{{page.id}}">{{page.title}}</a></span>
+  {% endfor %}
+    <span><a href="/paintings"><span class='ion-grid'></span><span class="nudge">See All  </span></a></span>
+  </span>
+</div>
+
+<div id="close">
+</div>
+
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+  <script defer async src="https://www.youtube.com/iframe_api"></script>
+
+{% if meta.production %}
+  <script src="/assets/js/app.min.js"></script>
+{% else %}
+  <script src="/assets/js/vendor/prefixfree.min.js"></script>
+  <script src="/assets/js/vendor/html5shiv.min.js"></script>
+  <script src="/assets/js/vendor/history.min.js"></script>
+  <script src="/assets/js/vendor/es5-shim.min.js"></script>
+  <script src="/assets/js/vendor/fastclick.js"></script>
+  <script src="/assets/js/vendor/froogaloop.js"></script>
+  <script src="/assets/js/vendor/jquery.fullpage.js"></script>
+  <script src="/assets/js/vendor/liquid-lite.min.js"></script>
+  <script src="/assets/js/vendor/hammer.min.js"></script>
+  <script src="/assets/js/vendor/confetti.js"></script>
+  <script src="/assets/js/vendor/iscroll.js"></script>
+  <script src="/assets/js/vendor/lodash.min.js"></script>
+  <script src="/assets/js/vendor/loader.js"></script>
+  <script src="/assets/js/vendor/okcms.js"></script>
+  <script src="/assets/js/vendor/oktween.js"></script>
+  <script src="/assets/js/vendor/util.js"></script>
+
+  <script src="/assets/js/vendor/view/View.js"></script>
+  <script src="/assets/js/vendor/view/ScrollableView.js"></script>
+  <script src="/assets/js/vendor/view/Router.js"></script>
+  <script src="/assets/js/vendor/view/OKTmplView.js"></script>
+
+  <script src="/assets/js/lib/nav/DesktopNav.js"></script>
+  <script src="/assets/js/lib/nav/MobileNav.js"></script>
+
+  <script src="/assets/js/lib/view/HomeView.js"></script>
+  <script src="/assets/js/lib/view/PageView.js"></script>
+  <script src="/assets/js/lib/view/ListView.js"></script>
+  <script src="/assets/js/lib/view/PaintingView.js"></script>
+
+  <script src="/assets/js/lib/_router.js"></script>
+  
+  <script src="/assets/js/app.js"></script>
+{% endif %}
+
+</body>
+</html>