new_index.html

@@ -30,7 +30,6 @@
       </div>
     </div>
     <div id="sidebar" class="sidebar">
-      <button class="sidebar_close" onclick="sidebarClose()">&times;</button>
       <a href="/">Home</a>
       <a href="/gpg.php">GPG/PGP</a>
       <a href="/projects.php">Things I Do</a>

style/new_menu.css

@@ -5,6 +5,52 @@
     top: 0;
     left: 0;
     width: 100%;
+    height: 40px;
+}
+
+.menubar_logo img {
+    max-width: 13%;
+    padding: 5px;
+}
+
+.menubar_hamburger {
+    position: absolute;
+    top: 2px;
+    right: 0;
+    padding: 5px;
+}
+
+.sidebar_open_long {
+    display: none;
+}
+
+.sidebar_open_short {
+    font-size: larger;
+    background-color: slategrey;
+    color: azure;
+    border: none;
+    border-radius: 2px;
+}
+
+.sidebar {
+    position: fixed;
+    top: 40px;
+    right: 0;
+    margin: auto;
+    height: 100%;
+    max-width: 60%;
+    background-color: darkslategrey;
+}
+
+.sidebar a {
+    padding: 50px;
+    align: right;
+    width: 100%;
+}
+
+.sidebar_social {
+    position: absolute;
+    bottom: 50px;
 }
 
 @media screen and (min-width: 800px) {