2 files changed, 71 insertions, 38 deletions

diff --git a/db.json b/db.json
index 0eaff9c..7a668d2 100644
--- a/db.json
+++ b/db.json
@@ -178,7 +178,8 @@
           "text": "google",
           "uri": "google.com"
         }
-      ]
+      ],
+      "alternateTitle": ""
     }
   ],
   "page": [
diff --git a/public/assets/ok.css b/public/assets/ok.css
index 9f95a4c..4e00729 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -36,11 +36,13 @@ body {
     overflow: hidden;
 }
 
+
 /* 
 .hidden {
     display: none!important;
 }
  */
+
 .item.hidden {
     display: block;
     opacity: 0;
@@ -173,12 +175,21 @@ h3 {
     font-size: 14px;
 }
 
-.desktop .menu ul li:hover {
+ul li {
+    text-transform: capitalize;
+}
+
+.desktop .menu ul li:hover,
+.menu ul li.active {
     background: black;
     color: white;
     cursor: pointer;
 }
 
+nav {
+    background: white;
+}
+
 .navopen .menu {
     transform: translateX(0vw);
     z-index: 2;
@@ -214,7 +225,7 @@ nav svg g g:last-child rect {
 .navopen nav svg g g:first-child rect {
     transform: rotate(45deg);
     transform-origin: center;
-    width: 100px;
+    width: 80px;
 }
 
 .navopen nav svg g g:nth-child(2) rect {
@@ -224,7 +235,7 @@ nav svg g g:last-child rect {
 .navopen nav svg g g:last-child rect {
     transform: rotate(-45deg);
     transform-origin: center;
-    width: 100px;
+    width: 70px;
 }
 
 .navopen .item {
@@ -254,25 +265,21 @@ span {
     display: block;
     transition: 150ms transform cubic-bezier(0, 0, 0, 1), 200ms background cubic-bezier(0, 0, 0, 1), 150ms opacity cubic-bezier(0, 1, 0, 0);
 }
+
 .item.intro {
     display: flex;
     display: -webkit-flex;
     -webkit-flex-flow: column wrap;
     flex-flow: column wrap;
-    background:white;
+    background: white;
 }
+
 .navopen .item.intro {
-    background:black;
+    background: black;
 }
 
-.navopen .item.intro > *{
-    background:transparent;
-}
-body,
-nav {
-    background: white;
-    transition: 300ms background 150ms;
-    transition-timing-function: cubic-bezier(0, 0, 0, 1);
+.navopen .item.intro > * {
+    background: transparent;
 }
 
 .navopen nav,
@@ -293,7 +300,7 @@ nav {
 }
 
 nav span {
-    border-bottom: 1px solid;
+    border-bottom: 1px solid black;
     width: 100%;
 }
 
@@ -356,7 +363,7 @@ nav span div:first-child {
 }
 
 nav span div:nth-child(2) {
-    border-left: 1px solid;
+    border-left: 1px solid black;
     padding-left: 20px;
 }
 
@@ -385,14 +392,20 @@ nav b {
 
 /*animations*/
 
+body {
+    background: white;
+    transition: 300ms background 150ms;
+    transition-timing-function: cubic-bezier(0, 0, 0, 1);
+}
+
 .bottom {
-  float: none;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  left: 0;
-  background: white;
-  display: block;
+    float: none;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    left: 0;
+    background: white;
+    display: block;
 }
 
 .up .showing.item {
@@ -407,20 +420,34 @@ nav b {
     background: black;
 }
 
-.up nav, .down nav {
+.up nav,
+.down nav {
     background: black;
-    transition: 0ms background!important;
-    transition-timing-function: cubic-bezier(1, 0, 0, 1);
+    transition: 0ms background 0ms!important;
 }
 
-.up nav .index, .down nav .index{
-    background: white;
-    transition: 0ms background;
+
+/*
+.up nav span div:nth-child(2), .down nav span div:nth-child(2) {
+    border-left:1px solid white;
 }
+*/
 
-.up nav span div:last-child .page-no, .down nav span div:last-child .page-no{
-    color:white;
+.up nav .index,
+.down nav .index,
+.up nav svg,
+.down nav svg {
+    color: white;
+    background: black;
+    fill: white;
+}
+
+.up nav span div:last-child .page-no,
+.down nav span div:last-child .page-no {
+    color: white;
 }
+
+
 /*
 .up .cell, .down .cell {
    opacity:0;
@@ -430,6 +457,7 @@ nav b {
 }
 */
 
+
 /* Flickity */
 
 .flickity-enabled {
@@ -462,16 +490,17 @@ nav b {
     cursor: url(img/d.png)32 64, pointer;
 }
 
-.single .page-up, .single .page-down {
+.single .page-up,
+.single .page-down {
     width: 100%;
     margin-left: 0;
 }
-.item:first-child .page-down{
-    height:100%;
+
+.item:first-child .page-down {
+    height: 100%;
     bottom: -25px;
 }
 
-
 .flickity-viewport {
     overflow: hidden;
     position: relative;
@@ -616,14 +645,18 @@ ul li {
     display: none;
 }
 
-@media (min-width: 1300px) {
+@media (min-width: 1200px) {
     .texts {
         font-size: 13px;
         line-height: 16px;
     }
     .headings,
     nav {
-        font-size: 9px;
+        font-size: 10px;
+    }
+    #burger {
+        width: 11px;
+        padding: 1px 0 0 0;
     }
 }
 
@@ -720,7 +753,6 @@ ul li {
     }
     .index {
         width: 10vw;
-
     }
     .index:after,
     .navopen .index:after {