From 1581854ee3f8be2612d77e12a7453493c2ec3622 Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Tue, 29 Mar 2016 13:03:37 -0400
Subject: height

---
 public/assets/ok.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/assets/ok.css b/public/assets/ok.css
index 03b0a3b..7f82bd7 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -131,8 +131,9 @@ h3 {
     break-inside: avoid-column;
 }
 
-menu ul {
-    list-style-type: upper-roman;
+.menu ul {
+    height:100%;
+
 }
 
 .menu ul li {
-- 
cgit v1.2.3-70-g09d2


From 68c2c6e4b140bbb07db6e422615c387b59fcd3eb Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Tue, 29 Mar 2016 13:26:34 -0400
Subject: cover

---
 db.json                |  2 +-
 public/assets/ok.css   | 10 ++++++++++
 templates/index.liquid | 14 ++++++++++++++
 3 files changed, 25 insertions(+), 1 deletion(-)

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/ok.css b/public/assets/ok.css
index 7f82bd7..2832e87 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -108,6 +108,11 @@ h3 {
     filter: grayscale(100%);
 }
 
+.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;
@@ -464,6 +469,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 d0df8b2..1734d4a 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -59,6 +59,20 @@
             <div>e.g.<b class="slide-no">1</b> OF <b>3</b> • PG.<b class="page-no">1</b></div>
         </span>
     </nav>
+    <div class="item cover intro">
+        <div class="left">
+            <h1>
+                OKFocus Portfolio
+                <span>2010 - 2016</span>
+            </h1>
+            <span>
+                <img src="assets/img/okfocus_logo.png" width="102"><br>
+                <small>© 2016 OKFocus LLC.</small>
+            </span>
+        </div>
+        <div class="right">
+        </div>
+    </div>
     <div class="item intro hidden">
         <div class="left">
             <h1>
-- 
cgit v1.2.3-70-g09d2


From 1689f660d4df2fae240129016e9c1d1abc91b0e9 Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Tue, 29 Mar 2016 13:26:42 -0400
Subject: logo

---
 public/assets/img/okfocus_logo.png | Bin 0 -> 4103 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 public/assets/img/okfocus_logo.png

diff --git a/public/assets/img/okfocus_logo.png b/public/assets/img/okfocus_logo.png
new file mode 100644
index 0000000..1373582
Binary files /dev/null and b/public/assets/img/okfocus_logo.png differ
-- 
cgit v1.2.3-70-g09d2


From 5752a598c5139ac410efae1c67d429e2dd4bb3b8 Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Tue, 29 Mar 2016 13:48:58 -0400
Subject: gif version of logo

---
 public/assets/img/okfocus_logo.gif | Bin 0 -> 59245 bytes
 public/assets/img/okfocus_logo.png | Bin 4103 -> 2697 bytes
 public/assets/js/app.js            |   1 +
 public/assets/ok.css               |  13 ++++++++++---
 templates/index.liquid             |   6 +++---
 5 files changed, 14 insertions(+), 6 deletions(-)
 create mode 100644 public/assets/img/okfocus_logo.gif

diff --git a/public/assets/img/okfocus_logo.gif b/public/assets/img/okfocus_logo.gif
new file mode 100644
index 0000000..1a1af64
Binary files /dev/null and b/public/assets/img/okfocus_logo.gif differ
diff --git a/public/assets/img/okfocus_logo.png b/public/assets/img/okfocus_logo.png
index 1373582..1bbf41b 100644
Binary files a/public/assets/img/okfocus_logo.png and b/public/assets/img/okfocus_logo.png differ
diff --git a/public/assets/js/app.js b/public/assets/js/app.js
index 7dabf26..aab6a7c 100644
--- a/public/assets/js/app.js
+++ b/public/assets/js/app.js
@@ -83,5 +83,6 @@ $(window).resize(function() {
     }, 400);
 })
 
+
 app.init()
 
diff --git a/public/assets/ok.css b/public/assets/ok.css
index 2832e87..c232883 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -107,7 +107,14 @@ 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;
@@ -169,8 +176,8 @@ h3 {
     background: black;
 }
 
-.navopen .item .top,
-.navopen .item .bottom {
+
+.navopen .item > * {
     opacity: 0.1;
     transition: 150ms opacity cubic-bezier(0, 0, 0, 1);
     background: #eee;
diff --git a/templates/index.liquid b/templates/index.liquid
index 1734d4a..9a46c9d 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -65,9 +65,9 @@
                 OKFocus Portfolio
                 <span>2010 - 2016</span>
             </h1>
-            <span>
-                <img src="assets/img/okfocus_logo.png" width="102"><br>
-                <small>© 2016 OKFocus LLC.</small>
+            <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">
-- 
cgit v1.2.3-70-g09d2


From 722484ef71b0298671fdc66e8985fc5c531f5907 Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Tue, 29 Mar 2016 14:04:27 -0400
Subject: slick icon animation

---
 public/assets/ok.css   | 36 ++++++++++++++++++++++++++++++++++++
 templates/index.liquid |  2 +-
 2 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/public/assets/ok.css b/public/assets/ok.css
index c232883..6fc82e4 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -175,8 +175,44 @@ h3 {
     /*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;
+}
+
+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);
diff --git a/templates/index.liquid b/templates/index.liquid
index 9a46c9d..4777239 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -59,7 +59,7 @@
             <div>e.g.<b class="slide-no">1</b> OF <b>3</b> • PG.<b class="page-no">1</b></div>
         </span>
     </nav>
-    <div class="item cover intro">
+    <div class="item cover intro hidden">
         <div class="left">
             <h1>
                 OKFocus Portfolio
-- 
cgit v1.2.3-70-g09d2