From 0d15875f22011476538c882795ea9da59cc7d54f Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Tue, 18 Oct 2022 12:15:58 +0100
Subject: [PATCH] Menu stylings

---
 new_index.html     |  1 -
 style/new_menu.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+), 1 deletion(-)

diff --git a/new_index.html b/new_index.html
index 972a35e..397a790 100644
--- a/new_index.html
+++ b/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>
diff --git a/style/new_menu.css b/style/new_menu.css
index 445fd7a..5ae2797 100644
--- a/style/new_menu.css
+++ b/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) {