Merge branch 'devel'

Make interface responsive
Remove white background from to-be-deleted.html and to-be-published.html because it conflicts with dark mode
2024-09-09 22:03:43 +02:00 · 2024-09-09 22:03:31 +02:00 · 2024-09-09 22:03:03 +02:00 · 2024-09-09 22:01:26 +02:00 · 2024-09-08 16:22:59 +02:00 · 2024-09-08 16:21:38 +02:00
10 changed files with 26 additions and 24 deletions
--- 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 {
--- 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>
--- 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>
--- 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}}" />
--- 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>
--- 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
--- 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>
--- 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}}
--- 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>
--- 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>
Author	SHA1	Message	Date
Jason Streifling	74d71cfb6a	Merge branch 'devel'	2024-09-09 22:03:43 +02:00
Jason Streifling	4004bcb8f0	Make interface responsive	2024-09-09 22:03:31 +02:00
Jason Streifling	9e0182ed03	Remove white background from to-be-deleted.html and to-be-published.html because it conflicts with dark mode	2024-09-09 22:03:03 +02:00
Jason Streifling	e554174c28	Correct size of tag field in add-tag.html	2024-09-09 22:01:26 +02:00
Jason Streifling	ca7e7cddd3	Merge branch 'devel'	2024-09-08 16:22:59 +02:00
Jason Streifling	94431a2aa9	Merge branch 'devel'	2024-09-08 16:21:38 +02:00
Jason Streifling	5b1f20c5bc	Merge branch 'devel'	2024-09-08 13:36:22 +02:00
Jason Streifling	d0c566f8df	Merge branch 'devel'	2024-09-01 21:14:05 +02:00
Jason Streifling	5e586aa49a	Merge branch 'devel'	2024-09-01 18:51:33 +02:00
Jason Streifling	66b2743d3d	Merge branch 'devel'	2024-09-01 18:48:26 +02:00
Jason Streifling	3723b2b5e6	Merge branch 'devel'	2024-09-01 18:18:18 +02:00
Jason Streifling	ce788bfd50	Merge branch 'devel'	2024-09-01 12:54:12 +02:00
Jason Streifling	230a6278cc	Merge branch 'devel'	2024-09-01 12:49:30 +02:00
Jason Streifling	42d6e0c198	Merge branch 'devel'	2024-08-31 12:17:41 +02:00
Jason Streifling	e1af2979af	Merge branch 'devel'	2024-08-31 11:27:15 +02:00
Jason Streifling	f6dedc6f10	Merge branch 'devel'	2024-08-31 01:43:53 +02:00
Jason Streifling	cdf0a49550	Merge branch 'devel'	2024-08-31 01:38:28 +02:00
Jason Streifling	c3c0650210	Merge branch 'devel'	2024-08-31 01:00:55 +02:00
Jason Streifling	d077f700d8	Merge branch 'devel'	2024-08-31 00:36:48 +02:00
Jason Streifling	ec752b1c66	Merge branch 'devel'	2024-08-30 23:43:12 +02:00
Jason Streifling	46aef4f12f	Merge branch 'devel'	2024-08-25 10:51:35 +02:00
Jason Streifling	1b29e328cf	Merge branch 'devel'	2024-08-25 06:38:55 +02:00
Jason Streifling	e50cb819f3	Merge branch 'devel'	2024-08-23 21:45:30 +02:00
Jason Streifling	c32e38ca10	Merge branch 'devel'	2024-08-23 20:57:11 +02:00
Jason Streifling	d7c8c7a43a	Merge branch 'devel'	2024-08-18 17:31:00 +02:00
Jason Streifling	1cd3edc90c	Merge branch 'devel'	2024-08-18 12:06:29 +02:00
Jason Streifling	0e768c9f61	Merge branch 'devel'	2024-08-08 21:27:07 +02:00
Jason Streifling	1fcd775cc5	Merge branch 'devel'	2024-08-08 21:14:24 +02:00
Jason Streifling	203a1ed147	Implemented EasyMDE	2024-08-08 21:13:25 +02:00
Jason Streifling	ef1914ee5c	Implemented article preview	2024-08-08 21:13:25 +02:00
Jason Streifling	084b101e31	Register f.ArticlePreviewHtmlData in init()	2024-08-08 21:13:25 +02:00
Jason Streifling	b2db128aa9	Shorten lines by referencing frontend as f and backend as b	2024-08-08 21:13:25 +02:00
Jason Streifling	081e880fb6	Change structure of code tor frontend and backend one	2024-08-08 21:13:25 +02:00