From a18e1ee5fb000612fe1b9246976d900c6ee4324f Mon Sep 17 00:00:00 2001
From: mo8it <mo8it@proton.me>
Date: Thu, 1 Jun 2023 00:49:14 +0200
Subject: [PATCH] Done offers

---
 templates/appointment.html   |  4 +-
 templates/base.html          |  4 +-
 templates/macros.html        |  2 +-
 templates/macros/offers.html | 41 -----------------
 templates/offers.html        | 89 +++++++++++++++++++++++++-----------
 5 files changed, 67 insertions(+), 73 deletions(-)
 delete mode 100644 templates/macros/offers.html

diff --git a/templates/appointment.html b/templates/appointment.html
index 9fa685c..9ea69cd 100644
--- a/templates/appointment.html
+++ b/templates/appointment.html
@@ -3,10 +3,10 @@
 {% block content %}
     <h1 class="text-center mb-5">{{ page.title }}</h1>
 
-    <div class="grid grid-cols-1 gap-y-4 gap-x-8 justify-items-center items-center mb-5 lg:grid-cols-2">
+    <div class="grid grid-cols-1 gap-y-4 gap-x-8 items-center mb-5 lg:grid-cols-2">
         {% set image = resize_image(path=page.assets | first, width=600, height=600, op="fill") %}
         <img src="{{ image.url }}"
-             class="object-cover rounded drop-shadow-xl h-full" />
+             class="object-cover rounded drop-shadow-xl justify-self-center" />
 
         <div class="divide-y">
             {{ page.content | safe }}
diff --git a/templates/base.html b/templates/base.html
index 087efd5..9168f1d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -64,8 +64,8 @@
             {% block content %}{% endblock %}
         </main>
 
-        <footer class="pt-6 pb-3 mt-auto sm:mx-2">
-            <nav class="flex flex-col gap-y-3 justify-around py-2 text-center bg-gray-200 sm:flex-row sm:rounded-full">
+        <footer class="mt-6 sm:mb-3 mt-auto sm:mx-2">
+            <nav class="flex flex-col gap-y-3 justify-around py-5 sm:py-2 text-center bg-gray-200 sm:flex-row sm:rounded-full">
                 {% for footer_item in config.extra.footer_items %}
                     <a class="text-base no-underline" href="{{ footer_item.url | safe }}">{{ footer_item.name }}</a>
                 {% endfor %}
diff --git a/templates/macros.html b/templates/macros.html
index 12790ba..d7897ec 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -1,4 +1,4 @@
 {% macro btn(link, text) %}
-    <a class="py-1 px-1 my-1.5 mx-3 w-full max-w-screen-md text-center text-white no-underline bg-green-700 rounded transition duration-500 hover:scale-105"
+    <a class="py-1.5 px-1 my-1.5 mx-3 w-full max-w-screen-md text-center text-white no-underline bg-green-700 rounded transition duration-500 hover:scale-105"
        href="{{ link | safe }}">{{ text }}</a>
 {% endmacro %}
diff --git a/templates/macros/offers.html b/templates/macros/offers.html
deleted file mode 100644
index f2882f9..0000000
--- a/templates/macros/offers.html
+++ /dev/null
@@ -1,41 +0,0 @@
-{% macro offer(image_filename, name, description) %}
-    <div class="pt-3 pb-5 row">
-        <div class="flex-wrap col d-flex align-content-center"
-             style="min-width: 300px">
-            {% set dir = page.path | trim_start_matches(pat="/") %}
-            {% set image_path = dir ~ image_filename %}
-            {% set image = resize_image(path=image_path, width=400, height=400, op="fill") %}
-
-            <img src="{{ image.url }}"
-                 class="mx-auto rounded shadow d-block img-fluid"/>
-        </div>
-        <div class="flex-wrap mt-3 col d-flex align-content-center ms-5 me-5"
-             style="min-width: 300px">
-            <div>
-                <h3>{{ name }}</h3>
-                <p>{{ description | safe }}</p>
-            </div>
-        </div>
-    </div>
-{% endmacro %}
-
-{% macro prices_table(caption, names, prices) %}
-    <div class="pb-5 text-center">
-        <h3 class="h3">{{ caption }}</h3>
-
-        <div class="d-inline-flex">
-            <table class="table">
-                <tbody>
-                    {% for name in names %}
-                        <tr>
-                            <th class="pe-3" scope="row">{{ name }}</th>
-                            <td class="ps-3">{{ prices | nth(n=loop.index0) }}</td>
-                        </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
-        </div>
-    </div>
-
-    <hr>
-{% endmacro %}
diff --git a/templates/offers.html b/templates/offers.html
index b813736..06f43da 100644
--- a/templates/offers.html
+++ b/templates/offers.html
@@ -1,17 +1,53 @@
 {% extends "base.html" %}
 
