From 43f9656cd81d8952e684db43ceda590b574ed9a6 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Fri, 2 Sep 2022 00:08:55 +0300
Subject: Fugly but functional hamburger menu

---
 src/Geshem.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

(limited to 'src/Geshem.css')

diff --git a/src/Geshem.css b/src/Geshem.css
index 2e0f58e..e14e971 100644
--- a/src/Geshem.css
+++ b/src/Geshem.css
@@ -6,6 +6,44 @@
   font-family: monospace;
 }
 
+#menu {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  height: 4em;
+  width: 4em;
+  line-height: 4em;
+  text-align: center;
+  background-color: rgba(20, 30, 10, 0.8);
+}
+
+#bars {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+}
+
+.bar {
+  height: 0.2em;
+  width: 80%;
+  background-color: lightgray;
+}
+
+#about {
+  position: fixed;
+  left: 20px;
+  width: 80vw;
+  height: 80vh;
+  background-color: rgba(200, 200, 200, 0.8);
+  direction: rtl;
+}
+
+#menu:hover {
+  background-color: rgba(0, 120, 0, 1);
+}
+
 #date {
   font-size: 1.4em;
 }
-- 
cgit v1.3.1