Add footer w/ Code of Conduct

LosAltosHacks · Jul 1, 2022 · 9c119a1 · 9c119a1
1 parent 741da38
commit 9c119a1
Show file tree

Hide file tree

Showing 3 changed files with 1,279 additions and 31 deletions.
diff --git a/frontpage/css/main.css b/frontpage/css/main.css
@@ -92,6 +92,11 @@ main a {
     font-weight: 600;
 }
 
+body {
+    display: flex;
+    flex-direction: column;
+}
+
 /* a.sponsorship-email {
 	color: #ffb347;
 } */
@@ -220,10 +225,6 @@ p.text-tiny {
     max-width: calc((90px + 8 * var(--vw)) * 1.25);
 }
 
-.row > * > * + * {
-    margin-top: 0.6rem;
-}
-
 .mt-0 {
     margin-top: 0 !important;
 }
@@ -672,10 +673,6 @@ figure:hover img {
     max-width: calc((80px + 5 * var(--vw)) * 1.5);
 }
 
-.row > * > * + * {
-    margin-top: 1rem;
-}
-
 .social-media a {
     background: radial-gradient(
         rgba(255, 255, 255, 0.9),
@@ -871,35 +868,48 @@ nav {
     color: #02a2dd;
 }
 
-footer .footer-wrapper {
-    font-size: 0.9em;
-    align-items: start;
+footer {
+    background: none;
+    left: 0rem;
+    right: 0rem;
+    padding: 0.5rem 0.8rem;
+    align-items: center;
+}
+
+#footer-row {
+    height: 1rem;
+    flex-direction: row;
     justify-content: center;
 }
 
-footer .footer-sect {
-    margin: 0;
-    padding: 0.75rem !important;
-    width: 225px;
+.footer-links {
+    flex-basis: 50%;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    max-width: 540px;
+    min-width: 250px;
+    font-size: 0.6rem;
     color: white;
+    font-family: 'Avenir';
+    /* responsive solution needed */
 }
 
-footer .link-group-head {
-    text-transform: uppercase;
-    font-weight: 500;
-    font-size: 0.8rem;
+.nav-link > span {
+    font-weight: 100;
 }
 
-footer a.link-group-item {
-    color: #ddd;
-    text-transform: uppercase;
-    font-size: 0.6rem;
-    margin-top: 0.2rem;
+.nav-link > a {
+    color: white;
+    font-weight: 300;
 }
 
-footer a.link-group-item:hover {
-    color: #02a2dd;
-    box-shadow: 0 0 5 #02a2dd;
+.nav-link > a:hover {
+    color: lightgray;
+}
+
+.footer-links > * {
+    margin: 0 1rem;
 }
 
 .past-years {

diff --git a/frontpage/index.html b/frontpage/index.html
@@ -129,8 +129,19 @@ <h4>
         </div>
       </section>
     </main>
-  </body>
-  <a
+
+    <footer>
+      <div class="row" id="footer-row">
+        <div class="footer-links">
+          <div class="nav-link">
+            <a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf" target="_blank">MLH Code of Conduct</a>
+          </div>
+          <div class="nav-link">
+            <span>More Coming Soon!</span>
+          </div>
+      </div>
+    </footer>
+    <a
     id="mlh-trust-badge"
     style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000"
     href="https://mlh.io/na?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2023-season&utm_content=white"
@@ -142,4 +153,5 @@ <h4>
       style="width:100%"
     />
   </a>
+  </body>
 </html>