From bd1c7ed477bc3f184deaf81da10dd54c8ff70776 Mon Sep 17 00:00:00 2001
From: TT-392 <git@tt-392.space>
Date: Sun, 15 Sep 2024 13:54:29 +0200
Subject: [PATCH] Apply design puke

---
 flask/templates/base.html | 74 +++++++++++++++++++++++++++++++++------
 flask/templates/text.html |  2 +-
 2 files changed, 65 insertions(+), 11 deletions(-)

diff --git a/flask/templates/base.html b/flask/templates/base.html
index cc6cd4c..bec7dd2 100644
--- a/flask/templates/base.html
+++ b/flask/templates/base.html
@@ -6,16 +6,70 @@
     <title>Image Upload</title>
 
     <style>
-        .container {
-            display: flex;
-            width: 100%;
-        }
-        .box {
-            flex: 1;
-            background-color: lightgray;
-            text-align: center;
-            margin: 1px;
-        }
+    body {
+        background-color: #f8f9fa;
+        font-family: Arial, sans-serif;
+        color: #333;
+    }
+
+    .container {
+        display: flex;
+        width: 100%;
+    }
+
+    .box {
+        flex: 1;
+        text-align: center;
+        margin: 1px;
+        padding: 20px;
+        color: white;
+        background-color: #ff69b4; /* Pink */
+        border: 2px solid #55cdfc; /* Light blue */
+        transition: background-color 0.3s ease;
+    }
+
+    .box:hover {
+        background-color: #f7a8b8; /* Softer pink on hover */
+    }
+
+    a {
+        text-decoration: none;
+        color: inherit;
+    }
+
+    label {
+        font-weight: bold;
+        color: #ff69b4;
+    }
+
+    input[type="submit"], select, textarea, input[type="number"] {
+        background-color: #55cdfc;
+        border: none;
+        color: white;
+        padding: 10px;
+        margin: 10px 0;
+        border-radius: 5px;
+    }
+
+    input[type="submit"]:hover, input[type="number"]:hover, select:hover, textarea:hover {
+        background-color: #f7a8b8;
+    }
+
+    h2 {
+        color: #ff69b4;
+    }
+
+    img {
+        border: 3px solid #55cdfc;
+    }
+
+    form {
+        background-color: #f8f9fa;
+        padding: 20px;
+        border-radius: 10px;
+        border: 2px solid #ff69b4;
+    }
+
     </style>
 
     {% block head %}
diff --git a/flask/templates/text.html b/flask/templates/text.html
index 7a327ef..dc9ca79 100644
--- a/flask/templates/text.html
+++ b/flask/templates/text.html
@@ -44,7 +44,7 @@
         {%endif%}
         <label for="cut"> Cut paper after printing </label><br>
 
-        <input type="submit" value="Print">
+        <input type="submit" value="Print" style="font-size: 2em; padding: 20px 40px;">
     </form>
     {% endif %}