From 6401a0c571ab0e3d6b9ba8b9c2abec8bd1d7f5c7 Mon Sep 17 00:00:00 2001
From: raul <raul@bulgariu.xyz>
Date: Wed, 29 May 2024 08:45:44 +0200
Subject: [PATCH] Webpage formatting improvements

---
 cmd/assets/index.html | 47 +++++++++++++++++++++----------------------
 cmd/assets/style.css  |  1 +
 2 files changed, 24 insertions(+), 24 deletions(-)
diff --git a/cmd/assets/index.html b/cmd/assets/index.html
index b449b2e..fe9218a 100644
--- a/cmd/assets/index.html
+++ b/cmd/assets/index.html
@@ -1,38 +1,37 @@
-<html>
-  <head>
-    <link rel="stylesheet" type="" href="./style.css">
-    <script src="https://unpkg.com/htmx.org@1.9.4/dist/htmx.min.js"></script>
-  </head>
-  <body>
-    <div class="container">
-      
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>File Uploader</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <script src="https://unpkg.com/htmx.org@1.9.4/dist/htmx.min.js"></script>
+  <link href="./style.css" rel="stylesheet">
+</head>
+
+<!--   Licensed under the GPL v3.0 -->
+
+<body>
+  <div class="container">
     <div id="main">
-    <h1>Raul's file uploader</h1>
-    <h3>Find the source <a href="https://git.bulgariu.xyz/raul/uploader" target="_blank">here!</a></h3>
+      <h1>Raul's file uploader</h1>
+      <h3>Find the source <a href="https://git.bulgariu.xyz/raul/uploader" target="_blank">here!</a></h3>
       <form id='form' hx-encoding='multipart/form-data' hx-post='/api/upload'>
-        <input type="file" name="file" value="">
+        <input type="file" name="file" value="" required>
         <br>
         <br>
         <button id="but">
           Upload
         </button>
-      <progress id="progress" value="0" max="100">Upload progress:</progress>
+        <progress id="progress" value="0" max="100">Upload progress:</progress>
       </form>
       <script>
-        htmx.on('#form', 'htmx:xhr:progress', function(evt) {
-          htmx.find('#progress').setAttribute('value', evt.detail.loaded/evt.detail.total * 100)
+        htmx.on('#form', 'htmx:xhr:progress', function (evt) {
+          htmx.find('#progress').setAttribute('value', evt.detail.loaded / evt.detail.total * 100)
         });
       </script>
-
-      <p class="centered">
-     <!--  <img src="https://bulgariu.xyz/avatar.gif" alt="" width=200px height=200px > -->
-      </p>
-
-      <!-- <footer> -->
-      <!--   Licensed under the GPL v3.0 -->
-      <!-- </footer> -->
     </div>
+  </div>
+</body>
 
-    </div>
-  </body>
 </html>
diff --git a/cmd/assets/style.css b/cmd/assets/style.css
index c68725e..441522a 100644
--- a/cmd/assets/style.css
+++ b/cmd/assets/style.css
@@ -21,6 +21,7 @@ img {
 button {
   background-color: #eee;
   border: 2px black solid;
+  margin-bottom: 10px;
 }
 
 #but:hover {
