From e95b57b5527859cee5550607389e242a96ddd011 Mon Sep 17 00:00:00 2001
From: Fascinated <admin@fascinated.cc>
Date: Sat, 15 Apr 2023 14:17:43 +0100
Subject: [PATCH] dark mode

---
 index.html | 35 +++++++++++++++--------------------
 1 file changed, 15 insertions(+), 20 deletions(-)
diff --git a/index.html b/index.html
index 5d2c289..591f25b 100644
--- a/index.html
+++ b/index.html
@@ -11,30 +11,25 @@
 	<body>
 		<!-- Centered div, vertial and horizontal -->
 		<!-- uploads file to upload.php, shows map id after upload -->
-		<!-- Modern design -->
-		<div class="flex items-center justify-center h-screen">
+		<!-- Modern design, dark mode -->
+		<div class="flex items-center justify-center h-screen bg-gray-900">
 			<div class="w-1/2">
-				<div class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
-					<p class="text-gray-700 text-2xl font-bold mb-4">WIP Map Uploader</p>
+				<div class="bg-gray-800 rounded-lg shadow-xl p-10">
+					<h2 class="text-4xl font-bold text-center text-white mb-10">
+						WIP Map Uploader
+					</h2>
 					<form action="upload.php" method="post" enctype="multipart/form-data">
-						<div class="mb-4">
-							<label
-								class="block text-gray-700 text-sm font-bold mb-2"
-								for="file"
-							>
-								Select a file to upload
-							</label>
-							<input
-								class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-								id="file"
-								name="file"
-								type="file"
-							/>
-						</div>
-						<div class="flex items-center justify-between">
+						<div class="flex items-center justify-center">
+              <input
+                type="file"
+                name="file"
+                class="bg-gray-700 text-white font-bold py-2 px-4 rounded"
+              />
+						<div class="flex items-center justify-center">
 							<button
-								class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
 								type="submit"
+								name="submit"
+								class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
 							>
 								Upload
 							</button>
