finished ui menu update

zesameri · zesameri · commit d9cf4e01e5ef · 2018-07-11T12:34:39.000-07:00
diff --git a/charles/secrets/controllers/todos.controller.js b/charles/secrets/controllers/todos.controller.js
diff --git a/css/footermagic.css b/css/footermagic.css
@@ -0,0 +1,27 @@
+
+.hero-footer > a {
+  position: relative;
+  padding-top: 0.7em;
+}
+
+.hero-footer {
+  position: fixed;
+  right: 5em;
+  bottom: 5em;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: flex-end;
+}
+
+.menu-footer {
+  position: static;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+  padding-bottom: 0.7em;
+}
+
+.menu-footer > a {
+  padding: 0.7em;
+}
diff --git a/test.html b/test.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en" class="">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>meredith hoo</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
+    <meta name="description" content="I write code for the web.">
+    <meta name="author" content="Meredith Hoo">
+    <!-- Facebook Metadata -->
+    <meta name="og:title" content="Meredith Hoo">
+    <meta name="og:description" content="This is my place to explore and create.">
+    <meta name="og:url" content="http://merhoo.com">
+    <meta name="og:type" content="website">
+    <meta name="theme-color" content="#0C0C0C">
+      <!-- Styles -->
+    <link href="./css/main.css" rel="stylesheet">
+    <link href="./css/crumple.css" rel="stylesheet">
+    <link href="./css/font.css" rel="stylesheet">
+    <link href="./css/mobile.css" rel="stylesheet">
+    <link href="./css/netneutrality.css" rel="stylesheet">
+    <!-- Webpage Icon -->
+    <link rel="shortcut icon" href="./assets/images/icon.png" type="image/png">
+    <!-- Fonts -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
+
+</head>
+<body>
+
+
+  <footer class="footer">
+    <a class="footer__link--email" href="mailto:meredith.hoo1@gmail.com">email</a>
+    <a class="footer__link--github" href="https://github.com/merhoo" target="_blank" rel="noopener noreferrer">github</a>
+    <a class="footer__link--codepen" href="https://www.youtube.com/user/MeredithHoo/playlists" target="_blank" rel="noopener noreferrer">playlists</a>
+    <a class="footer__link--linkedin" href="https://www.linkedin.com/in/merhoo/" target="_blank" rel="noopener noreferrer">linkedin</a>
+    <a class="footer__link--instagram" href="https://www.instagram.com/zesameri/" target="_blank" rel="noopener noreferrer">photos</a>
+    <div class="crumple" aria-hidden=""></div>
+  </footer>
+
+</body>
+</html>
