diff --git a/css/main.css b/css/main.css
index 7a5b02e..89c90ce 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,12 +1,16 @@
* {
--page-bg: rgb(22, 41, 216);
- --banner-dark-bg: rgb(32, 2, 145);
- --banner-bg: rgb(255, 255, 255);
+ --panel-bg: rgb(32, 2, 145);
+ --banner-bg: #FFF;
--button-bg: rgb(234, 215, 73);
--button-hover: rgb(219, 200, 58);
+ --text: #FFF;
--button-text: #000;
--button-text-hover: #FFF;
--link-hover: gray;
+ --nav-height: 126px;
+
+ box-sizing: border-box;
}
@font-face {
@@ -21,6 +25,7 @@ html {
body {
font-family: Navigo Bold;
background-color: var(--page-bg);
+ color: var(--text);
}
a {
@@ -28,6 +33,7 @@ a {
}
nav {
+ height: var(--nav-height);
position: fixed;
width: 100vw;
top: 0;
@@ -37,7 +43,7 @@ nav {
}
nav a {
- color: var(--banner-bg);
+ color: var(--text);
font-size: 40px;
flex: 1 0 0;
text-align: center;
@@ -85,11 +91,66 @@ nav a:hover {
}
.fullpage {
+ display: flex;
height: 100vh;
background-size: cover;
}
-#landing {;
+.fullpage > .container, .fullpage > .panel {
+ padding-top: var(--nav-height) !important;
+}
+
+.panel {
+ flex: 0 0 30%;
+ min-width: 400px;
+ height: 100%;
+ background-color: var(--panel-bg);
+ padding: 1.5rem;
+ font-size: 20px;
+}
+
+.panel h1 {
+ text-align: center;
+ font-size: 48px;
+ margin-bottom: 0;
+}
+
+.panel img {
+ width: 80%;
+ margin: 1rem auto;
+ display: block;
+}
+
+.container {
+ flex: 1 0 0;
+ font-size: 24px;
+ padding: 4rem;
+}
+
+.container ol {
+ list-style: none;
+ counter-reset: policy-counter;
+}
+
+.container ol li, .container ol li::before {
+ background-color: var(--button-bg);
+ color: var(--button-text);
+ margin-bottom: 0;
+ font-size: 28px;
+}
+
+.container ol li {
+ display: inline;
+ padding: 0.25rem;
+ counter-increment: policy-counter;
+}
+
+.container ol li::before {
+ content: counter(policy-counter) ". ";
+}
+
+#landing {
+ display: block;
}
#about {
diff --git a/index.html b/index.html
index 51f18a7..1945c7c 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
- Miles Linden for City Council
+ Miles Linden for San Jose City Council
@@ -26,7 +26,21 @@
-
+
+
About Miles
+
+
About box description
+
+
+
+ - Make San Jose Affordable
+ Policy argument 1
+ - Police Reform
+ Policy argument 2
+ - Downtown Development
+ Policy argument 3
+
+