Merge branch 'master' of https://github.com/okfocus/portfolio

4 files changed, 298 insertions, 168 deletions

diff --git a/db.json b/db.json
index 96a0c09..93167fa 100644
--- a/db.json
+++ b/db.json
@@ -31,9 +31,16 @@
       "alternateTitle": "",
       "mobileTitle": "",
       "linkText": "internetarchaeology.org",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "http://internetarchaeology.org/digging.gif",
+          "caption": "background-size:cover; background-color:white;",
+          "type": "image"
+        }
+      ],
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "annapurna-pictures",
@@ -49,11 +56,6 @@
           "uri": "http://159.203.133.91/",
           "caption": "",
           "type": "link"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/4be1663d-4d42-447d-97fe-495282dec3f3.png",
-          "caption": "",
-          "type": "image"
         }
       ],
       "containImage": "true",
@@ -62,9 +64,16 @@
       "press": [],
       "mobileTitle": "",
       "linkText": "annapurna.pictures",
-      "mobileMedia": [],
-      "whiteCursor": true,
-      "hideProject": false
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/17499903-c9c6-4b68-82d1-b4f3089be90f.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "stone-island",
@@ -87,19 +96,26 @@
           "height": "1080",
           "title": "background-color:white",
           "thumb": "http://okfocus.s3.amazonaws.com/misc/okcms/video.png"
+        }
+      ],
+      "press": [],
+      "mobileTitle": "",
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/0cf17cdc-ae65-478a-b2ab-e3a878d58e22.png",
+          "caption": "",
+          "type": "image"
         },
         {
-          "uri": "https://ltho.s3.amazonaws.com/332543c6-fa00-4fcb-9c34-070764e5a692.png",
+          "uri": "https://ltho.s3.amazonaws.com/dcf5dcde-d683-4af4-acdd-c9637b2dbc57.png",
           "caption": "",
           "type": "image"
         }
       ],
-      "press": [],
-      "mobileTitle": "",
-      "mobileMedia": [],
       "linkText": "View in App Store",
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "marc-jacobs",
@@ -115,32 +131,44 @@
       "dateCreated": "Sun, 03 Apr 2016 18:56:57 GMT",
       "media": [
         {
-          "uri": "https://ltho.s3.amazonaws.com/874c2a97-493a-4fd6-973a-a1f400d84e55.png",
+          "uri": "https://ltho.s3.amazonaws.com/d985ec45-d5e5-4ab5-a60f-af42b18a0859.jpg",
           "caption": "",
           "type": "image"
         },
         {
+          "uri": "https://ltho.s3.amazonaws.com/5fd898ee-c83f-4b59-a013-4596e685af8e.png",
+          "caption": "background-position:center",
+          "type": "image"
+        },
+        {
           "uri": "https://ltho.s3.amazonaws.com/12eaa8d4-328e-45e5-bd54-3ac2125d4956.png",
           "caption": "",
           "type": "image"
+        }
+      ],
+      "press": [],
+      "mobileTitle": "",
+      "linkText": "View Lookbook",
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/1f337646-49bc-45d0-92b6-ed8f3e017046.png",
+          "caption": "",
+          "type": "image"
         },
         {
-          "uri": "https://ltho.s3.amazonaws.com/5fd898ee-c83f-4b59-a013-4596e685af8e.png",
+          "uri": "https://ltho.s3.amazonaws.com/531b7c8d-4754-416e-8f3c-a2a19c5d820c.png",
           "caption": "",
           "type": "image"
         },
         {
-          "uri": "https://ltho.s3.amazonaws.com/d985ec45-d5e5-4ab5-a60f-af42b18a0859.jpg",
+          "uri": "https://ltho.s3.amazonaws.com/4440a524-db52-4c99-8a41-0f721dace097.png",
           "caption": "",
           "type": "image"
         }
       ],
-      "press": [],
-      "mobileTitle": "",
-      "linkText": "View Lookbook",
-      "mobileMedia": [],
-      "whiteCursor": true,
-      "hideProject": false
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "g-o-o-d-music",
@@ -156,11 +184,6 @@
           "uri": "http://okfoc.us/300/reduced/good/",
           "caption": "",
           "type": "link"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/7ea562b7-e45d-4c3f-8f07-691741f71fe9.png",
-          "caption": "background-position: bottom center;background-color:#f9f9f9;background-size: contain;",
-          "type": "image"
         }
       ],
       "containImage": "true",
