stub blog views

7 files changed, 67 insertions, 28 deletions

diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 0be51d70..08a7949a 100644
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -66,42 +66,48 @@
   
   <div id="story">
     <h1>STORY</h1>
-    <script type="text/html" class="template">
-      <div>
-        <img src="{{image}}">
-        <span class="date">{{date}}</span>
-        <span class="title">{{title}}</span>
-        <div class="body">{{body}}</div>
+    <div class="content">
+      <script type="text/html" class="template">
+        <div>
+          <img src="{{image}}">
+          <span class="date">{{date}}</span>
+          <span class="title">{{title}}</span>
+          <div class="body">{{body}}</div>
+        </div>
       </div>
     </div>
   </div>
 
   <div id="hub">
     <h1>HUB</h1>
-    <script type="text/html" class="template">
-      <div>
-        <img src="{{image}}">
-        <span class="title"><b>{{sku}}</b> {{title}}</span>
-        <span class="subtitle">{{subtitle}}</span>
-        <div class="body">{{body}}</div>
+    <div class="content">
+      <script type="text/html" class="template">
+        <div>
+          <img src="{{image}}">
+          <span class="title"><b>{{sku}}</b> {{title}}</span>
+          <span class="subtitle">{{subtitle}}</span>
+          <div class="body">{{body}}</div>
+        </div>
       </div>
     </div>
   </div>
 
   <div id="archive">
     <h1>ARCHIVE</h1>
-    <script type="text/html" class="template">
-      <img src="{{image}}">
-      <div class="above">
-        <h2>
-          <b>{{sku}}</b><br>
-          {{title}}
-        </h2>
-        <div class="body">
-          {{body}}
+    <div class="content">
+      <script type="text/html" class="template">
+        <img src="{{image}}">
+        <div class="above">
+          <h2>
+            <b>{{sku}}</b><br>
+            {{title}}
+          </h2>
+          <div class="body">
+            {{body}}
+          </div>
         </div>
-      </div>
-    </script>
+      </script>
+    </div>
   </div>
   
   <div id="collection">
@@ -306,6 +312,7 @@
 </body>
 <script src="cordova.js"></script>
 <script src="js/vendor/jquery-2.1.4.min.js"></script>
+<script src="js/vendor/fastclick.js"></script>
 <script src="js/vendor/lodash.min.js"></script>
 <script src="js/vendor/oktween.js"></script>
 <script src="js/vendor/util.js"></script>
@@ -328,9 +335,9 @@
 <script src="js/lib/products/ProductView.js"></script>
 <script src="js/lib/products/Selector.js"></script>
 
-<script src="js/lib/blogs/View.js"></script>
-<script src="js/lib/blogs/View.js"></script>
-<script src="js/lib/blogs/View.js"></script>
+<script src="js/lib/blogs/ArchiveView.js"></script>
+<script src="js/lib/blogs/HubView.js"></script>
+<script src="js/lib/blogs/StoryView.js"></script>
 
 <script src="js/lib/_router.js"></script>
 <script src="js/index.js"></script>
diff --git a/StoneIsland/www/js/index.js b/StoneIsland/www/js/index.js
index 676dedfc..9a8e945c 100644
--- a/StoneIsland/www/js/index.js
+++ b/StoneIsland/www/js/index.js
@@ -11,6 +11,7 @@ var app = (function(){
   
   app.ready = function(){
     app.view = null
+    app.nav = new NavView ()
     app.router = new SiteRouter ()
   }
   
diff --git a/StoneIsland/www/js/lib/blogs/ArchiveView.js b/StoneIsland/www/js/lib/blogs/ArchiveView.js
index 673f3b3f..04b43a4b 100644
--- a/StoneIsland/www/js/lib/blogs/ArchiveView.js
+++ b/StoneIsland/www/js/lib/blogs/ArchiveView.js
@@ -1,11 +1,16 @@
 var ArchiveView = View.extend({
   
   el: "#archive",
+  template: $("#archive .template").html(),
   
   events: {
   },
   
   initialize: function(){
+    this.$content = this.$(".content")
+  },
+
+  populate: function(){
   },
 
 })
\ No newline at end of file
diff --git a/StoneIsland/www/js/lib/blogs/HubView.js b/StoneIsland/www/js/lib/blogs/HubView.js
index 936c766f..4958b320 100644
--- a/StoneIsland/www/js/lib/blogs/HubView.js
+++ b/StoneIsland/www/js/lib/blogs/HubView.js
@@ -1,11 +1,16 @@
 var HubView = View.extend({
   
   el: "#hub",
-  
+  template: $("#hub .template").html(),
+
   events: {
   },
   
   initialize: function(){
+    this.$content = this.$(".content")
+  },
+
+  populate: function(){
   },
 
 })
\ No newline at end of file
diff --git a/StoneIsland/www/js/lib/blogs/StoryView.js b/StoneIsland/www/js/lib/blogs/StoryView.js
index 338f124b..4c71e9ff 100644
--- a/StoneIsland/www/js/lib/blogs/StoryView.js
+++ b/StoneIsland/www/js/lib/blogs/StoryView.js
@@ -1,11 +1,16 @@
 var StoryView = View.extend({
   
   el: "#story",
-  
+  template: $("#story .template").html(),
+
   events: {
   },
   
   initialize: function(){
+    this.$content = this.$(".content")
+  },
+  
+  populate: function(){
   },
 
 })
\ No newline at end of file
diff --git a/StoneIsland/www/js/lib/nav/HeaderView.js b/StoneIsland/www/js/lib/nav/HeaderView.js
index f76001d4..856bb404 100644
--- a/StoneIsland/www/js/lib/nav/HeaderView.js
+++ b/StoneIsland/www/js/lib/nav/HeaderView.js
@@ -3,9 +3,23 @@ var HeaderView = View.extend({
   el: "#header",
   
   events: {
+    "click .burger": "nav",
+    "click .logo": "logo",
+    "click .cart": "cart",
   },
   
   initialize: function(){
   },
+  
+  nav: function(){
+    app.nav.show()
+  },
+  
+  logo: function(){
+  },
+  
+  cart: function(){
+    app.router.go("cart")
+  },
 
 })
\ No newline at end of file
diff --git a/StoneIsland/www/js/lib/nav/NavView.js b/StoneIsland/www/js/lib/nav/NavView.js
index 6e57ec32..42877d88 100644
--- a/StoneIsland/www/js/lib/nav/NavView.js
+++ b/StoneIsland/www/js/lib/nav/NavView.js
@@ -7,9 +7,11 @@ var NavView = View.extend({
     "click .hub": "hub",
     "click .story": "story",
     "click .archive": "archive",
+    
     "click .login": "login",
     "click .faq": "faq",
     "click .search": "search",
+    
     "click .fb": "fb",
     "click .insta": "insta",
     "click .tw": "tw",