From b04e0e5e817bb3ac6af7ff5cf5e7a3de7a99e859 Mon Sep 17 00:00:00 2001
From: Jason Streifling <jason@streifling.com>
Date: Sun, 8 Sep 2024 16:33:16 +0200
Subject: [PATCH 1/5] Rename cover in current-articles.html

---
 web/templates/current-articles.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/templates/current-articles.html b/web/templates/current-articles.html
index 55e3c38..177bae4 100644
--- a/web/templates/current-articles.html
+++ b/web/templates/current-articles.html
@@ -16,7 +16,7 @@
         </div>
 
         <div>
-            <h3>Cover</h3>
+            <h3>Titelseite</h3>
             <div class="grid grid-cols-2 gap-4 items-center">
                 <input class="h-full" name="issue-title" placeholder="Titel" type="text" />
                 <label class="btn text-center" for="image-upload">Bild hochladen</label>

From 8597f1b8492e94d017acb9510623c8d5e5a56041 Mon Sep 17 00:00:00 2001
From: Jason Streifling <jason@streifling.com>
Date: Mon, 9 Sep 2024 21:08:53 +0200
Subject: [PATCH 2/5] Recover somehow deleted port command line argument in
 .air.toml

---
 .air.toml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.air.toml b/.air.toml
index 612e376..1672ee6 100644
--- a/.air.toml
+++ b/.air.toml
@@ -14,6 +14,7 @@ args_bin = [
     "-log tmp/cpolis.log",
     "-pdfs tmp/pdfs",
     "-pics tmp/pics",
+    "-port 8080",
     "-rss tmp/orientexpress_alle.rss",
     "-title 'Freimaurer Distrikt Niedersachsen und Sachsen-Anhalt'",
     "-web web",

From e554174c28ab868319a09ca57834c9383f931007 Mon Sep 17 00:00:00 2001
From: Jason Streifling <jason@streifling.com>
Date: Mon, 9 Sep 2024 22:01:26 +0200
Subject: [PATCH 3/5] Correct size of tag field in add-tag.html

---
 web/templates/add-tag.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/templates/add-tag.html b/web/templates/add-tag.html
index 29532af..7e898e0 100644
--- a/web/templates/add-tag.html
+++ b/web/templates/add-tag.html
@@ -2,7 +2,7 @@
 <h2>Neuer Tag</h2>
 
 <form>
-    <input required name="tag" placeholder="Tag eingeben" type="text" />
+    <input class="w-full" name="tag" placeholder="Tag eingeben" required type="text" />
     <div class="btn-area">
         <input class="action-btn" type="submit" value="Anlegen" hx-post="/tag/add" hx-target="#page-content" />
         <button class="btn" hx-get="/hub" hx-target="#page-content">Abbrechen</button>

From 9e0182ed0318ebb7a55d66a173f1cc1f22ff83c0 Mon Sep 17 00:00:00 2001
From: Jason Streifling <jason@streifling.com>
Date: Mon, 9 Sep 2024 22:03:03 +0200
Subject: [PATCH 4/5] Remove white background from to-be-deleted.html and
 to-be-published.html because it conflicts with dark mode

---
 web/templates/to-be-deleted.html   | 10 +++++-----
 web/templates/to-be-published.html |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/web/templates/to-be-deleted.html b/web/templates/to-be-deleted.html
index ae15f1a..61d07f4 100644
--- a/web/templates/to-be-deleted.html
+++ b/web/templates/to-be-deleted.html
@@ -3,24 +3,24 @@
 
 <div>
     <span>Titel</span>
-    <div class="bg-white border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
+    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
         {{.Title}}
     </div>
 
     <span>Beschreibung</span>
-    <div class="bg-white border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
+    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
         {{.Description}}
     </div>
 
     <span>Artikel</span>
-    <div class="bg-white border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
-        <div class="prose">
+    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
+        <div class="prose text-slate-900 dark:text-slate-100">
             {{.Content}}
         </div>
     </div>
 
     <span>Tags</span>
-    <div class="bg-white border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
+    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
         {{range .Tags}}
         {{.Name}}
         <br>
diff --git a/web/templates/to-be-published.html b/web/templates/to-be-published.html
index 21957c2..37be607 100644
--- a/web/templates/to-be-published.html
+++ b/web/templates/to-be-published.html
@@ -3,24 +3,24 @@
 
 <div>
     <span>Titel</span>
-    <div class="bg-white border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
+    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
         {{.Article.Title}}
     </div>
 
     <span>Beschreibung</span>
-    <div class="bg-white border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
+    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
         {{.Article.Description}}
     </div>
 
     <span>Artikel</span>
-    <div class="bg-white border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
+    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
         <div class="prose">
             {{.Content}}
         </div>
     </div>
 
     <span>Tags</span>
-    <div class="bg-white border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
+    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
         {{if .Article.IsInIssue}}
         <span>Orient Express</span>
         <br>

From 4004bcb8f03b0ca3f076fafac84efe9f1fa83b30 Mon Sep 17 00:00:00 2001
From: Jason Streifling <jason@streifling.com>
Date: Mon, 9 Sep 2024 22:03:31 +0200
Subject: [PATCH 5/5] Make interface responsive

---
 web/static/css/input.css     | 2 +-
 web/templates/add-user.html  | 4 ++--
 web/templates/edit-self.html | 2 +-
 web/templates/edit-user.html | 4 ++--
 web/templates/hub.html       | 6 +++---
 web/templates/index.html     | 6 +++---
 web/templates/login.html     | 6 ++++--
 7 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/web/static/css/input.css b/web/static/css/input.css
index 815ea0b..e2fe988 100644
--- a/web/static/css/input.css
+++ b/web/static/css/input.css
@@ -20,7 +20,7 @@ textarea {
 }
 
 .btn-area {
-    @apply flex gap-4 mt-4;
+    @apply grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-1 mt-4;
 }
 
 .btn {
diff --git a/web/templates/add-user.html b/web/templates/add-user.html
index a3c9cf7..d6aeae9 100644
--- a/web/templates/add-user.html
+++ b/web/templates/add-user.html
@@ -2,7 +2,7 @@
 <h2>Neuer Benutzer</h2>
 
 <form>
-    <div class="grid grid-cols-3 gap-4">
+    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
         <div>
             <label for="username">Benutzername</label>
             <input class="w-full" required name="username" type="text" value="{{.UserName}}" />
@@ -25,7 +25,7 @@
         </div>
     </div>
 
-    <div class="flex gap-4">
+    <div class="flex flex-wrap gap-4">
         <div>
             <input required id="author" name="role" type="radio" value="3" {{if eq .Role 3 }}checked{{end}} />
             <label for="author">Autor</label>
diff --git a/web/templates/edit-self.html b/web/templates/edit-self.html
index ee4bdf0..334da84 100644
--- a/web/templates/edit-self.html
+++ b/web/templates/edit-self.html
@@ -2,7 +2,7 @@
 <h2>Profil bearbeiten</h2>
 
 <form>
-    <div class="grid grid-cols-3 gap-4">
+    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
         <div>
             <label for="username">Benutzername</label>
             <input class="w-full" name="username" type="text" value="{{.UserName}}" />
diff --git a/web/templates/edit-user.html b/web/templates/edit-user.html
index d998f7b..335f7eb 100644
--- a/web/templates/edit-user.html
+++ b/web/templates/edit-user.html
@@ -2,7 +2,7 @@
 <h2>Profil von {{.FirstName}} {{.LastName}} bearbeiten</h2>
 
 <form>
-    <div class="grid grid-cols-3 gap-4">
+    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
         <div>
             <label for="username">Benutzername</label>
             <input class="w-full" name="username" type="text" value="{{.UserName}}" />
@@ -29,7 +29,7 @@
         </div>
     </div>
 
-    <div class="flex gap-4">
+    <div class="flex flex-wrap gap-4">
         <div>
             <input required id="author" name="role" type="radio" value="3" {{if eq .Role 3 }}checked{{end}} />
             <label for="author">Autor</label>
diff --git a/web/templates/hub.html b/web/templates/hub.html
index 451d645..43f9e05 100644
--- a/web/templates/hub.html
+++ b/web/templates/hub.html
@@ -5,7 +5,7 @@
     {{if lt . 4}}
     <div class="mb-3">
         <h2>Artikel</h2>
-        <div class="grid grid-cols-2 gap-x-4 gap-y-2">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2">
             <button class="btn" hx-get="/article/write" hx-target="#page-content">Artikel schreiben</button>
             <button class="btn" hx-get="/article/all-rejected" hx-target="#page-content">Abgelehnte Artikel</button>
             {{if lt . 3}}<button class="btn" hx-get="/article/all-unpublished" hx-target="#page-content">
@@ -22,7 +22,7 @@
     {{if lt . 2}}
     <div class="mb-3">
         <h2>Ausgabe</h2>
-        <div class="grid grid-cols-2 gap-x-4 gap-y-2">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2">
             <button class="btn" hx-get="/issue/this" hx-target="#page-content">Diese Ausgabe</button>
             <form class="flex" hx-encoding="multipart/form-data">
                 <label class="btn text-center" for="pdf-upload">PDF hochladen</label>
@@ -36,7 +36,7 @@
     {{if lt . 4}}
     <div class="mb-3">
         <h2>Benutzer</h2>
-        <div class="grid grid-cols-2 gap-x-4 gap-y-2">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2">
             <button class="btn" hx-get="/user/edit/self" hx-target="#page-content">Mein Profil bearbeiten</button>
             {{if eq . 0}}<button class="btn" hx-get="/user/create" hx-target="#page-content">
                 Benutzer hinzufügen
diff --git a/web/templates/index.html b/web/templates/index.html
index 2547389..74d950c 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -10,8 +10,8 @@
     <link rel="stylesheet" href="https://unpkg.com/easymde/dist/easymde.min.css">
 </head>
 
-<body style="width: 800px;"
-    class="bg-slate-50 dark:bg-slate-950 flex flex-col justify-between min-h-screen mx-auto text-slate-900 dark:text-slate-100">
+<body
+    class="bg-slate-50 dark:bg-slate-950 container flex flex-col justify-between max-w-screen-lg min-h-screen mx-auto text-slate-900 dark:text-slate-100">
     <header class="my-8">
         <h1 class="font-bold text-4xl text-center">Orient Editor</h1>
 
@@ -38,7 +38,7 @@
             &copy; 2024 Jason Streifling. Alle Rechte vorbehalten.
         </p>
         <p>
-            v0.9.1 - <strong>Hinweis:</strong> Diese Software befindet sich noch in der Entwicklung und kann Fehler
+            v0.10.0 - <strong>Hinweis:</strong> Diese Software befindet sich noch in der Entwicklung und kann Fehler
             enthalten.
         </p>
     </footer>
diff --git a/web/templates/login.html b/web/templates/login.html
index d542120..bfba131 100644
--- a/web/templates/login.html
+++ b/web/templates/login.html
@@ -2,11 +2,13 @@
 <h2>Anmeldung</h2>
 
 <form>
-    <div class="btn-area">
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 my-1">
         <input class="w-full" name="username" placeholder="Benutzername" type="text" />
         <input class="w-full" name="password" placeholder="Passwort" type="password" />
     </div>
 
-    <input class="action-btn" type="submit" value="Anmelden" hx-post="/login" hx-target="#page-content" />
+    <div class="mt-2">
+        <input class="action-btn" type="submit" value="Anmelden" hx-post="/login" hx-target="#page-content" />
+    </div>
 </form>
 {{end}}