@@ -169,9 +192,16 @@
       "press": [],
       "mobileTitle": "",
       "linkText": "good-music.com",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/884c74a4-27d0-4beb-87cd-802b1d7ae553.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "times-new-ramen",
@@ -181,17 +211,12 @@
       "client": "OKFocus",
       "link": "http://timesnewramen.com/",
       "NatureOfWork": "Type Design\r\nViral Media\r\nNoodle Consumption",
-      "brief": "In house font created to be the\r\nTimesNewRamen.com “most noodly serif font ever.”",
+      "brief": "In house font created to be the “most noodly serif font ever.”",
       "media": [
         {
           "uri": "http://timesnewramen.com/typer",
           "caption": "",
           "type": "link"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/3337ba94-b25c-4374-8d63-e97ba833fb30.png",
-          "caption": "",
-          "type": "image"
         }
       ],
       "containImage": "true",
@@ -208,10 +233,17 @@
       "__index": 4,
       "dateCreated": "Sun, 03 Apr 2016 19:05:52 GMT",
       "mobileTitle": "",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/ecaeba52-a2ab-4bb6-bbd4-548c83a6f847.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "linkText": "timesnewramen.com",
-      "whiteCursor": true,
-      "hideProject": false
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "soylent-brand-development",
@@ -244,10 +276,17 @@
       "dateCreated": "Sun, 03 Apr 2016 19:12:17 GMT",
       "press": [],
       "mobileTitle": "Soylent Branding",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/portfolio/115eeba0-0017-11e6-8919-558e5e9bf555.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "linkText": "View Brand Book",
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "soylent-website",
@@ -277,16 +316,23 @@
       "dateCreated": "Sun, 03 Apr 2016 19:23:53 GMT",
       "media": [
         {
-          "uri": "https://ltho.s3.amazonaws.com/b4eda603-4f51-4731-91e9-255672e0c2c6.png",
+          "uri": "http://okfoc.us/300/reduced/soylent/",
           "caption": "",
-          "type": "image"
+          "type": "link"
         }
       ],
       "mobileTitle": "",
       "linkText": "soylent.com",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/b4eda603-4f51-4731-91e9-255672e0c2c6.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "two-hustlers-",
@@ -302,11 +348,6 @@
           "uri": "http://twohustlers.com/",
           "caption": "",
           "type": "link"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/b543dda4-d8bb-4978-9c1c-25872a949c3a.png",
-          "caption": "",
-          "type": "image"
         }
       ],
       "containImage": "true",
@@ -315,9 +356,16 @@
       "dateCreated": "Sun, 03 Apr 2016 19:28:24 GMT",
       "mobileTitle": "",
       "linkText": "twohustlers.com",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/b543dda4-d8bb-4978-9c1c-25872a949c3a.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "alone-together",
@@ -421,21 +469,23 @@
           "uri": "",
           "width": "1280",
           "height": "902",
-          "title": "",
+          "title": "loop6.mp4",
           "thumb": "http://okfocus.s3.amazonaws.com/misc/okcms/video.png"
-        },
+        }
+      ],
+      "press": [],
+      "mobileTitle": "",
+      "linkText": "",
+      "mobileMedia": [
         {
           "uri": "https://ltho.s3.amazonaws.com/3ce5af16-c554-4aa8-b8d6-5bf43cd9ae67.png",
           "caption": "background-size:contain",
           "type": "image"
         }
       ],
-      "press": [],
-      "mobileTitle": "",
-      "linkText": "",
-      "mobileMedia": [],
-      "whiteCursor": true,
-      "hideProject": false
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "boy-oh-boy",
@@ -554,9 +604,9 @@
       "brief": "Wolfsonian is a premiere museum\r\nin Miami that celebrates industry\r\nand design. We helped them create\r\na new annual event titled Power of\r\nDesign, creating the identity for the\r\nevent",
       "media": [
         {
-          "uri": "https://ltho.s3.amazonaws.com/adeb3ac1-c708-4c48-a25c-59cecb5286cb.png",
-          "caption": "background-size:99.8%",
-          "type": "image"
+          "uri": "http://okfoc.us/300/wolfsonian-complaints/",
+          "caption": "",
+          "type": "link"
         }
       ],
       "containImage": "true",
@@ -566,8 +616,9 @@
       "mobileTitle": "Power of Design",
       "mobileMedia": [],
       "linkText": "powerofdesign.wolfsonian.org",
