From a50042ad0f1d09b18456288020b17b5db8e964ec Mon Sep 17 00:00:00 2001
From: Stefan Reimer <stefan@zero-downtime.net>
Date: Thu, 23 Jan 2025 14:55:30 +0000
Subject: [PATCH] feat: Use Alpine 3.21, add branding

---
 .gitattributes        |  1 +
 Dockerfile            |  2 +-
 http-assets/logo.png  |  3 +++
 http-assets/style.css | 34 ++++++++++++++++++++++++++++++++++
 4 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 .gitattributes
 create mode 100644 http-assets/logo.png
 create mode 100644 http-assets/style.css

diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..24a8e87
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+*.png filter=lfs diff=lfs merge=lfs -text
diff --git a/Dockerfile b/Dockerfile
index cde1efe..6fbc612 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,4 +1,4 @@
-ARG ALPINE_VERSION=3.20
+ARG ALPINE_VERSION=3.21
 
 FROM alpine:${ALPINE_VERSION}
 ARG ALPINE_VERSION
diff --git a/http-assets/logo.png b/http-assets/logo.png
new file mode 100644
index 0000000..5f4678e
--- /dev/null
+++ b/http-assets/logo.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:13e76b8369ed5c2dbc6052ba09cf935f42ae37bb24f0b42d8a6a801d5a2bdb1c
+size 15687
diff --git a/http-assets/style.css b/http-assets/style.css
new file mode 100644
index 0000000..526a0bc
--- /dev/null
+++ b/http-assets/style.css
@@ -0,0 +1,34 @@
+/* overlay for MVP.css v1.15 - https://github.com/andybrewer/mvp */
+
+:root {
+    --active-brightness: 0.85;
+    --border-radius: 5px;
+    --box-shadow: 2px 2px 10px;
+    --color-accent: #118bee15;
+    --color-bg: #0d0711;
+    --color-bg-secondary: #e9e9e9;
+    --color-link: #118bee;
+    --color-secondary: #920de9;
+    --color-secondary-accent: #920de90b;
+    --color-shadow: #f4f4f4;
+    --color-table: #118bee;
+    --color-text: #737f8a;
+    --color-text-secondary: #999;
+    --color-scrollbar: #cacae8;
+    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    --hover-brightness: 1.2;
+    --justify-important: center;
+    --justify-normal: left;
+    --line-height: 1.5;
+    --width-card: 285px;
+    --width-card-medium: 460px;
+    --width-card-wide: 800px;
+    --width-content: 1080px;
+}
+
+header {
+    background-image: url(logo.png);
+    background-repeat: no-repeat;
+    background-position-x: center;
+    text-align: var(--justify-important);
+}