From d4e9c5f65e472a2a8f7715decea632d2b8d6cc0b Mon Sep 17 00:00:00 2001
From: afnzmn <afnzmn@gmail.com>
Date: Tue, 16 Aug 2022 17:22:52 -0400
Subject: [PATCH] fix: navbar cleanup

---
 src/lib/components/atoms/Navigation.svelte  | 12 ++++-------
 src/lib/components/molecules/NavHost.svelte | 22 ++++++++++++---------
 static/logo.svg                             |  9 ++++++---
 3 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/src/lib/components/atoms/Navigation.svelte b/src/lib/components/atoms/Navigation.svelte
index ab2a21d..ff0b65c 100644
--- a/src/lib/components/atoms/Navigation.svelte
+++ b/src/lib/components/atoms/Navigation.svelte
@@ -13,38 +13,34 @@
 <style>
 	li {
 		border: var(--grey-six);
-		width: 150px;
+		width: 140px;
 		text-align: center;
 		list-style: none;
 		display: inline-block;
 		position: relative;
-		margin-left: 0.25rem;
-		margin-right: 0.25rem;
 		font-weight: 300;
 		align-items: center;
 		border: var(--grey-six);
 		transition-timing-function: var(--bezier-one);
 		transition-duration: 0.25s;
+		padding: 10px 20px;
+		border-radius: 200px;
 	}
 
 	a {
 		color: var(--white);
 		text-decoration: none;
-		font-size: 1.1rem;
+		font-size: 1rem;
 		user-select: none;
 	}
 
 	li:hover {
 		font-weight: 600;
 		border: 3px solid var(--grey-two);
-		padding: 10px 30px;
-		border-radius: 200px;
 	}
 
 	li.selected	 {
 		font-weight: 600;
 		border: 3px solid var(--red);
-		padding: 10px 30px;
-		border-radius: 200px;
 	}
 </style>
diff --git a/src/lib/components/molecules/NavHost.svelte b/src/lib/components/molecules/NavHost.svelte
index 0c97995..9d66264 100644
--- a/src/lib/components/molecules/NavHost.svelte
+++ b/src/lib/components/molecules/NavHost.svelte
@@ -50,21 +50,30 @@
 		width: 100%;
 	}
 
-	.logo {
-		display: inline-block;
+	ul {
+		display: flex;
+		gap:0.75rem;
+		align-items: center;
 	}
 
+	.logo {
+		display: flex;
+	}
+
+	a {
+		text-decoration: none;
+	}
 	.logo-image {
 		width: 2.9rem;
 		cursor: pointer;
-		transform: translateY(5%);
 	}
 
 	h1 {
 		display: inline-block;
 		margin-left: 1rem;
-		font-size: 2.75rem;
+		font-size: 2.4rem;
 		letter-spacing: -0.04em;
+		height:90%;
 	}
 
 	h1 span {
@@ -78,9 +87,6 @@
 	}
 
 	@media screen and (max-width: 768px) {
-		nav {
-			/* background-color: purple; */
-		}
 		ul {
 			display: none;
 		}
@@ -110,7 +116,6 @@
 		height: 3px;
 		background: #fff;
 		border-radius: 5px;
-		box-shadow: 0 2px 5px rgba(255, 101, 47, 0.2);
 		transition: all 0.5s ease-in-out;
 	}
 	.menu-btn__burger::before,
@@ -121,7 +126,6 @@
 		height: 3px;
 		background: #fff;
 		border-radius: 5px;
-		box-shadow: 0 2px 5px rgba(255, 101, 47, 0.2);
 		transition: all 0.5s ease-in-out;
 	}
 	.menu-btn__burger::before {
diff --git a/static/logo.svg b/static/logo.svg
index 7de6902..51553a8 100644
--- a/static/logo.svg
+++ b/static/logo.svg
@@ -1,4 +1,7 @@
-<svg width="51" height="43" viewBox="0 0 51 43" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M47.3571 27.8116C52.2143 25.0064 52.2143 17.9936 47.3571 15.1884L22.7679 0.98728C17.9107 -1.81788 11.8393 1.68858 11.8393 7.2989V11.2962L5.46429 7.61446C3.03572 6.21189 9.23091e-07 7.96511 9.23091e-07 10.7703L0 32.2297C-8.51576e-08 35.0349 3.03571 36.7881 5.46429 35.3855L11.8393 31.7038V35.7011C11.8393 41.3114 17.9107 44.8179 22.7679 42.0127L47.3571 27.8116ZM11.8393 11.2962L11.8393 31.7038L24.0429 24.6558C26.4714 23.2532 26.4714 19.7468 24.0429 18.3442L11.8393 11.2962Z" fill="#FF4151"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M47.3571 15.1884C52.2143 17.9936 52.2143 25.0064 47.3571 27.8116L22.7679 42.0127C17.9107 44.8179 11.8393 41.3114 11.8393 35.7011V31.7038L24.0429 24.6558C26.4714 23.2532 26.4714 19.7468 24.0429 18.3442L11.8393 11.2962V7.2989C11.8393 1.68858 17.9107 -1.81788 22.7679 0.98728L47.3571 15.1884Z" fill="#FFE1E1"/>
+<svg width="143" height="124" viewBox="0 0 143 124" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 76.7193C145.833 70.176 145.833 53.8177 134.5 47.2744L58 3.10713C46.6667 -3.43618 32.5 4.74298 32.5 17.8296V33.9954L13.5 23.0257C7.5 19.5616 2.58657e-06 23.8917 2.58657e-06 30.8199L0 93.1738C-2.10389e-07 100.102 7.5 104.432 13.5 100.968L32.5 89.9983V106.164C32.5 119.251 46.6667 127.43 58 120.887L134.5 76.7193ZM32.5 33.9954L32.5 89.9983L67.5 69.7911C73.5 66.327 73.5 57.6667 67.5 54.2026L32.5 33.9954Z" fill="#FF4151"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 47.2744C145.833 53.8177 145.833 70.176 134.5 76.7193L58 120.887C46.6667 127.43 32.5 119.251 32.5 106.164V89.9983L67.5 69.7911C73.5 66.327 73.5 57.6667 67.5 54.2026L32.5 33.9954V17.8296C32.5 4.74298 46.6667 -3.43618 58 3.10713L134.5 47.2744Z" fill="#FF6B78"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 47.2744C145.833 53.8177 145.833 70.176 134.5 76.7193L58 120.887C46.6667 127.43 32.5 119.251 32.5 106.164V89.9983L67.5 69.7911C73.5 66.327 73.5 57.6667 67.5 54.2026L32.5 33.9954V17.8296C32.5 4.74298 46.6667 -3.43618 58 3.10713L134.5 47.2744Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 47.2744C145.833 53.8177 145.833 70.176 134.5 76.7193L58 120.887C46.6667 127.43 32.5 119.251 32.5 106.164V89.9983L67.5 69.7911C73.5 66.327 73.5 57.6667 67.5 54.2026L32.5 33.9954V17.8296C32.5 4.74298 46.6667 -3.43618 58 3.10713L134.5 47.2744Z" fill="#FF6B78"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 47.2744C145.833 53.8177 145.833 70.176 134.5 76.7193L58 120.887C46.6667 127.43 32.5 119.251 32.5 106.164V89.9983L67.5 69.7911C73.5 66.327 73.5 57.6667 67.5 54.2026L32.5 33.9954V17.8296C32.5 4.74298 46.6667 -3.43618 58 3.10713L134.5 47.2744Z" fill="white"/>
 </svg>