-      "whiteCursor": false,
-      "hideProject": false
+      "whiteCursor": true,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "no-fish-no-nothing",
@@ -583,11 +634,6 @@
           "uri": "http://okfoc.us/kenzo/",
           "caption": "",
           "type": "link"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/d2870d31-e417-49b4-8bb9-fe21e6e88d48.png",
-          "caption": "",
-          "type": "image"
         }
       ],
       "containImage": "true",
@@ -609,9 +655,21 @@
       "dateCreated": "Sun, 03 Apr 2016 20:36:13 GMT",
       "mobileTitle": "",
       "linkText": "kenzo.com/nofishnonothing",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/39fcc324-f4eb-458e-b21c-285ff0914c07.png",
+          "caption": "",
+          "type": "image"
+        },
+        {
+          "uri": "https://ltho.s3.amazonaws.com/51022b2b-e903-4a71-a508-5468ea3aa824.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "mike-will-made-it",
@@ -627,11 +685,6 @@
           "uri": "http://okfoc.us/300/mike-will/reduced/",
           "caption": "",
           "type": "link"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/f9a1d217-9120-437a-b9af-43ba7ac8dd1c.png",
-          "caption": "",
-          "type": "image"
         }
       ],
       "containImage": "true",
@@ -640,9 +693,16 @@
       "dateCreated": "Sun, 03 Apr 2016 20:39:45 GMT",
       "mobileTitle": "",
       "linkText": "mikewillmade.it",
-      "mobileMedia": [],
-      "whiteCursor": true,
-      "hideProject": false
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/f9a1d217-9120-437a-b9af-43ba7ac8dd1c.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "drake-shake-app",
@@ -660,13 +720,8 @@
           "uri": "",
           "width": "1920",
           "height": "1080",
-          "title": "background-color:black",
+          "title": "background:black",
           "thumb": "http://okfocus.s3.amazonaws.com/misc/okcms/video.png"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/ff8732a5-764b-4b14-8d66-3d66206d933f.png",
-          "caption": "",
-          "type": "image"
         }
       ],
       "containImage": "true",
@@ -683,10 +738,17 @@
       "__index": 17,
       "dateCreated": "Sun, 03 Apr 2016 20:45:42 GMT",
       "mobileTitle": "",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/ff8732a5-764b-4b14-8d66-3d66206d933f.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "linkText": "View in App Store",
-      "whiteCursor": true,
-      "hideProject": false
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "nike-hyperfeel",
@@ -696,28 +758,30 @@
       "client": "Nike",
       "link": "http://www.1948london.com/pano",
       "NatureOfWork": "Creative Direction\r\nGraphic Design\r\nBack-End Development",
-      "brief": "For the launch of Nike’s Hyperfeel\r\nshoe a gallery space in London was\r\ncreated complete with art which hosted\r\nworkshops showcasing the shoe’s\r\nlightness and agility. We created a\r\nwebsite featuring a custom back-end for\r\nthe workshop sign-ups as well as our own\r\nsignature 360˚ panoramic HTML5 solution\r\nwhere users from anywhere in the world\r\ncould experience the space with full 360˚\r\npanoramic views. In addition to the site,\r\nwe also facilitated the production the\r\npanoramic photography of the space.",
+      "brief": "For the launch of Nike’s Hyperfeel\r\nshoe a gallery space in London was\r\ncreated complete with art which hosted\r\nworkshops showcasing the shoe’s\r\nlightness and agility. We created a\r\nwebsite featuring a custom back-end for\r\nthe workshop sign-ups as well as our own\r\nsignature 360˚ panoramic HTML5 solution\r\nwhere users from anywhere in the world\r\ncould experience the space with full 360˚\r\npanoramic views. In addition to the site,\r\nwe also facilitated the production of\r\npanoramic photography of the space.",
       "containImage": "true",
       "__index": 18,
       "dateCreated": "Sun, 03 Apr 2016 21:01:37 GMT",
       "media": [
         {
-          "uri": "http://www.1948london.com/pano",
+          "uri": "http://okfoc.us/300/reduced/feellondon/",
           "caption": "",
           "type": "link"
-        },
+        }
+      ],
+      "press": [],
+      "mobileTitle": "",
+      "linkText": "1948london.com",
+      "mobileMedia": [
         {
           "uri": "https://ltho.s3.amazonaws.com/c014af1f-4d79-4191-bda0-8150dd5a2ec1.png",
           "caption": "",
           "type": "image"
         }
       ],
