From 70af6d9ccdf4221d892d781ee282520b1cccb228 Mon Sep 17 00:00:00 2001 From: NotPika69 <86320278+NotPika69@users.noreply.github.com> Date: Thu, 1 Oct 2026 23:57:08 +0200 Subject: [PATCH] =?UTF-8?q?Gr=C3=BCnt=C3=B6ne=20zur=C3=BCckgenommen:=20wie?= =?UTF-8?q?der=20Creme-Fl=C3=A4chen=20und=20einfarbige=20S=C3=A4ulen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- assets/site.css | 59 ++++++++---------------------- ernaehrung.html | 14 ++++---- hundeschule.html | 26 +++++++------- impressum.html | 2 +- index.html | 30 ++++++++-------- shop.html | 10 +++--- tools/build_pages.py | 85 ++++++++++++++++++++++++-------------------- transportboxen.html | 10 +++--- 8 files changed, 108 insertions(+), 128 deletions(-) diff --git a/assets/site.css b/assets/site.css index 7104e89..e487306 100644 --- a/assets/site.css +++ b/assets/site.css @@ -270,19 +270,8 @@ svg { flex: none; } .panel--auto { min-height: 0; } .panel--mid { min-height: min(62svh, 620px); } .panel--center { justify-content: center; } -.panel--ink { background: var(--tone, var(--ink)); color: var(--bg); } -.panel--sage { background: var(--tone, var(--sage)); } - -/* Grüntöne – jede Fläche bekommt einen eigenen (1–5 dunkel mit heller Schrift, 7–9 hell mit dunkler Schrift) */ -.tone-1 { --tone: #194242; } /* Petrol (Logo) */ -.tone-2 { --tone: #1d4a3d; } /* Tannengrün */ -.tone-3 { --tone: #234f4a; } /* Tiefes Teal */ -.tone-4 { --tone: #2f5a45; } /* Moos */ -.tone-5 { --tone: #3f6a4c; } /* Waldgrün */ -.tone-6 { --tone: #4a7553; } /* Blattgrün */ -.tone-7 { --tone: #bcd69a; } /* Lindgrün */ -.tone-8 { --tone: #d0e6a5; } /* Salbei */ -.tone-9 { --tone: #e5efd1; } /* Helles Salbei */ +.panel--ink { background: var(--ink); color: var(--bg); } +.panel--sage { background: var(--sage); } .panel--cream { background: var(--surface); } .panel--plain { background: transparent; } @@ -368,39 +357,20 @@ a.panel:hover .panel-arrow svg { transform: rotate(-45deg); } } .statement-by { display: block; text-align: center; margin-top: 28px; font-size: 1.15rem; opacity: .7; } -/* 5 Säulen: eine Fläche, jede Zeile in leicht anderem Grünton */ -.pillars { - list-style: none; padding: 0; margin: 0; - border-radius: var(--radius); - overflow: hidden; -} -.pillar { - display: flex; align-items: center; gap: clamp(18px, 3vw, 48px); - background: var(--tone); - color: var(--bg); - padding: clamp(22px, 2.6vw, 36px) clamp(26px, 4.2vw, 72px); - transition: padding .5s var(--ease); -} -.pillar--head { display: block; padding-block: clamp(40px, 5vw, 72px) clamp(32px, 4vw, 56px); } -.pillar--head .kicker { color: var(--sage); opacity: 1; } -.pillar small { flex: none; width: 2.4em; font-size: 1rem; letter-spacing: .1em; opacity: .7; } -.pillar strong { - font-weight: 400; - font-size: clamp(2.4rem, 5.6vw, 5.6rem); +/* 5 Säulen als große Wörter */ +.words { list-style: none; padding: 0; margin: 10px 0 0; } +.words li { + display: flex; align-items: baseline; gap: clamp(16px, 2vw, 32px); + padding: clamp(10px, 1.4vw, 18px) 0; + border-bottom: 1px solid rgba(255, 255, 255, .12); + font-size: clamp(2.4rem, 6vw, 6rem); line-height: 1; letter-spacing: -.03em; + transition: color .3s var(--ease), padding .4s var(--ease); } -.pillar span:not(.kicker) { - margin-left: auto; - max-width: 30ch; - text-align: right; - font-size: clamp(1.1rem, 1.5vw, 1.4rem); - line-height: 1.35; - opacity: .82; -} -@media (hover: hover) { - .pillar:not(.pillar--head):hover { padding-left: clamp(40px, 5.5vw, 96px); } -} +.words li:hover { color: var(--sage); padding-left: 12px; } +.words small { font-size: 1rem; letter-spacing: .1em; color: var(--sage); width: 2.2em; flex: none; } +.words span { font-size: clamp(1.05rem, 1.4vw, 1.3rem); letter-spacing: 0; color: color-mix(in srgb, var(--bg) 70%, transparent); margin-left: auto; text-align: right; max-width: 26ch; line-height: 1.35; } /* Schritte */ .steps { list-style: none; padding: 0; margin: 40px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap); } @@ -507,8 +477,7 @@ a.panel:hover .panel-arrow svg { transform: rotate(-45deg); } .panel--photo { min-height: 64svh; } .panel--photo.tall { min-height: 80svh; } .plate-panel { min-height: 0; padding-block: 56px; } - .pillar { flex-wrap: wrap; row-gap: 8px; } - .pillar span:not(.kicker) { margin-left: 0; text-align: left; width: 100%; } + .words span { display: none; } } @media (max-width: 767px) { body { font-size: 18px; } diff --git a/ernaehrung.html b/ernaehrung.html index add7971..81e9f63 100644 --- a/ernaehrung.html +++ b/ernaehrung.html @@ -35,16 +35,16 @@
-
+
Kennst du das?

Jeder sagt
etwas anderes.

Ich bringe Klarheit in die Futter-Frage – und erstelle einen Plan, der zu deinem Hund passt.

BARFTeil-BARFKoch-BARFNassfutterTrockenfutter
-
Teller mit frischem Fleisch, Gemüse und Obst
+
Teller mit frischem Fleisch, Gemüse und Obst
-
+
Ablauf

So starten wir.

    @@ -56,17 +56,17 @@
-
+
Rationsprüfung

Passt das
Futter?

kostenlos
-
+
Erstgespräch

Kennen­lernen

ab 45 €ca. 60 Minuten
-
+
Futterplan

Dein
Plan

ab 75 €inkl. Folgegespräch nach 4 Wochen
@@ -74,7 +74,7 @@
-
+
Kontakt

Lass uns
sprechen.

diff --git a/hundeschule.html b/hundeschule.html index 292073e..bbfa12c 100644 --- a/hundeschule.html +++ b/hundeschule.html @@ -35,7 +35,7 @@
-
+
Einzeltraining & Hausbesuch

Individuell.
Bei dir zu Hause.

Für Grundgehorsam, Unsicherheit, Leinenführigkeit oder einen neuen Hund im Haus.

@@ -46,7 +46,7 @@
Schwarzer Schäferhund rennt über einen Feldweg
-
+
Gruppe & Außentraining

Training da, wo
das Leben ist.

In der Stadt, im Grünen, in Geschäften – mit max. 6 Mensch-Hund-Teams.

@@ -54,16 +54,18 @@
-
    -
  • Meine Philosophie

    Die 5 Säulen.

    • -
  • 01RespektHunde wollen ernst genommen werden.
    • -
  • 02EhrlichkeitHunde lesen unsere Körpersprache sofort.
    • -
  • 03GeduldLernen braucht Zeit und Wiederholung.
    • -
  • 04KonsequenzKlare Regeln, ganz ohne Gewalt.
    • -
  • 05VerständnisRealistische Erwartungen an jeden Hund.
    • -
+
+ Die 5 Säulen +
    +
  • 01RespektHunde wollen ernst genommen werden.
    • +
  • 02EhrlichkeitHunde lesen unsere Körpersprache sofort.
    • +
  • 03GeduldLernen braucht Zeit und Wiederholung.
    • +
  • 04KonsequenzKlare Regeln, ganz ohne Gewalt.
    • +
  • 05VerständnisRealistische Erwartungen an jeden Hund.
    • +
+
-
+
Preise

Fair und klar.

@@ -75,7 +77,7 @@
-
+
Kontakt

Lass uns
sprechen.

diff --git a/impressum.html b/impressum.html index 0bd3456..bf628a9 100644 --- a/impressum.html +++ b/impressum.html @@ -27,7 +27,7 @@
-
+
Rechtliches

Impressum

diff --git a/index.html b/index.html index 52177bf..8591a50 100644 --- a/index.html +++ b/index.html @@ -64,7 +64,7 @@
-
+
Über mich

Hallo,
ich bin Katha.

Hundetrainerin und Ernährungsberaterin – mit Herz und Verstand. Für beide Seiten der Leine.

@@ -90,9 +90,9 @@
-
Teller mit frischem Fleisch, Gemüse und Obst für die Rohfütterung
- - +
Teller mit frischem Fleisch, Gemüse und Obst für die Rohfütterung
+ + Ernährungsberatung

Gesund
gefüttert.

Individuelle Futterpläne – für jedes Alter, auch bei Magen-Darm- oder Pankreas-Problemen.

@@ -100,19 +100,21 @@
-
+

„Futter ist mehr als nur Nahrung – es ist Fürsorge in Napfform.“

— Katha
-
    -
  • Meine Philosophie

    Die 5 Säulen für Mensch und Hund.

    • -
  • 01RespektDen Hund als eigenständiges Wesen ernst nehmen.
    • -
  • 02EhrlichkeitKlare Signale schaffen Vertrauen.
    • -
  • 03GeduldJeder Hund lernt in seinem Tempo.
    • -
  • 04KonsequenzKlare Regeln – fair und ohne Druck.
    • -
  • 05VerständnisBedürfnisse und Gefühle verstehen.
    • -
+
+ Meine Philosophie · die 5 Säulen +
    +
  • 01RespektDen Hund als eigenständiges Wesen ernst nehmen.
    • +
  • 02EhrlichkeitKlare Signale schaffen Vertrauen.
    • +
  • 03GeduldJeder Hund lernt in seinem Tempo.
    • +
  • 04KonsequenzKlare Regeln – fair und ohne Druck.
    • +
  • 05VerständnisBedürfnisse und Gefühle verstehen.
    • +
+
@@ -130,7 +132,7 @@
-
+
Kontakt

Lass uns
sprechen.

diff --git a/shop.html b/shop.html index 1db389f..fcdcb13 100644 --- a/shop.html +++ b/shop.html @@ -35,17 +35,17 @@
-

Futter

Passend zu deinem Futterplan.

-

Snacks

Natürlich – fürs Training und zum Belohnen.

-

Zubehör

Robust und durchdacht für den Alltag.

+

Futter

Passend zu deinem Futterplan.

+

Snacks

Natürlich – fürs Training und zum Belohnen.

+

Zubehör

Robust und durchdacht für den Alltag.

-
+

Der Online-Shop ist bald da.
Bis dahin: schreib mir einfach.

-
+
Kontakt

Lass uns
sprechen.

diff --git a/tools/build_pages.py b/tools/build_pages.py index 4a8c16b..dd9241b 100644 --- a/tools/build_pages.py +++ b/tools/build_pages.py @@ -69,7 +69,7 @@ def header(current=None): def contact(photo=KK[46], alt="Schwarze Schäferhündin steht aufmerksam im Wald"): go = f'{I["arrow"]}' return f'''
-
+
Kontakt

Lass uns
sprechen.

@@ -116,19 +116,6 @@ def page_hero(img, kicker, title, text, alt): def page(name, title, desc, current, body): write(name, head(title, desc) + "\n" + header(current) + '
\n' + body + footer()) - -PILLAR_TONES = [(2, ""), (3, ""), (4, ""), (5, ""), (6, "")] - -def pillars(title, items): - rows = "\n".join( - f'
  • 0{i + 1}{word}{text}
    • ' - for i, ((t, dark), (word, text)) in enumerate(zip(PILLAR_TONES, items))) - return f'''
      -
    • Meine Philosophie

      {title}

      • -{rows} -
    -''' - def write(name, html): open(os.path.join(OUT, name), "w").write(html) @@ -162,7 +149,7 @@ index = head("Schmacko Napf & Hundetraining by Katha", "Hundetraining, Ernährun
    -
    +
    Über mich

    Hallo,
    ich bin Katha.

    Hundetrainerin und Ernährungsberaterin – mit Herz und Verstand. Für beide Seiten der Leine.

    @@ -188,9 +175,9 @@ index = head("Schmacko Napf & Hundetraining by Katha", "Hundetraining, Ernährun
    -
    Teller mit frischem Fleisch, Gemüse und Obst für die Rohfütterung
    - - {I["arrow"]} +
    Teller mit frischem Fleisch, Gemüse und Obst für die Rohfütterung
    +     + {I["arrow"]} Ernährungsberatung

    Gesund
    gefüttert.

    Individuelle Futterpläne – für jedes Alter, auch bei Magen-Darm- oder Pankreas-Problemen.

    @@ -198,12 +185,22 @@ index = head("Schmacko Napf & Hundetraining by Katha", "Hundetraining, Ernährun
    -
    +

    „Futter ist mehr als nur Nahrung – es ist Fürsorge in Napfform.“

    — Katha
    -{pillars('Die 5 Säulen für Mensch und Hund.', [('Respekt', 'Den Hund als eigenständiges Wesen ernst nehmen.'), ('Ehrlichkeit', 'Klare Signale schaffen Vertrauen.'), ('Geduld', 'Jeder Hund lernt in seinem Tempo.'), ('Konsequenz', 'Klare Regeln – fair und ohne Druck.'), ('Verständnis', 'Bedürfnisse und Gefühle verstehen.')])} +
    + Meine Philosophie · die 5 Säulen +
      +
    • 01RespektDen Hund als eigenständiges Wesen ernst nehmen.
      • +
    • 02EhrlichkeitKlare Signale schaffen Vertrauen.
      • +
    • 03GeduldJeder Hund lernt in seinem Tempo.
      • +
    • 04KonsequenzKlare Regeln – fair und ohne Druck.
      • +
    • 05VerständnisBedürfnisse und Gefühle verstehen.
      • +
    +
    +
    Hund in einem Laden mit Hundezubehör @@ -230,7 +227,7 @@ page("hundeschule.html", "Hundetraining – Schmacko Napf", "Vertrauen, klare Kommunikation und Training, das im Alltag funktioniert.", "Katha mit ihrem Hund auf einer Wiese im Abendlicht") + f'''
    -
    +
    Einzeltraining & Hausbesuch

    Individuell.
    Bei dir zu Hause.

    Für Grundgehorsam, Unsicherheit, Leinenführigkeit oder einen neuen Hund im Haus.

    @@ -241,7 +238,7 @@ page("hundeschule.html", "Hundetraining – Schmacko Napf",
    Schwarzer Schäferhund rennt über einen Feldweg
    -
    +
    Gruppe & Außentraining

    Training da, wo
    das Leben ist.

    In der Stadt, im Grünen, in Geschäften – mit max. 6 Mensch-Hund-Teams.

    @@ -249,8 +246,18 @@ page("hundeschule.html", "Hundetraining – Schmacko Napf",
    -{pillars('Die 5 Säulen.', [('Respekt', 'Hunde wollen ernst genommen werden.'), ('Ehrlichkeit', 'Hunde lesen unsere Körpersprache sofort.'), ('Geduld', 'Lernen braucht Zeit und Wiederholung.'), ('Konsequenz', 'Klare Regeln, ganz ohne Gewalt.'), ('Verständnis', 'Realistische Erwartungen an jeden Hund.')])} -
    +
    + Die 5 Säulen +
      +
    • 01RespektHunde wollen ernst genommen werden.
      • +
    • 02EhrlichkeitHunde lesen unsere Körpersprache sofort.
      • +
    • 03GeduldLernen braucht Zeit und Wiederholung.
      • +
    • 04KonsequenzKlare Regeln, ganz ohne Gewalt.
      • +
    • 05VerständnisRealistische Erwartungen an jeden Hund.
      • +
    +
    + +
    Preise

    Fair und klar.

    @@ -271,16 +278,16 @@ page("ernaehrung.html", "Ernährungsberatung – Schmacko Napf", "Individuelle Futterpläne – gesund, sensibel oder mit Diagnose.", "Hund schnuppert an einem Napf mit Trockenfutter") + f'''
    -
    +
    Kennst du das?

    Jeder sagt
    etwas anderes.

    Ich bringe Klarheit in die Futter-Frage – und erstelle einen Plan, der zu deinem Hund passt.

    BARFTeil-BARFKoch-BARFNassfutterTrockenfutter
    -
    Teller mit frischem Fleisch, Gemüse und Obst
    +
    Teller mit frischem Fleisch, Gemüse und Obst
    -
    +
    Ablauf

    So starten wir.

      @@ -292,17 +299,17 @@ page("ernaehrung.html", "Ernährungsberatung – Schmacko Napf",
    -
    +
    Rationsprüfung

    Passt das
    Futter?

    kostenlos
    -
    +
    Erstgespräch

    Kennen­lernen

    ab 45 €ca. 60 Minuten
    -
    +
    Futterplan

    Dein
    Plan

    ab 75 €inkl. Folgegespräch nach 4 Wochen
    @@ -317,12 +324,12 @@ page("shop.html", "Shop – Schmacko Napf", "Ausgewähltes Futter, Snacks und Zu "Futter, Snacks und Zubehör, hinter denen ich stehe.", "Hund in einem Laden mit Hundezubehör") + f'''
    -
    {I["bowl"]}

    Futter

    Passend zu deinem Futterplan.

    -
    {I["bone"]}

    Snacks

    Natürlich – fürs Training und zum Belohnen.

    -
    {I["leash"]}

    Zubehör

    Robust und durchdacht für den Alltag.

    +
    {I["bowl"]}

    Futter

    Passend zu deinem Futterplan.

    +
    {I["bone"]}

    Snacks

    Natürlich – fürs Training und zum Belohnen.

    +
    {I["leash"]}

    Zubehör

    Robust und durchdacht für den Alltag.

    -
    +

    Der Online-Shop ist bald da.
    Bis dahin: schreib mir einfach.

    @@ -335,12 +342,12 @@ page("transportboxen.html", "Transportboxen nach Maß – Schmacko Napf", "Passgenau für dein Fahrzeug und deinen Hund.", "Hund sitzt im offenen Kofferraum hinter einem Trenngitter") + f'''
    -
    {I["car"]}

    Passgenau

    Exakt für deinen Kofferraum gebaut.

    -
    {I["shield"]}

    Sicher

    Stabil – für jede Fahrt.

    -
    {I["wind"]}

    Bequem

    Luftig und mit genug Platz.

    +
    {I["car"]}

    Passgenau

    Exakt für deinen Kofferraum gebaut.

    +
    {I["shield"]}

    Sicher

    Stabil – für jede Fahrt.

    +
    {I["wind"]}

    Bequem

    Luftig und mit genug Platz.

    -
    +
    Ablauf

    In 4 Schritten zur eigenen Box.

      @@ -354,7 +361,7 @@ page("transportboxen.html", "Transportboxen nach Maß – Schmacko Napf", {contact()}''') # ================================================================ Impressum -page("impressum.html", "Impressum – Schmacko Napf", "Impressum von Schmacko Napf & Hundetraining by Katha.", None, f'''
      +page("impressum.html", "Impressum – Schmacko Napf", "Impressum von Schmacko Napf & Hundetraining by Katha.", None, f'''
      Rechtliches

      Impressum

      diff --git a/transportboxen.html b/transportboxen.html index 9b52086..2a557ca 100644 --- a/transportboxen.html +++ b/transportboxen.html @@ -35,12 +35,12 @@
      -

      Passgenau

      Exakt für deinen Kofferraum gebaut.

      -

      Sicher

      Stabil – für jede Fahrt.

      -

      Bequem

      Luftig und mit genug Platz.

      +

      Passgenau

      Exakt für deinen Kofferraum gebaut.

      +

      Sicher

      Stabil – für jede Fahrt.

      +

      Bequem

      Luftig und mit genug Platz.

      -
      +
      Ablauf

      In 4 Schritten zur eigenen Box.

        @@ -52,7 +52,7 @@
      -
      +
      Kontakt

      Lass uns
      sprechen.