-{% import "macros/offers.html" as offers_macros %}
+{% import "macros.html" as macros %}
+
+{% macro offer(image_filename, name, description) %}
+    <div class="my-16 grid grid-cols-1 gap-y-4 gap-x-8 items-center mb-5 md:grid-cols-2">
+        {% set dir = page.path | trim_start_matches(pat="/") %}
+        {% set image_path = dir ~ image_filename %}
+        {% set image = resize_image(path=image_path, width=400, height=400, op="fill") %}
+        <img src="{{ image.url }}"
+             class="object-cover rounded drop-shadow-xl justify-self-center" />
+
+        <div>
+            <h3>{{ name }}</h3>
+            <p>{{ description | safe }}</p>
+        </div>
+    </div>
+{% endmacro %}
+
+{% macro prices_table(caption, names, prices) %}
+    <div class="py-5 text-center">
+        <h3>{{ caption }}</h3>
+
+        <div class="flex justify-center text-center">
+            <table>
+                <tbody class="divide-y">
+                    {% for name in names %}
+                        <tr>
+                            <th class="p-1.5">{{ name }}</th>
+                            <td class="p-1.5">{{ prices | nth(n=loop.index0) }}</td>
+                        </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    <hr>
+{% endmacro %}
 
 {% block content %}
-    <h1 class="text-center h1">Massagen</h1>
+    <h1 class="text-center">Massagen</h1>
 
