diff --git a/.eslintrc.json b/.eslintrc.json
index cd25f9c..5a7a948 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -3,7 +3,10 @@
"node": true,
"commonjs": true,
"es6": true
- },
+ },
+ "globals": {
+ "document": true
+ },
"parserOptions": {
"ecmaVersion": 2017
},
diff --git a/assets/css/pretendo-common.css b/assets/css/pretendo-common.css
index 2d6f99b..761696f 100644
--- a/assets/css/pretendo-common.css
+++ b/assets/css/pretendo-common.css
@@ -32,7 +32,14 @@ nav.navWrapper .navItem {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
font-size: 1em;
+ cursor: pointer;
}
+nav.navWrapper .navItem:hover {
+ color: white;
+ text-decoration: none;
+ background: rgba(0, 0, 0, 0.07);
+}
+
nav.navWrapper .navItem.brand {
font-weight: 600;
background: #5231a7;
@@ -43,6 +50,26 @@ nav.navWrapper .navSpread {
flex: 1;
}
+/* mobile nav */
+nav.navWrapper .navItem.hamburger {
+ display: none;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+@media screen and (max-width: 720px) {
+ nav.navWrapper {
+ flex-direction: column;
+ box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.07);
+ }
+ nav.navWrapper .navItem:not(.brand) {
+ display: none;
+ }
+ nav.navWrapper.open .navItem, nav.navWrapper .navItem.hamburger {
+ display: block;
+ }
+}
+
/* content wrapper */
.contentWrapper {
position: relative;
diff --git a/assets/css/pretendo-home.css b/assets/css/pretendo-home.css
index 473a8c4..e6bca23 100644
--- a/assets/css/pretendo-home.css
+++ b/assets/css/pretendo-home.css
@@ -4,7 +4,7 @@ header {
text-align: center;
color: white;
background: #673db6;
- padding: 5rem;
+ padding: 5rem 1rem;
}
header hr {
width: 175px;
@@ -108,11 +108,11 @@ header h3 {
.smallCard {
width: 100%;
max-width: 250px;
- }
- .smallCardWidth {
-
}
.bigCard.cont-flex > .cont-flex {
flex-direction: column;
}
+ header h1 {
+ font-size: 2.5em;
+ }
}
\ No newline at end of file
diff --git a/assets/js/nav.js b/assets/js/nav.js
new file mode 100644
index 0000000..a5e7277
--- /dev/null
+++ b/assets/js/nav.js
@@ -0,0 +1,3 @@
+document.getElementById('navToggle').onclick = () => {
+ document.getElementById('nav').classList.toggle('open');
+};
\ No newline at end of file
diff --git a/views/newhome.hbs b/views/newhome.hbs
index 4b2f850..f443f2a 100644
--- a/views/newhome.hbs
+++ b/views/newhome.hbs
@@ -9,15 +9,18 @@
+
+
-