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

---
 templates/index.liquid | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

(limited to 'templates/index.liquid')

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 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

(limited to 'templates/index.liquid')

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(-)

(limited to 'templates/index.liquid')

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