From 4fd8559201b558a71c8cd6559ae1f268513ced28 Mon Sep 17 00:00:00 2001
From: Ben Adrian Sarmiento <me@bensarmiento.com>
Date: Wed, 10 Jul 2024 01:52:51 +0200
Subject: [PATCH] Change home color scheme

---
 internal/handlers/home.go | 80 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 78 insertions(+), 2 deletions(-)
diff --git a/internal/handlers/home.go b/internal/handlers/home.go
index 467565c..bddf876 100644
--- a/internal/handlers/home.go
+++ b/internal/handlers/home.go
@@ -151,7 +151,83 @@ func (zr *Handlers) handleHome(resp http.ResponseWriter, req *http.Request) {
 		return
 	}
 
-	out := fmt.Sprintf(`<table border="1px">
+	out := fmt.Sprintf(`<head>
+    <link
+        rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/bulma@1.0.1/css/bulma.min.css">
+    <style>
+        body {
+            padding: 15px;
+            background-color: #212A31; /* Dark background */
+            color: #D3D9D4; /* Light text color for contrast */
+            font-family: 'Roboto', sans-serif; /* Modern font choice */
+        }
+
+        table {
+            width: 100%%;
+            border-collapse: collapse;
+            background-color: #2E3944; /* Dark gray background for contrast */
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); /* Subtle shadow */
+        }
+
+        th, td {
+            border: 1px solid #124E66; /* Border color from the palette */
+            padding: 10px;
+            text-align: left;
+        }
+
+        th {
+            background-color: #124E66; /* Dark header background */
+            color: #D3D9D4; /* Light text on header */
+        }
+
+        tr:nth-child(even) {
+            background-color: #2E3944; /* Subtle alternating row color */
+        }
+
+        tr:hover {
+            background-color: #1A252C; /* Darker shade on hover */
+        }
+
+        a {
+            color: #03A9F4; /* Slightly lighter blue for links */
+            text-decoration: none;
+        }
+
+        a:hover {
+            text-decoration: underline;
+        }
+
+        /* Button Styling */
+        input[type="submit"] {
+            background-color: #124E66; /* Button color from the palette */
+            color: #D3D9D4;
+            padding: 8px 15px;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            transition: background-color 0.3s;
+        }
+
+        input[type="submit"]:hover {
+            background-color: #2E3944; /* Darker on hover */
+        }
+
+        /* Link Styling */
+        a {
+            color: #03A9F4; /* Slightly lighter blue for links */
+            text-decoration: none;
+            transition: color 0.3s;
+        }
+
+        a:hover {
+            color: #D3D9D4; /* Light color on hover for contrast */
+        }
+    </style>
+</head>
+
+<body>
+    <table border="1px">
         <tr>
             <th colspan="3">zurg</th>
         </tr>
@@ -305,7 +381,7 @@ func (zr *Handlers) handleHome(resp http.ResponseWriter, req *http.Request) {
 
 	out += fmt.Sprintf(`
         <tr>
-            <td rowspan="23">Config</td>
+            <td rowspan="24">Config</td>
             <td>Version</td>
             <td>%s</td>
         </tr>