-      "press": [],
-      "mobileTitle": "",
-      "linkText": "1948london.com",
-      "mobileMedia": [],
-      "whiteCursor": true,
-      "hideProject": false
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "treasure-dance",
@@ -772,16 +836,6 @@
           "height": "1080",
           "title": "background-color:black",
           "thumb": "http://okfocus.s3.amazonaws.com/misc/okcms/video.png"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/118baf27-0eea-4713-b140-b32567ef91fa.png",
-          "caption": "",
-          "type": "image"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/fc9497c9-6f08-40cb-9f0d-d3c23004d449.png",
-          "caption": "",
-          "type": "image"
         }
       ],
       "containImage": "false",
@@ -802,10 +856,22 @@
       "__index": 20,
       "dateCreated": "Sun, 03 Apr 2016 21:10:21 GMT",
       "mobileTitle": "",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/118baf27-0eea-4713-b140-b32567ef91fa.png",
+          "caption": "",
+          "type": "image"
+        },
+        {
+          "uri": "https://ltho.s3.amazonaws.com/fc9497c9-6f08-40cb-9f0d-d3c23004d449.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "linkText": "View in App Store",
-      "whiteCursor": true,
-      "hideProject": false
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "been-trill",
@@ -818,14 +884,9 @@
       "brief": "We began working with infamous streetwear\r\ncompany, Been Trill, since their start.\r\nWe designed and built their e-commerce\r\nwebsite, which was like no other on the\r\ninternet. Products were displayed in 3D\r\nspace and the site featured an animated\r\nGIF social network where fans could\r\ncreate and share animations.",
       "media": [
         {
-          "uri": "http://okfoc.us/300/beentrill",
+          "uri": "http://okfoc.us/300/reduced/beentrill/",
           "caption": "",
           "type": "link"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/7f202909-b6e2-47c9-ab17-a35c9deb118a.png",
-          "caption": "",
-          "type": "image"
         }
       ],
       "containImage": "true",
@@ -839,9 +900,16 @@
       "dateCreated": "Sun, 03 Apr 2016 21:11:32 GMT",
       "mobileTitle": "",
       "linkText": "beentrill.com",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/7f202909-b6e2-47c9-ab17-a35c9deb118a.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "paddles-on",
@@ -890,9 +958,13 @@
       "brief": "We were approached by Animation\r\nDomination High Definition, a block\r\nof animated content airing on FOX\r\nSaturday nights, to create a website\r\nto house their content in a way that\r\nwould be apropos to their young and\r\ninternet aware audience. For this\r\nwe invented a method to create GIF\r\nanimations directly from the shows,\r\na feature that has since been copied\r\nby several leading networks.",
       "media": [
         {
-          "uri": "https://ltho.s3.amazonaws.com/f1a8b089-a430-415e-be86-bdd1d06aa6ac.png",
-          "caption": "",
-          "type": "image"
+          "type": "video",
+          "token": "https://ltho.s3.amazonaws.com/portfolio/fox-adhd-iMac-video.mp4",
+          "uri": "",
+          "width": "1920",
+          "height": "1080",
+          "title": "background-color:white",
+          "thumb": "http://okfocus.s3.amazonaws.com/misc/okcms/video.png"
         }
       ],
       "containImage": "true",
@@ -901,9 +973,16 @@
       "dateCreated": "Sun, 03 Apr 2016 21:17:55 GMT",
       "mobileTitle": "",
       "linkText": "foxadhd.com",
-      "mobileMedia": [],
-      "whiteCursor": true,
-      "hideProject": false
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/f1a8b089-a430-415e-be86-bdd1d06aa6ac.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "crisis-response",
@@ -978,9 +1057,13 @@
       "brief": "Commissioned by Intel/The Creators\r\nProject we created an in-browser music\r\nvideo and in doing so pioneered Alpha\r\nChannel Video – a technique allowing\r\nfor layering HTML5 video elements. The\r\nwebsite allows users to deconstruct\r\nthe audio and video, creating their own\r\nversions. The site transposes the familiar\r\ninterface of Adobe Photoshop – as we\r\nbelieve even website’s with new functions\r\nshouldn’t come with manuals rather they\r\nshould naturally inspire play from the getgo.",
       "media": [
         {
-          "uri": "https://ltho.s3.amazonaws.com/aa76d72e-cdee-4f6a-8d34-2f57972a464f.png",
-          "caption": "",
-          "type": "image"
+          "type": "video",
+          "token": "https://ltho.s3.amazonaws.com/portfolio/tanlines-iMac-video.mp4",
+          "uri": "",
+          "width": "1920",
+          "height": "1080",
+          "title": "background-color:white",
+          "thumb": "http://okfocus.s3.amazonaws.com/misc/okcms/video.png"
         }
       ],
       "containImage": "true",
@@ -988,10 +1071,17 @@
       "__index": 26,
       "dateCreated": "Sun, 03 Apr 2016 21:24:03 GMT",
       "mobileTitle": "Not The Same",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/aa76d72e-cdee-4f6a-8d34-2f57972a464f.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "linkText": "notthesa.me",
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "draw-with-your-face",
@@ -1005,17 +1095,12 @@
       "media": [
         {
           "type": "video",
-          "token": "http://okfocus.s3.amazonaws.com/nike/video/src/dwyf.mp4",
+          "token": "https://ltho.s3.amazonaws.com/portfolio/draw-with-your-face-iMac-video.mp4",
           "uri": "",
-          "width": "1280",
-          "height": "845",
-          "title": "",
+          "width": "1920",
+          "height": "1080",
+          "title": "background-color:white",
           "thumb": "http://okfocus.s3.amazonaws.com/misc/okcms/video.png"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/b64d53ba-af07-4ef0-a16b-786eacafd979.png",
-          "caption": "background-size:70%",
-          "type": "image"
         }
       ],
       "containImage": "false",
@@ -1024,9 +1109,16 @@
       "dateCreated": "Sun, 03 Apr 2016 21:25:33 GMT",
       "mobileTitle": "",
       "linkText": "View in Hangouts",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/3875d5c9-8d7f-435f-ba90-953a9317a568.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "tug-of-store",
@@ -1039,9 +1131,9 @@
       "brief": "An early experiment in real-time web\r\nexperience, this site for taste making\r\nsocial network, Svpply, allowed users to\r\ncollectively decide if a product was “cool”\r\nor “crap.” The sea of cursors updated\r\nreal-time as users would click on one side\r\nor another, effectively playing a massive\r\ngroup tug of war, choosing the fate of a\r\nproduct within Svpply’s database. Svpply\r\nsoon after was purchased by eBay.",
       "media": [
         {
-          "uri": "https://ltho.s3.amazonaws.com/652f496b-6589-4377-bf53-9c772a0472d0.jpg",
+          "uri": "http://okfoc.us/300/reduced/tug/#standalone",
           "caption": "",
-          "type": "image"
+          "type": "link"
         }
       ],
       "containImage": "false",
@@ -1059,9 +1151,15 @@
       "dateCreated": "Sun, 03 Apr 2016 21:26:54 GMT",
       "mobileTitle": "",
       "linkText": "",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/652f496b-6589-4377-bf53-9c772a0472d0.jpg",
+          "caption": ""
+        }
+      ],
       "whiteCursor": false,
