From 266298132a54e352743b0028ed4e7a9b286bba66 Mon Sep 17 00:00:00 2001
From: Lynnesbian <lynne@bune.city>
Date: Wed, 25 Mar 2020 21:12:20 +1000
Subject: [PATCH] hamburger now has a background, and is no longer the heaven
 trigram unicode symbol

---
 _includes/header.html |  2 +-
 assets/style.css      | 34 +++++++++++++++++++++++++++++-----
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index 79cc880..c7e5b31 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,4 +1,4 @@
-<div id='hamburger'>☰</div>
+<div id='hamburger'><div id='hb-icon'></div></div>
 <header id='header'>
 	<h1>Menu</h1>
 	<span class='internal'>
diff --git a/assets/style.css b/assets/style.css
index cbb9883..b32eb0b 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -180,16 +180,40 @@ html.night header a:hover {
 
 #hamburger {
 	display: none;
-	color: mediumpurple;
-	font-size: 2em;
 	position: fixed;
 	top: 10px;
 	left: 10px;
 	z-index: 1;
-	transition: 0.2s all;
+	padding: 10px;
+	background: #fafafa;
+	border-radius: 10px;
+	height: 27px;
+	width: 27px;
 }
-#hamburger.active {
-	color: white;
+html.night #hamburger {
+	background: #333;
+}
+#hb-icon {
+	height: 100%;
+	width: 100%;
+	background: linear-gradient(
+		to bottom, 
+		mediumpurple, mediumpurple 10%, 
+		#fafafa 10%, #fafafa 45%, 
+		mediumpurple 45%, mediumpurple 55%, 
+		#fafafa 55%, #fafafa 90%, 
+		mediumpurple 90%, mediumpurple 100%
+	);
+}
+html.night #hb-icon {
+	background: linear-gradient(
+		to bottom, 
+		mediumpurple, mediumpurple 10%, 
+		#333 10%, #333 45%, 
+		mediumpurple 45%, mediumpurple 55%, 
+		#333 55%, #333 90%, 
+		mediumpurple 90%, mediumpurple 100%
+	);
 }
 
 #theme-control {