images

19 files changed, 194 insertions, 57 deletions

diff --git a/site/index.js b/site/index.js
index 95d2bcf..9be7cd5 100644
--- a/site/index.js
+++ b/site/index.js
@@ -1,5 +1,13 @@
 var okcms = require('..');
 
+var projectSchema = {
+  id: {type: 'string', id: true},
+  title: {type: 'string'},
+  description: {type: 'text'},
+  video: {type: 'video'},
+  images: {type: 'captioned-image-list'}
+}
+
 var app  = okcms.createApp({
 
   root: 'public',
@@ -10,20 +18,19 @@ var app  = okcms.createApp({
       title: {type: 'string'},
       body: {type: 'text'}
     },
-    bread: {
-      type: {type: 'string', id: true},
-      title: {type: 'string'},
-      description: {type: 'text'},
-      color: {type: 'enum', options: ["red","blue","green"]},
-      video: {type: 'video'},
-      images: {type: 'captioned-image-list'}
-    }
+    retail: projectSchema,
+		advertising: projectSchema,
+		experiential: projectSchema,
+		content: projectSchema,
   },
 
   resources: [
     { type: 'page', static: {id: 'about'}},
     { type: 'page', static: {id: 'contact'}},
-    { type: 'bread' },
+    { type: 'retail' },
+    { type: 'advertising' },
+    { type: 'experiential' },
+    { type: 'content' },
   ],
 
   services: {
@@ -37,7 +44,10 @@ var app  = okcms.createApp({
   views: {
     '/': {
       data: [
-        {type: 'bread', query: '*'},
+        {type: 'retail', query: '*'},
+        {type: 'advertising', query: '*'},
+        {type: 'experiental', query: '*'},
+        {type: 'content', query: '*'},
         {type: 'page', query: '*'}
       ]
     },
@@ -47,8 +57,17 @@ var app  = okcms.createApp({
     '/contact': {
       data: {type: 'page', query: 'contact'}
     },
-    '/:id': {
-      data: {type: 'bread', query: ':id'}
+    '/retail/:id': {
+      data: {type: 'retail', query: ':id'}
+    }
+    '/advertising/:id': {
+      data: {type: 'advertising', query: ':id'}
+    }
+    '/experiental/:id': {
+      data: {type: 'experiental', query: ':id'}
+    }
+    '/content/:id': {
+      data: {type: 'content', query: ':id'}
     }
   }
 
diff --git a/site/public/css/main.css b/site/public/css/main.css
deleted file mode 100644
index 92b2ee7..0000000
--- a/site/public/css/main.css
+++ /dev/null
@@ -1,18 +0,0 @@
-html, body {
-  margin: 0;
-  passing: 0;
-  font-family: "Georgia", sans-serif;
-}
-
-body {
-  background-image: url(../images/brown046.jpg);
-}
-
-h1, h2, h3 {
-  color: rgb(12, 145, 14);
-}
-
-.container {
-  padding: 2em;
-  background-color: rgba(255, 255, 255, 0.5);
-}
diff --git a/site/public/images/2H_LOGOMARK.png b/site/public/images/2H_LOGOMARK.png
new file mode 100644
index 0000000..0ecbe64
--- /dev/null
+++ b/site/public/images/2H_LOGOMARK.png
diff --git a/site/public/images/2H_WORDMARK.png b/site/public/images/2H_WORDMARK.png
new file mode 100644
index 0000000..63ed42e
--- /dev/null
+++ b/site/public/images/2H_WORDMARK.png
diff --git a/site/public/images/brown046.jpg b/site/public/images/brown046.jpg
deleted file mode 100644
index 4b86003..0000000
--- a/site/public/images/brown046.jpg
+++ /dev/null
diff --git a/site/public/images/dither.gif b/site/public/images/dither.gif
new file mode 100644
index 0000000..670df08
--- /dev/null
+++ b/site/public/images/dither.gif
diff --git a/site/public/images/favicon.ico b/site/public/images/favicon.ico
new file mode 100644
index 0000000..8cd6850
--- /dev/null
+++ b/site/public/images/favicon.ico
diff --git a/site/public/images/fb.png b/site/public/images/fb.png
new file mode 100755
index 0000000..713d588
--- /dev/null
+++ b/site/public/images/fb.png
diff --git a/site/public/images/fb2.png b/site/public/images/fb2.png
new file mode 100755
index 0000000..713d588
--- /dev/null
+++ b/site/public/images/fb2.png
diff --git a/site/public/images/full.png b/site/public/images/full.png
new file mode 100755
index 0000000..dc24646
--- /dev/null
+++ b/site/public/images/full.png
diff --git a/site/public/images/next.png b/site/public/images/next.png
new file mode 100644
index 0000000..7997259
--- /dev/null
+++ b/site/public/images/next.png
diff --git a/site/public/images/noise.png b/site/public/images/noise.png
new file mode 100644
index 0000000..585ef73
--- /dev/null
+++ b/site/public/images/noise.png
diff --git a/site/public/images/play-button.png b/site/public/images/play-button.png
new file mode 100644
index 0000000..e642874
--- /dev/null
+++ b/site/public/images/play-button.png
diff --git a/site/public/images/play-button2.png b/site/public/images/play-button2.png
new file mode 100644
index 0000000..dfce7b0
--- /dev/null
+++ b/site/public/images/play-button2.png
diff --git a/site/public/images/tw.png b/site/public/images/tw.png
new file mode 100755
index 0000000..d51cf9f
--- /dev/null
+++ b/site/public/images/tw.png
diff --git a/site/public/images/tw2.png b/site/public/images/tw2.png
new file mode 100755
index 0000000..4fd4b90
--- /dev/null
+++ b/site/public/images/tw2.png
diff --git a/site/templates/bread.liquid b/site/templates/bread.liquid
deleted file mode 100644
index da36cce..0000000
--- a/site/templates/bread.liquid
+++ /dev/null
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <link rel="stylesheet" href="../css/main.css">
-  </head>
-  <body>
-    <div class="container">
-      <h1>{{bread.type | capitalize}}</h1>
-      <p>
-        {{bread.description}}
-      </p>
-    </div>
-  </body>
-</html>
diff --git a/site/templates/index.liquid b/site/templates/index.liquid
index 7c12a86..ba0b78d 100644
--- a/site/templates/index.liquid
+++ b/site/templates/index.liquid
@@ -28,3 +28,158 @@
     </div>
   </body>
 </html>
+
+
+<!doctype html>
+<!--
+
+
+yssssoooooooooo+++++oo+++/////////++++++++++++++++++oosyyhhdmdhhdmmdmNNNNNMNd...````````````````````
+ssooooooooo+++++++++ooo+//::::////////++//////////++oosssssyyyhhmNmmmNMNMMMN+.``````````````````````
+soooo++++++////////++++//:::::/::////////::://::///++oossyhhhdddmNNNNNMMMMNm:.``````````````````````
+sooo++/////////////++++/::///::::/::::::::::::::://+oosssyhdmmmmmNNMMNNMMMMh-..`````````````````````
+soooo+//////:::::////+/:::::::::::::::::------::://+oossyhdddmmmNmNMMMMMMMMh..``````````````````````
+ssooo+//////:::::///+//:::::://:::::::::::::::::://++osyhhddmmmNNmmMMMMMMNMs..``````````````````````
+sssooo++++//////://+++/:::::/:/:://::::::::::::///+++osshdmmNNNNNNNMMMMMMMM+..``````````````````````
+ssssssooooooo++//+++++/::::////////////////://////+++osydmNNNNNNNNNMMMMMMNN+.```````````````````````
+ssssssssooooo+++++ooo+//://+++++++++++//////////+++ooshmdddmNNNNMMNMMMMMMMd-.```````````````````````
+ssssssssssooooooooooo+////+++++++++++++///////++++oosyysoosydNNNMMMMMMMMMN+-..``````````````````````
+yyyssssssssoo+ooooooo+////+++++ooo+++/////////+++oooo+++/+oshNMNMMMMMMMMNo-...``````````````````````
+yyyyssoossooo+o++++++//:///++++++++//::://////+++++++++o+++oymMNNMNNMMmMs-...```````````````````````
+ssssooooooo+++++/+/////:://+++////:::::::://////++++o+++++ooydNNNNNMMMMh--..````````````````````````
+ssoo+++++++++/////:::::::://:::--------:::::///+oooo+////+osyhNNMNNMMNN/-..`````````````````````````
+oosssoo+++////////:-----:::----------::-://+++++///:::::/+osshNMMMNMMm+...``````````````````````````
+ooooooo++++++++///:-------------::///////+++oooo+/+ososooosydNNMNMNNyo...```````````````````````````
+oddy/++-:+sssooo+//:-:::::----:/++oooo+/:oddosym+/yhhmNNNNNNNNNNNMNs../`````````````````````````````
+hhhhyssydmNNNmdhyo+/:///:::--:/+oyhmNNds++shossyossymNNNNNNNNNNNNMd+..:`````````````````````````````
+yyyyyydmNNNNMMMMNmhso++//:::-:odNMMNNNNNmyso++++osyhhyyhhhhmNNNNMMs-...`````````````````````````````
+sssssyhdmNNNNMMMMNNmysso+++/:ohmMNmmmmdyyso++++oossssooossyyhNNNMN/...``````````````````````````````
+ooooossyhddmNMNNMNNdyysoooo+oyyydNmdhyysso++++oossoooosssyyddhNMMd/:.```````````````````````````````
+sssyyhyyyydmNmmNNNmhyysssssosysssyhhddysoo++++++++o+++ooosydNmmMM+..````````````````````````````````
+ssssssssyhdhhmNNmmdyysssssoooyyso+++oossooooo+++/++++ooosshmNNNMm-.`````````````````````````````````
+ssossyyhyyssmNmdhhhyyssssoooooyysooo+++++++++o+ooooooooosshmNNNNo..`````````````````````````````````
+sssssssssssydmdyyyysssssooo+ooossyysooo++ooooooooooooossyhmNNNNN:.``````````````````````````````````
+ssssssssyyyyddhyyyyssooooo+++++oosssso++++++++oooossosssydmNNNNd..``````````````````````````````````
+oooooooooosyhddhhhhysssoo++++++o+++///:::::::///+++ooosyhmNNNNNy-.``````````````````````````````````
+++ooooosyddhhhmmmmdhysssooooooo+//+++//////::-:::::/+osydNNNMNNh+:--.......---.`````````````````````
+oooooooosmNNNmhmNmdhyysssooossooosso/::::::://::--:::/oydmNNNMMMNNNmddddhhdmNmdhs+//:-..````````````
+osooooooohmmmmddmmdhyssssssssssssoo+///::::://+//:--:/+shmNNNMMNMMMMMMMMMNNMMMMNNNNNNdhyso+/:-..````
+yyssssssssyyhdddddhyyssssoossssso++///++++++++oo++////+ydmNNNMMMMMMMMMMMMMMMMMMMMMNNNNNNNNNmmdhyso/:
+ssossyysssosyyhddhyyssoooooooooo+//+++oooosoooso++++s+shmNNNMMMMMMMMMMMMMMMMMMMMMMMNNNNNNNNNNNNNmmdd
+dhsoossyssssosyyyyysso++++ooooo++++oooooooo+sso++++oosymNNNMMMMMMMMMMMMMMMMMMMMMMMMMNNNNNNNNNNNNNNmm
+ydmdhsssssosssossssoo+/////+++++oooooo+++oshyoooooossymNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNMMNNNNNNNNNNm
+yydmNNmdyssooooooo++/:----://+oooo+o++symmdsosssssshhmMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNN
+hyyhmNMMmysyyysoo+++/:::--:://+++ooyhmNMNhssssyssyhmNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNN
+hyssymMNNy-.+++ssyyysooooooooo+o/:oNNNmdssssssyyydmNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNN
+hhysyhmNNdo+s-../:-::/+::--:-`.ooodNNmysssyyyyyhdNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNMMMMMMNNNN
+mdhyyyydmdhhyo/:o-..-::...-s/:+yhddmyoosyyyhyydmmNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNMMMMNNNNN
+NmdhyyssyddhyyyyyysosyysssyyyssydmhsoosyyyyyddmNNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNMMMMMMNNNN
+NmmdhyssyyyhyssssssosssssyysyyyhyoooossssyyhmNNNNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNNMMNMNNNNN
+NNmmdhhhyyyyssysyssssysysyyssso+ooossysyyydmNNmNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNNMMNNMMNNNN
+NNNmddhdhhyyyssssssssssssoooooooosssysyyddNMmdmNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNNNMMMMMMMNNm
+dmNNmddhddhhyysssssssssssoooossssssyyyyhhNmdhmmNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNmmNNNNNMMMNNNNd
+dhdmdmdhdhhhyysssssyssssssoossyyyyhyhhddmdhmNNNNMMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMNmmmNNNNNMMMMNNNh
+ddhydmmmdhyyyyyyysssysssssssyyysyyhddmmdhdNNMMMMMMMMMMMMNNNMMMMMMMMMMMMMMMMMMMMMMMNmmmmmNNNNNMMMNNdh
+hhyysydmddhhhhyhyysssyyssyyyysyhyhmdNmyydNMMMMMMMMMMMMMNNNNMMMMMMMNNMMMMMMMMMMMMMMNmmmmmNNNNNMMNNNhh
+yssssssyhddddyyyyysssyyyyyyyysyhydmdysymNMMMMMMMMMMMMMNNmmNMMMMMNNmNNMMMMMMMMMMMMNmdddmNNNNNNNMNNdhm
+ssoooooooshddhhhdhhyyhyyhyhdddmhhyssshmNMMMMMMMNNMMMMNNdhdNNMMMNmddmNNNNNNNMMMMMNmdhddmmmNNNNNNNmhhm
+sooooooo++oosshdmdhhdhhhhdhhdhyo+osshdmNNMMMMMNNNNNNNNmhhmNMMMNmdddmNNNNNNNMMMMMNmdhddmmmNNNNNNNmhdm
+
+@p|-|ex twIN mig|-|t have mor3 r3Corc|$, 8|_|t okFoCu5 h/-\$ 0 t/-\nks
+
+
+WEBSITE BY OKFOCUS, http://okfoc.us, Internet Legends.
+
+-->
+
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head>
+<title>TWOHUSTLERS</title>
+<meta charset="UTF-8">
+<meta name="google" content="notranslate">
+<meta http-equiv="Content-Language" content="en">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="description" content="OKFocus, Internet Legends">
+<meta property="og:title" content="TWOHUSTLERS">
+<meta property="og:type" content="website">
+<meta property="og:image" content="http://twohustlers.com/assets/images/2H_LOGOMARK.png">
+<meta property="og:url" content="http://twohustlers.com/">
+<meta property="og:site_name" content="TWOHUSTLERS">
+<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">
+<link rel="shortcut icon" href="assets/images/favicon.ico">
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">	
+<link rel="stylesheet" type="text/css" href="assets/style.css">
+
+</head>
+<body class="westside loading">
+<nav>
+	<div class="top">
+		<img src="assets/images/2H_WORDMARK.png" class="toplogo">
+		<div class="cat">RETAIL</div>
+		<div class="sub">
+		  {% for project in retail %}
+			<a href="/retail/{{ project.id }}" data-image="{{ project.images[0].uri }}">{{ project.shortname }}</a>
+      {% endfor %}
+		</div>
+		<div class="cat">advertising</div>
+		<div class="sub">
+		  {% for project in advertising %}
+			<a href="/advertising/{{ project.id }}">{{ project.shortname }}</a>
+      {% endfor %}
+		</div>
+		<div class="cat">experiential</div>
+		<div class="sub">
+		  {% for project in experiential %}
+			<a href="/experiential/{{ project.id }}">{{ project.shortname }}</a>
+      {% endfor %}
+		</div>
+		<div class="cat">content</div>
+		<div class="sub">
+		  {% for project in content %}
+			<a href="/content/{{ project.id }}">{{ project.shortname }}</a>
+      {% endfor %}
+		</div>
+	</div>
+	<div class="middle">
+		<div class="cat index">VIEW ALL PROJECTS</div>
+	</div>
+	<div class="bottom">
+		<div class="cat about">ABOUT</div>
+		<div class="cat contact">CONTACT</div>
+	</div>
+</nav>
+<div id="scene_container">
+  <div id="scene"></div>
+  <div id="entry_container">
+  </div>
+</div>
+
+
+<a class="burgWrapper" href="##">
+  <div class="burg"></div>
+</a>
+<div class="toggleRapper">
+<div class="menuToggle"></div>
+</div>
+<a href="#" class="logo"><img src="assets/images/2H_LOGOMARK.png"></a>
+
+</body>
+
+<!-- if production else :-p -->
+<script src="assets/javascripts/mx/mx.skew.js"></script>
+<script src="assets/javascripts/mx/extensions/mx.scene.js"></script>
+<script src="assets/javascripts/mx/extensions/mx.unclampedOrbitCamera.js"></script>
+<script src="assets/javascripts/mx/primitives/mx.image.js"></script>
+<script src="assets/javascripts/vendor/jquery.min.js"></script>
+<script src="assets/javascripts/vendor/froogaloop.js"></script>
+<script src="assets/javascripts/vendor/flickity.pkgd.js"></script>
+<script src="assets/javascripts/vendor/loader.js"></script>
+<script src="assets/javascripts/vendor/wheel.js"></script>
+<script src="assets/javascripts/vendor/polyfill.js"></script>
+<script src="assets/javascripts/vendor/util.js"></script>
+<script src="assets/javascripts/_env.js"></script>
+<script src="assets/javascripts/app.js"></script>
+
+</html>
diff --git a/site/templates/page.liquid b/site/templates/page.liquid
index e90f7ce..f752cb9 100644
--- a/site/templates/page.liquid
+++ b/site/templates/page.liquid
@@ -1,14 +1,9 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <link rel="stylesheet" href="../css/main.css">
-  </head>
-  <body>
-    <div class="container">
-      <h1>{{page.title | capitalize}}</h1>
-      <p>
-        {{page.body}}
-      </p>
+<div class="entry page">
+  <span>
+    <span class="postname">{{page.title}}</span>
+		<img class="mainimg" src="{{page.image}}">
+    <div class="content">
+      {{page.body}}
     </div>
-  </body>
-</html>
+  </span>
+</div>