6 files changed, 82 insertions, 8 deletions

diff --git a/db.json b/db.json
index b7f5093..ec8be5d 100644
--- a/db.json
+++ b/db.json
@@ -162,7 +162,7 @@
       "press": [
         {
           "text": "google",
-          "uri": "google.com"
+          "uri": "http://google.com"
         }
       ]
     }
diff --git a/public/assets/img/okfocus_logo.gif b/public/assets/img/okfocus_logo.gif
new file mode 100644
index 0000000..1a1af64
--- /dev/null
+++ b/public/assets/img/okfocus_logo.gif
diff --git a/public/assets/img/okfocus_logo.png b/public/assets/img/okfocus_logo.png
new file mode 100644
index 0000000..1bbf41b
--- /dev/null
+++ b/public/assets/img/okfocus_logo.png
diff --git a/public/assets/js/app.js b/public/assets/js/app.js
index 4c06729..b3503de 100644
--- a/public/assets/js/app.js
+++ b/public/assets/js/app.js
@@ -88,4 +88,5 @@ $('.top').flickity(app.flickity_options).on( 'cellSelect', function(e) {
 
 $(".previous, .next").css({ 'height': ($(".top").height() + 'px') })
 
+
 app.init()
diff --git a/public/assets/ok.css b/public/assets/ok.css
index 47c61b2..ae352c2 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -107,7 +107,19 @@ h3 {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
 }
-
+.intro.cover .left span#cred {
+    width: 100%;
+    border-top: 1px solid;
+    padding: 15px 0 10px 0;
+}
+.intro.cover .left small {
+    display:none;
+}
+.intro.cover .right {
+    background: url(https://upload.wikimedia.org/wikipedia/commons/d/de/Victoria_crater_from_HiRise.jpg)no-repeat center;
+    background-size: cover;
+    width:75%;
+}
 .menu {
     position: fixed;
     height: 100vh;
@@ -131,8 +143,9 @@ h3 {
     break-inside: avoid-column;
 }
 
-menu ul {
-    list-style-type: upper-roman;
+.menu ul {
+    height:100%;
+
 }
 
 .menu ul li {
@@ -162,9 +175,45 @@ menu ul {
     /*opacity:0.5;*/
     background: black;
 }
+nav svg g g rect {
+    transition:150ms all 50ms;
+    width: 100px;
+}
+
+
+nav svg g g:first-child rect{
+    transform: rotate(0deg);
+    transform-origin: center;
+}
 
-.navopen .item .top,
-.navopen .item .bottom {
+nav svg g g:nth-child(2) rect{
+    opacity:1;
+}
+
+nav svg g g:last-child rect{
+    transform: rotate(0deg);
+    transform-origin: center;
+}
+
+
+
+.navopen nav svg g g:first-child rect{
+    transform: rotate(45deg);
+    transform-origin: center;
+    width: 100px;
+}
+
+.navopen nav svg g g:nth-child(2) rect{
+    opacity:0;
+}
+
+.navopen nav svg g g:last-child rect{
+    transform: rotate(-45deg);
+    transform-origin: center;
+    width: 100px;
+}
+
+.navopen .item > * {
     opacity: 0.1;
     transition: 150ms opacity cubic-bezier(0, 0, 0, 1);
     background: #eee;
@@ -177,6 +226,11 @@ span {
     float: left;
 }
 
+#items {
+    display: block;
+    float: none;
+}
+
 .item {
     height: 100vh;
     width: 100%;
@@ -461,6 +515,11 @@ ul li {
     width: calc(52% - 8px);
 }
 
+.press ul {
+    cursor:default;
+    height: 100%
+}
+
 .nopress span:last-child {
     display: none;
 }
diff --git a/templates/index.liquid b/templates/index.liquid
index 9517a4e..4be161e 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -59,9 +59,23 @@
             <div>fig.<b class="slide-no">1</b> OF <b class="slide-count">3</b> • PG.<b class="page-no">1</b></div>
         </span>
     </nav>
-    
     <div id="items">
     
+    <div class="item cover intro hidden" data-id="cover">
+        <div class="left">
+            <h1>
+                OKFocus Portfolio
+                <span>2010 - 2016</span>
+            </h1>
+            <span id="cred">
+                <img src="assets/img/okfocus_logo.gif" width="102"><br>
+                <small><b>© 2016 OKFocus LLC.</b></small>
+            </span>
+        </div>
+        <div class="right">
+        </div>
+    </div>
+
     <div class="item intro hidden" data-id="introduction">
         <div class="left">
             <h1>
@@ -121,7 +135,7 @@
             <div class="five texts">
                 <span>{{ project.year }}</span>
                 <span>{{ project.client }}</span>
-                <span>{{ project.alternateTitle or project.title }}</span>
+                <span>{% if project.alternateTitle %}{{ project.alternateTitle }}{% else %}{{ project.title }}{% endif %}</span>
                 <span>
                 <ul>
                   {% assign categories = project.NatureOfWork | newline_to_br | split: '<br />' %}