From 63dc5b4f05142a1e2bf146cee23032e352a20436 Mon Sep 17 00:00:00 2001
From: mo8it <mo8it@proton.me>
Date: Wed, 31 May 2023 12:03:41 +0200
Subject: [PATCH] Done contact

---
 content/impressum/index.md        |  4 +--
 content/termin/index.md           |  2 +-
 input.css                         |  2 +-
 tailwind.config.js                |  2 +-
 templates/base.html               |  2 +-
 templates/page.html               |  2 +-
 templates/shortcodes/contact.html | 41 +++++++++++++------------------
 7 files changed, 24 insertions(+), 31 deletions(-)

diff --git a/content/impressum/index.md b/content/impressum/index.md
index 5535ffb..9201787 100644
--- a/content/impressum/index.md
+++ b/content/impressum/index.md
@@ -4,6 +4,6 @@ title = "Impressum"
 
 #### Yinghong Yang
 
-#### {{ address() }}
+{{ address() }}
 
-<a href="/kontakt">Kontakt</a>
+<a href="/kontakt" class="block mt-4">Kontakt</a>
diff --git a/content/termin/index.md b/content/termin/index.md
index a51a894..6736ca6 100644
--- a/content/termin/index.md
+++ b/content/termin/index.md
@@ -5,4 +5,4 @@ template = "appointment.html"
 
 Vereinbaren Sie frühzeitig einen Termin, indem Sie eine Nachricht auf WhatsApp/Signal schreiben. Sie können auch eine E-Mail schreiben oder anrufen.
 
-{{ contact() }}
+<div class="flex justify-center">{{ contact() }}</div>
diff --git a/input.css b/input.css
index a012584..f6b8e70 100644
--- a/input.css
+++ b/input.css
@@ -19,7 +19,7 @@
     @apply mb-2;
   }
   a {
-    @apply underline hover:decoration-orange-400 transition duration-300;
+    @apply underline hover:decoration-green-700 transition duration-300;
   }
   ul {
     @apply mt-2 mb-3 ml-1 list-disc list-inside marker:text-sky-600;
diff --git a/tailwind.config.js b/tailwind.config.js
index a70e2f5..3fd1734 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./templates/**/*.html"],
+  content: ["./templates/**/*.html", "./content/**/*.md"],
   theme: {
     extend: {},
   },
diff --git a/templates/base.html b/templates/base.html
index fb9ec14..3268bef 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -60,7 +60,7 @@
             </div>
         </header>
 
-        <main class="px-4 mx-auto max-w-screen-xl leading-relaxed">
+        <main class="px-4 max-w-screen-xl w-full mx-auto leading-relaxed">
             {% block content %}{% endblock %}
         </main>
 
diff --git a/templates/page.html b/templates/page.html
index f205bc7..9aa99f4 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block content %}
-    <h2 class="text-center">{{ page.title }}</h2>
+    <h1 class="text-center">{{ page.title }}</h1>
 
     {{ page.content | safe }}
 {% endblock %}
diff --git a/templates/shortcodes/contact.html b/templates/shortcodes/contact.html
index 9aeddaa..aa97665 100644
--- a/templates/shortcodes/contact.html
+++ b/templates/shortcodes/contact.html
@@ -1,26 +1,19 @@
-<div class="text-center">
-    <div class="d-inline-flex">
-        <table class="table">
-            <tbody>
-                <tr>
-                    <th class="pe-3" scope="row">Mobil:</th>
-                    <td class="ps-3">{{ config.extra.mobile_number }}</td>
-                </tr>
-                <tr>
-                    <th class="pe-3" scope="row">Tel.:</th>
-                    <td class="ps-3">{{ config.extra.phone_number }}</td>
-                </tr>
-                <tr>
-                    <th class="pe-3" scope="row">E-Mail:</th>
-                    <td class="ps-3">
-                        <a href="mailto:{{ config.extra.email }}">{{ config.extra.email }}</a>
-                    </td>
-                </tr>
-                <tr>
-                    <th class="pe-3" scope="row">Adresse:</th>
-                    <td class="ps-3">{{ config.extra.address }}</td>
-                </tr>
-            </tbody>
-        </table>
+<div>
+    <p class="font-bold">Yinghong Yang</p>
+
+    <div class="flex gap-x-6 gap-y-2 flex-nowrap">
+        <div class="flex flex-col font-bold">
+            <div>Mobil:</div>
+            <div>Tel.:</div>
+            <div>E-Mail:</div>
+            <div>Adresse:</div>
+        </div>
+
+        <div class="flex flex-col">
+            <div>{{ config.extra.mobile_number }}</div>
+            <div>{{ config.extra.phone_number }}</div>
+            <a href="mailto:{{ config.extra.email }}">{{ config.extra.email }}</a>
+            <div>{{ config.extra.address }}</div>
+        </div>
     </div>
 </div>