From 32836308d25a7da1f32c4fadb59e942c39f32385 Mon Sep 17 00:00:00 2001
From: Jakub <jakubb.06@protonmail.com>
Date: Thu, 8 Feb 2024 00:44:20 -0500
Subject: [PATCH] add table styling & clean up .content styles

---
 static/css/colorschemes/gruvbox.css |  8 ++++-
 static/css/style.css                | 54 +++++++++++++----------------
 2 files changed, 32 insertions(+), 30 deletions(-)

diff --git a/static/css/colorschemes/gruvbox.css b/static/css/colorschemes/gruvbox.css
index 4733ede..5d9454f 100644
--- a/static/css/colorschemes/gruvbox.css
+++ b/static/css/colorschemes/gruvbox.css
@@ -4,6 +4,9 @@
 	--alt-bg: #d5c4a1;
 	--acc-1: #076678;
 	--shadow: #504945;
+
+	--table: #fbf1c7;
+	--table-alt: #d5c4a1;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -13,5 +16,8 @@
 		--alt-bg: #504945;
 		--acc-1: #83a598;
 		--shadow: #1d2021;
+
+		--table: #282828;
+		--table-alt: #504945;
 	}
-}
\ No newline at end of file
+}
diff --git a/static/css/style.css b/static/css/style.css
index 79c4d0f..8e22f88 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -170,8 +170,11 @@ footer {
 	.menu a, .menu li { display: block; }
 
 	.content { 
-		margin: auto 5% auto 20%;
-		padding: 1px 16px;
+		margin-left: calc(15%);
+		margin-right: 0;
+		margin-top: auto;
+		padding: 20px;
+
 	}
 
 	.menu-entries a:hover{
@@ -179,8 +182,26 @@ footer {
 	}
 }
 
-/* Hugo Supported Markdown Styling */
-/* ToDO style md elements that have yet to been styled */
+/* Table Styles */
+
+table { width: 100%; }
+
+th, td, table {
+	border: 1px solid var(--bg);
+	border-collapse: collapse;
+	padding: 6px 13px;
+}
+
+table thead tr { background-color: var(--table); }
+
+table tr { background-color: var(--table-alt); }
+
+table tr:nth-child(2n) { background-color: var(--table); }
+
+
+
+/* Markdown Blockquote styles */
+
 blockquote {
   border-left-color: var(--alt-bg);
   border-left-width: 5px;
@@ -249,31 +270,6 @@ blockquote.location p { padding: inherit; }
 	display: block;
 }
 
-.grid-item {
-	margin: 0;
-	position: relative;
- }
-
-.grid-item p {
-	margin: 0;
-}
-	
-.map-button {
-	color: var(--fg);
-	background-color: var(--acc-1);
-	padding: 5px;
-	border: solid 3px var(--acc-1);
-	border-radius: 8px;
-}
-
-.map {
-	display: flex;
-}
-
-.map img {
-	width: 350px;
-	max-height: 350px;
-}
 .map-txt-grid {
 	display: grid;
   grid-template-rows: auto 1fr auto;