merge

1 files changed, 76 insertions, 35 deletions

diff --git a/public/assets/ok.css b/public/assets/ok.css
index 14a8cd6..1e8bcb4 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -11,6 +11,7 @@ html {
     outline: 0;
     border: 0;
     -webkit-appearance: none;
+    -webkit-font-smoothing: subpixel-antialiased;
 }
 
 ::selection {
@@ -21,11 +22,17 @@ html {
     color: blue;
 }
 
+audio {
+    position: fixed;
+    top: -800000px;
+    left: -90000px;
+    opacity: 0;
+}
+
 a,
 a:visited {
     color: blue;
     font-weight: bold;
-    font-size: 11px;
     cursor: pointer;
 }
 
@@ -91,7 +98,7 @@ h3 {
 }
 
 .intro {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 20px;
 }
 
@@ -115,17 +122,14 @@ h3 {
 .intro div.text {
     width: 50%;
     -webkit-column-count: 2;
-    -webkit-column-gap: 5px;
-    -moz-column-gap: 5px;
-    column-gap: 5px;
-    font-size: 12px;
+    -webkit-column-gap: 10px;
+    -moz-column-gap: 10px;
+    column-gap: 10px;
 }
 
-.intro .right {
-    background: url(http://ryder-ripps.com/press/ryder-ripps.jpg)no-repeat center;
+.intro.single .right {
+    background: url(img/ryder-ripps.gif)no-repeat center;
     background-size: cover;
-    -webkit-filter: grayscale(100%);
-    filter: grayscale(100%);
 }
 
 .intro.cover .left span#cred {
@@ -139,11 +143,25 @@ h3 {
 }
 
 .intro.cover .right {
-    background: url(img/crater.gif)no-repeat center;
-    background-size: cover;
+    padding:0;
     width: 75%;
+    height:100%;
+}
+.intro.cover .right iframe {
+    width: 35%;
+    height: 40%;
+    position: absolute;
+    margin-top: 9%;
+    margin-left: 33%;
 }
+.intro.cover .right span {
+    background: url(img/dude.png)no-repeat center;
+    background-size: cover;
+    width:100%;
+    height:100%;
+    position: relative;
 
+}
 .menu {
     position: fixed;
     height: calc(100vh - 24px);
@@ -328,15 +346,16 @@ span {
 }
 
 #curtain {
-  position: absolute;
-  top: 0; left: 0;
-  background: black;
-  transition: 200ms opacity cubic-bezier(0, 0, 0, 1);
-  opacity: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: black;
+    transition: 200ms opacity cubic-bezier(0, 0, 0, 1);
+    opacity: 0;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
 }
 
 .navopen #curtain {
@@ -531,6 +550,7 @@ body {
     margin-left: 20vw;
     cursor: url(img/u.png) 32 0, pointer;
 }
+
 .whitecursor .page-up {
     cursor: url(img/u-white.png) 32 0, pointer;
 }
@@ -545,6 +565,7 @@ body {
     margin-left: 20vw;
     cursor: url(img/d.png) 32 64, pointer;
 }
+
 .whitecursor .page-down {
     cursor: url(img/d-white.png) 32 64, pointer;
 }
@@ -597,6 +618,7 @@ button.next {
     cursor: url(img/r.png)64 32, pointer;
     z-index: 4;
 }
+
 .whitecursor button.next {
     cursor: url(img/r-white.png)64 32, pointer;
 }
@@ -606,6 +628,7 @@ button.previous {
     cursor: url(img/l.png) 0 32, pointer;
     z-index: 4;
 }
+
 .whitecursor button.previous {
     cursor: url(img/l-white.png) 0 32, pointer;
 }
@@ -713,7 +736,7 @@ nav {
 
 .projectLink {
     display: block;
-
+    margin-top: 3px;
 }
 
 ul li {
@@ -733,7 +756,7 @@ ul li {
     display: none;
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1200px)  {
     .texts {
         font-size: 13px;
         line-height: 16px;
@@ -749,18 +772,39 @@ ul li {
     .projectLink {
         margin-top: 3px;
     }
+    .intro div.text,
+    h3, .left a {
+        font-size: 14px;
+        line-height: 20px;
+    }
 }
 
 
-/*
-    @media (min-width: 1400px) {
-        .texts {
-            font-size: 14px;
-            line-height: 16px;
-        }
 
+@media (min-width: 1500px) {
+    .intro div.text,
+    h3,
+    .left a {
+        font-size: 16px;
+        line-height: 25px;
+    }
+    h1 {
+        font-size: 40px;
+        line-height: 50px;
+    }
+}
+
+
+@media (max-height: 980px) {
+    .intro div.text,
+    h3, .left a {
+        font-size: 14px;
+        line-height: 20px;
     }
-    
+}
+
+
+/*
     @media (min-width: 1600px) {
         .texts {
             font-size: 15px;
@@ -812,8 +856,6 @@ ul li {
     .texts {
         padding: 3px 5px;
     }
-
-
     .five span {
         width: 100%;
         border-bottom: 1px solid;
@@ -830,12 +872,11 @@ ul li {
         -moz-column-gap: 3px;
         column-gap: 3px;
         border-bottom: 0;
-        border-top:2px;
+        border-top: 2px;
         text-align: justify;
     }
-
     .projectLink {
-        display:none;
+        display: none;
     }
     .press .five span:last-child {
         display: none;