From f0eede3cd86f38ad57d621f1fd33f8449eabf930 Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Mon, 28 Mar 2016 19:12:44 -0400
Subject: av stuff
---
public/assets/ok.css | 18 +++++++++++-------
templates/index.liquid | 2 +-
2 files changed, 12 insertions(+), 8 deletions(-)
diff --git a/public/assets/ok.css b/public/assets/ok.css
index 4696d95..db8dbec 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -116,7 +116,8 @@ nav span {
#burger {
width: 10px;
- vertical-align: top
+ vertical-align: top;
+ padding: 2px;
}
.index:after {
content:"INDEX";
@@ -124,14 +125,14 @@ nav span {
.navopen .index:after {
content:"CLOSE";
}
-.index:hover,
+.desktop .index:hover,
.navopen .index {
color: white;
cursor: pointer;
background: black;
}
-.index:hover svg,
+.desktop .index:hover svg,
.navopen .index svg {
fill: white;
}
@@ -143,7 +144,6 @@ nav div {
nav span div:first-child {
float: left;
- padding-right: 20px;
}
nav span div:nth-child(2) {
@@ -399,11 +399,15 @@ ul li {
width: 22px;
}
.menu {
- width: 45vw;
- transform: translateX(-45vw);
+ width: 90vw;
+ transform: translateX(-90vw);
+ -webkit-column-count: 2!important;
+ -webkit-column-gap: 3px;
+ -moz-column-gap: 3px;
+ column-gap: 3px;
}
.navopen .item {
- transform: translateX(45vw);
+ transform: translateX(90vw);
}
.top {
margin-top: 30px;
diff --git a/templates/index.liquid b/templates/index.liquid
index 20df323..0112a05 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -89,7 +89,7 @@
-
OKFocus LLC. • 2016
+ OKFocus LLC. - Portfolio • 2016
SLIDE.1 • PG.1
--
cgit v1.2.3-70-g09d2
From d5a8b23c9d4d7b72ce7f3931fe62bd34c70b2a23 Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Mon, 28 Mar 2016 19:20:21 -0400
Subject: menu
---
public/assets/ok.css | 23 +++++++++++++----------
1 file changed, 13 insertions(+), 10 deletions(-)
diff --git a/public/assets/ok.css b/public/assets/ok.css
index db8dbec..f633fdf 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -36,15 +36,19 @@ body {
.menu {
position: fixed;
height: 100vh;
- width: 20vw;
+ width: 50vw;
top: 0;
left: 0;
z-index: 2;
- transform: translateX(-20vw);
+ transform: translateX(-50vw);
padding: 30px 5px 5px 5px;
transition: 150ms transform cubic-bezier(0, 0, 0, 1);
z-index: 0;
opacity: 0;
+ -webkit-column-count: 2;
+ -webkit-column-gap: 3px;
+ -moz-column-gap: 3px;
+ column-gap: 3px;
}
menu ul {
@@ -73,7 +77,7 @@ menu ul {
}
.navopen .item {
- transform: translateX(20vw);
+ transform: translateX(50vw);
/*opacity:0.5;*/
}
@@ -117,14 +121,17 @@ nav span {
#burger {
width: 10px;
vertical-align: top;
- padding: 2px;
+ padding: 2px;
}
+
.index:after {
- content:"INDEX";
+ content: "INDEX";
}
+
.navopen .index:after {
- content:"CLOSE";
+ content: "CLOSE";
}
+
.desktop .index:hover,
.navopen .index {
color: white;
@@ -401,10 +408,6 @@ ul li {
.menu {
width: 90vw;
transform: translateX(-90vw);
- -webkit-column-count: 2!important;
- -webkit-column-gap: 3px;
- -moz-column-gap: 3px;
- column-gap: 3px;
}
.navopen .item {
transform: translateX(90vw);
--
cgit v1.2.3-70-g09d2