-    {{ offers_macros::offer(image_filename="Rücken-_und_Nackenmassage.jpg",
+    {{ self::offer(image_filename="Rücken-_und_Nackenmassage.jpg",
         name="Rücken- und Nackenmassage mit Öl",
         description="Dieser zentrale Bereich des Körpers ist täglich vielen Belastungen ausgesetzt.
         <br>
         Eine Rücken- und Nackenmassage kann aufbauend wirken und die Regeneration fördern. Unsere Kunden schätzen diese Massage und kommen gerne wieder.") }}
 
-    {{ offers_macros::offer(image_filename="Ying-Yang-Massage.jpg",
+    {{ self::offer(image_filename="Ying-Yang-Massage.jpg",
         name="Ying-Yang-Massage",
         description="Eine tiefe Form der Ganzkörpermassage, die zur Entspannung dient. Das Massieren mit feinen Ölen, kombiniert mit Handgriffen der traditionellen Thaimassage am ganzen Körper, bewirkt eine tiefe körperliche und seelische Entspannung.
         <br>
@@ -19,28 +55,28 @@
         <br>
         Eine Wohltat nach einem anstrengenden Tag.") }}
 
-    {{ offers_macros::offer(image_filename="Traditionelle_Thai-Massage.jpg",
+    {{ self::offer(image_filename="Traditionelle_Thai-Massage.jpg",
         name="Traditionelle Thai-Massage",
         description="Die Wirkung dieser Massageform ist tiefgreifender als bei einer herkömmlichen Massage. Durch Daumendruck, Reib- und Streichbewegungen sowie leichtem Klopfen wird die Blutzirkulation gefördert und gleichzeitig der komplette Energiefluss im Körper reguliert und regeneriert. Punktueller Druck und Dehnungen mit den Händen, Ellbogen und Füßen führen zu einer entspannenden Wirkung.") }}
 
 
-    {{ offers_macros::offer(image_filename="Antistress-Massage.jpg",
+    {{ self::offer(image_filename="Antistress-Massage.jpg",
         name="Antistress Massage mit Aroma-Öl",
         description="Eine “sanfte” Form der Ganzkörpermassage, die zur Entspannung dient. Das Massieren mit feinen Ölen, kombiniert mit einer Druckpunktmassage der Energielinien am ganzen Körper, bewirkt eine tiefe körperliche und seelische Entspannung.") }}
 
 
-    {{ offers_macros::offer(image_filename="Fußmassage.jpg",
+    {{ self::offer(image_filename="Fußmassage.jpg",
         name="Fußmassage",
         description="Eine Fußmassage kann eine wirkliche tiefgreifende Erfahrung sein. Sie werden merken, wie sehr sich Ihre Füße eine Massage verdient haben. Die Fußsohle wird als der Spiegel der Gesundheit des gesamten Körpers angesehen.") }}
 
-    {{ offers_macros::prices_table(caption="Massage-Preise",
-        names=["30 Minuten", "60 Minuten", "90 Minuten", "120 Minuten"],
-        prices=["27€", "47€", "67€", "82€"]) }}
+    {{ self::prices_table(caption="Massage-Preise",
+        names=["30 Minuten", "45 Minuten", "60 Minuten", "75 Minuten", "90 Minuten", "100 Minuten", "120 Minuten"],
+        prices=["35€", "47€", "57€", "67€", "77€", "82€", "97€"]) }}
 
 
-    <h1 class="text-center h1">Spezielle Massagen</h1>
+    <h1 class="text-center">Spezielle Massagen</h1>
 
-    {{ offers_macros::offer(image_filename="Bambus-Massage.jpeg",
+    {{ self::offer(image_filename="Bambus-Massage.jpeg",
         name="Bambus-Massage",
         description="Löst auch tiefe Verspannungen!
         <br>
@@ -48,32 +84,31 @@
         <br>
         Durch verschiedene Techniken wie Rollen, Kneten, Hebeln und Klopfen lösen sich auch tiefer liegende Verspannungen auf eine wohltuende Art. Somit ergibt sich eine positive Wirkung auf Muskulatur und Faszien. Diese Massage befreit von alltäglichem Stress und vermittelt ein Gefühl von Leichtigkeit.") }}
 
-    {{ offers_macros::prices_table(caption="Bambus-Massage-Preise",
+    {{ self::prices_table(caption="Bambus-Massage-Preise",
         names=["60 Minuten", "90 Minuten"],
-        prices=["57€", "77€"]) }}
+        prices=["67€", "87€"]) }}
 
 
-    <h1 class="text-center h1">Fußpflege</h1>
+    <h1 class="text-center">Fußpflege</h1>
 
-    {{ offers_macros::offer(image_filename="Medizinische_Fußpflege.jpg",
+    {{ self::offer(image_filename="Medizinische_Fußpflege.jpg",
         name="Medizinische Fußpflege",
-        description="Inkl. Fuß-Desinfektion, Nägel schneiden & bearbeiten, Hühneraugen-, Hornhaut- und Schwielenentfernung, Eincremen ab 27€") }}
+        description="Inkl. Fuß-Desinfektion, Nägel schneiden & bearbeiten, Hühneraugen-, Hornhaut- und Schwielenentfernung, Eincremen ab 33€") }}
 
 
-    {{ offers_macros::offer(image_filename="Wellness_Fußpflege.jpg",
-        name="Wellness Fußpflege",
-        description="Fußbad mit Kräuter, med. Pflege, Peeling, leichte Massage ab 45€") }}
+    {{ self::offer(image_filename="Wellness_Fußpflege.jpg",
+        name="Wellness-Fußpflege",
+        description="Fußbad mit Kräuter, med. Pflege, Peeling, leichte Massage ab 57€") }}
 
-    {{ offers_macros::prices_table(caption="Zusätzliche Fußpflege-Angebote",
+    {{ self::prices_table(caption="Zusätzliche Fußpflege-Angebote",
         names=["Fußnägel lackieren", "Maniküre"],
-        prices=["10€", "20€"]) }}
+        prices=["12€", "27€"]) }}
 
-    <div class="pt-2 pb-3 mx-auto d-grid col-5">
-        <a href="{{ get_url(path='@/termin/index.md') | safe }}"
-           class="shadow btn btn-success grow-on-hover">Terminvereinbarung</a>
+    <div class="flex justify-center">
+        {{ macros::btn(link=get_url(path='@/termin/index.md') , text="Terminvereinbarung") }}
     </div>
 
-    <h4 class="p-3 text-center" style="color: red;">
+    <div class="my-6 text-center text-red-500 font-bold text-xl">
         Wichtig: Jegliche Nachfrage nach Erotik ist unerwünscht und respektlos!
-    </h4>
+    </div>
 {% endblock %}