-      "hideProject": false
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "item-idem",
@@ -1148,11 +1246,6 @@
           "uri": "http://okfoc.us/300/landart/",
           "caption": "",
           "type": "link"
-        },
-        {
-          "uri": "https://ltho.s3.amazonaws.com/b9ae7c1f-5ec7-4a82-994d-92b7927a8d3b.png",
-          "caption": "",
-          "type": "image"
         }
       ],
       "containImage": "false",
@@ -1169,10 +1262,17 @@
       "__index": 31,
       "dateCreated": "Sun, 03 Apr 2016 21:30:57 GMT",
       "mobileTitle": "MOCA Land Art",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/b9ae7c1f-5ec7-4a82-994d-92b7927a8d3b.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "linkText": "moca.org/landart",
-      "whiteCursor": true,
-      "hideProject": false
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "smirnoff-dance-exchange",
@@ -1185,9 +1285,13 @@
       "brief": "The Smirnoff Dance Exchange was\r\na day long global party happening in\r\n12 cities around the world. We built\r\na photo-booth that would capture\r\nGIF animations of party-goers\r\ndancing and post it to a website we\r\ncreated. The images also served as\r\nthe backdrop to the main event, a\r\nMadonna concert in New York City.",
       "media": [
         {
-          "uri": "https://ltho.s3.amazonaws.com/2b1ec406-a396-4cb6-8d1c-9f03911a854e.png",
-          "caption": "",
-          "type": "image"
+          "type": "video",
+          "token": "https://ltho.s3.amazonaws.com/portfolio/smirnoff-iMac-video.mp4",
+          "uri": "",
+          "width": "1920",
+          "height": "1080",
+          "title": "background-color:white",
+          "thumb": "http://okfocus.s3.amazonaws.com/misc/okcms/video.png"
         }
       ],
       "containImage": "true",
