updHEADmaster

1 files changed, 84 insertions, 0 deletions

diff --git a/pages/html/style.gohtml b/pages/html/style.gohtml
new file mode 100644
index 0000000..bb15fb9
--- /dev/null
+++ b/pages/html/style.gohtml
@@ -0,0 +1,84 @@
+{{ define "style"}}
+<style>
+    @media (prefers-color-scheme: dark) {
+        html {
+            background-color: #3e3b37;
+            color: rgb(222, 213, 200);
+        }
+    }
+
+    body {
+        max-width: 44em;
+        margin: auto;
+        display: flex;
+        flex-direction: column;
+        gap: 32px;
+
+        & p {
+            padding: 4px 0;
+        }
+    }
+    main {
+        min-height: 105vh;
+        display: flex;
+        gap: 16px;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    label {
+        display: flex;
+        justify-content: end;
+        width: 100%;
+        gap: 8px;
+    }
+
+    form {
+        font-family: system-ui;
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+
+        width: 100%;
+
+        & input {
+            background-color: #fefcf8;
+            color: rgb(30, 27, 25);
+            border-color: #bad1f9;
+            border-style: double;
+        }
+
+        & input[type="number"] {
+            width: 48px;
+        }
+
+        & input[type="text"] {
+            width: 20em;
+        }
+
+        & input[type="submit"] {
+            background-color: #bef8d7;
+            border-color: #395143;
+        }
+    }
+
+    header {
+        display: flex;
+        align-items: baseline;
+        gap: 16px;
+        justify-content: space-between;
+
+        & a {
+            text-decoration: none;
+        }
+
+        & h1 {
+            font-family: monospace
+        }
+    }
+
+    a {
+        color: #f2cae2;
+    }
+</style>
+{{end}}
\ No newline at end of file