From 378e4315baf3818520ff3f089e57d4aad15f4330 Mon Sep 17 00:00:00 2001
From: Oliver Akins <oliver.akins1999@gmail.com>
Date: Tue, 19 Jul 2022 22:54:13 -0600
Subject: [PATCH] Tweak the hexagon component to use the SVG background image

---
 web-svelte/src/components/Hexagon.svelte | 33 +++++-------------------
 1 file changed, 6 insertions(+), 27 deletions(-)

diff --git a/web-svelte/src/components/Hexagon.svelte b/web-svelte/src/components/Hexagon.svelte
index 3728b80..e743e2d 100644
--- a/web-svelte/src/components/Hexagon.svelte
+++ b/web-svelte/src/components/Hexagon.svelte
@@ -4,35 +4,14 @@
 
 <style lang="scss">
 .hexagon {
-	position: relative;
-	width: 100px;
-	height: 57.74px;
-	background-color: #000000;
-	margin: 28.87px 0;
-
+	height: 100%;
+	width: 100%;
+	background-image: url(/assets/hexagon.svg);
+	background-repeat: no-repeat;
+	background-position: center;
 	display: flex;
 	justify-content: center;
 	align-items: center;
-}
-
-.hexagon:before,
-.hexagon:after {
-	content: "";
-	position: absolute;
-	width: 0;
-	border-left: 50px solid transparent;
-	border-right: 50px solid transparent;
-}
-
-.hexagon:before {
-	bottom: 100%;
-	border-bottom: 28.87px solid #000000;
-}
-
-.hexagon:after {
-	top: 100%;
-	width: 0;
-	border-top: 28.87px solid #000000;
-	z-index: -1;
+	color: white;
 }
 </style>
\ No newline at end of file