@@ -1195,10 +1299,17 @@
       "__index": 32,
       "dateCreated": "Sun, 03 Apr 2016 21:31:59 GMT",
       "mobileTitle": "Smirnoff",
-      "mobileMedia": [],
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/2b1ec406-a396-4cb6-8d1c-9f03911a854e.png",
+          "caption": "",
+          "type": "image"
+        }
+      ],
       "linkText": "danceexchange.net",
-      "whiteCursor": true,
-      "hideProject": false
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "vfiles",
@@ -1242,9 +1353,13 @@
       "brief": "Beginning in 2010, Ripps creative directed\r\nand designed many key assets for\r\nartist MIA’s album, /\\/\\/\\Y/\\ and the\r\nsubsequent mixtape, Vicki Leekx. One of\r\nthe sites released, facefacefacebook.com,\r\nused webcam face tracking technology\r\nto allow fans to create their own version\r\nof her album cover by overlaying YouTube\r\nbars onto their own face.",
       "media": [
         {
-          "uri": "https://ltho.s3.amazonaws.com/b95bd68f-f0c9-46b2-a8ad-5484a7c59c25.png",
-          "caption": "background-size:contain;\r\nbackground-color:black;",
-          "type": "image"
+          "type": "video",
+          "token": "https://ltho.s3.amazonaws.com/portfolio/mia-facebook-iMac-video.mp4",
+          "uri": "",
+          "width": "1920",
+          "height": "1080",
+          "title": "background-color:white",
+          "thumb": "http://okfocus.s3.amazonaws.com/misc/okcms/video.png"
         }
       ],
       "containImage": "false",
@@ -1258,9 +1373,16 @@
       "dateCreated": "Sun, 03 Apr 2016 21:35:41 GMT",
       "mobileTitle": "",
       "linkText": "facefacefacebook.com",
-      "mobileMedia": [],
-      "whiteCursor": true,
-      "hideProject": false
+      "mobileMedia": [
+        {
+          "uri": "https://ltho.s3.amazonaws.com/b95bd68f-f0c9-46b2-a8ad-5484a7c59c25.png",
+          "caption": "background-size:contain;\r\nbackground-color:black;",
+          "type": "image"
+        }
+      ],
+      "whiteCursor": false,
+      "hideProject": false,
+      "disabled": false
     },
     {
       "id": "album-covers",
diff --git a/index.js b/index.js
index c826359..fe51393 100644
--- a/index.js
+++ b/index.js
@@ -62,7 +62,11 @@ var app = okcms.createApp({
       key: process.env.S3_KEY,
       secret: process.env.S3_SECRET,
       bucket: process.env.S3_BUCKET,
-      maxbytes: 1024*1024*2,
+      dirname: "portfolio",
+      image: { allowed: true, preserveFilename: false, maxbytes: 2*1024*1024 },
+      video: { allowed: true, preserveFilename: true, maxbytes: 200*1024*1024 },
+      audio: { allowed: true, preserveFilename: true, maxbytes: 100*1024*1024 },
+
     },
   }
 
diff --git a/package.json b/package.json
index 201d764..06443fd 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
   "dependencies": {
     "dotenv": "^2.0.0",
     "object-assign": "^2.0.0",
-    "okcms": "git+ssh://git@github.com:okfocus/okcms.git#v0.1.28"
+    "okcms": "git+ssh://git@github.com:okfocus/okcms.git#v0.1.30"
   },
   "devDependencies": {
     "grunt": "^0.4.5",
diff --git a/public/assets/js/lib/ProjectView.js b/public/assets/js/lib/ProjectView.js
index 7749908..a0e0055 100644
--- a/public/assets/js/lib/ProjectView.js
+++ b/public/assets/js/lib/ProjectView.js
@@ -27,6 +27,10 @@ var ProjectView = View.extend({
       }
     }
     else {
+      // don't put iframes/videos in galleries if not necessary
+      if (this.$iframes.length || this.$videos.length) {
+        this.$images.remove()
+      }
       this.$(".mobile").remove()
       this.$(".desktop").removeClass("desktop")
     }