matthias/Dev-Landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update contact email and improve code formatting across multiple pages

Browse Source 
- Change contact email from hallo@matthias-meister.com to support@matthias-meister-webdesign.de in the contact section, Datenschutz, and Impressum pages.
- Enhance code readability by adjusting formatting and indentation in the main and section elements.
- Ensure consistent styling and structure across the affected components.
This commit is contained in:
Matthias Meister
2026-05-07 10:40:59 +02:00
parent e039fdf555
commit 8a4ec60655
3 changed files with 76 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/landing/contact-section.tsx
View File

@@ -18,7 +18,7 @@ const ContactSection = () => {
Sie tun, und wann soll sie online sein? Sie tun, und wann soll sie online sein?
</p> </p>
<a <a
href="mailto:hallo@matthias-meister.com" href="mailto:support@matthias-meister-webdesign.de"
className="mt-10 inline-flex items-center gap-3 bg-primary px-6 py-5 text-sm font-black uppercase tracking-[0.18em] text-primary-foreground transition hover:bg-foreground hover:text-background" className="mt-10 inline-flex items-center gap-3 bg-primary px-6 py-5 text-sm font-black uppercase tracking-[0.18em] text-primary-foreground transition hover:bg-foreground hover:text-background"
> >
<CornerDownRight className="size-5" /> <CornerDownRight className="size-5" />
@@ -28,7 +28,7 @@ const ContactSection = () => {
<div className="flex flex-col justify-end gap-6 bg-primary px-5 py-10 text-primary-foreground sm:px-8 lg:px-10"> <div className="flex flex-col justify-end gap-6 bg-primary px-5 py-10 text-primary-foreground sm:px-8 lg:px-10">
<div className="flex gap-3"> <div className="flex gap-3">
<Mail className="size-5" /> <Mail className="size-5" />
<span>hallo@matthias-meister.com</span> <span>support@matthias-meister-webdesign.de</span>
</div> </div>
<div className="flex gap-3"> <div className="flex gap-3">
<Phone className="size-5" /> <Phone className="size-5" />

65
src/pages/datenschutz.astro
View File

@@ -16,7 +16,9 @@ import "@/styles/global.css";
defer></script> defer></script>
</head> </head>
<body> <body>
<main class="min-h-screen bg-background px-5 py-8 text-foreground sm:px-8 lg:px-12"> <main
class="min-h-screen bg-background px-5 py-8 text-foreground sm:px-8 lg:px-12"
>
<a <a
href="/" href="/"
class="text-sm font-semibold uppercase tracking-[0.24em] text-muted-foreground transition hover:text-foreground" class="text-sm font-semibold uppercase tracking-[0.24em] text-muted-foreground transition hover:text-foreground"
@@ -24,19 +26,25 @@ import "@/styles/global.css";
Matthias Meister Matthias Meister
</a> </a>
<section class="mx-auto grid max-w-5xl gap-12 py-16 lg:grid-cols-[0.42fr_0.58fr] lg:py-24"> <section
<div> class="mx-auto grid max-w-5xl gap-12 py-16 lg:grid-cols-[0.42fr_0.58fr] lg:py-24"
>
<div class="lg:sticky lg:top-8 lg:self-start">
<p class="text-sm uppercase tracking-[0.3em] text-primary"> <p class="text-sm uppercase tracking-[0.3em] text-primary">
Datenschutz Datenschutz
</p> </p>
<h1 class="mt-6 max-w-[9ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl"> <h1
class="mt-6 max-w-[9ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl"
>
Ihre Daten Ihre Daten
</h1> </h1>
</div> </div>
<div class="space-y-10 text-lg leading-8 text-foreground/85"> <div class="space-y-10 text-lg leading-8 text-foreground/85">
<section> <section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary"> <h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Verantwortlicher Verantwortlicher
</h2> </h2>
<div class="mt-4 space-y-1 text-muted-foreground"> <div class="mt-4 space-y-1 text-muted-foreground">
@@ -48,27 +56,31 @@ import "@/styles/global.css";
E-Mail: E-Mail:
<a <a
class="underline underline-offset-4 transition hover:text-foreground" class="underline underline-offset-4 transition hover:text-foreground"
href="mailto:hallo@matthias-meister.com" href="mailto:support@matthias-meister-webdesign.de"
> >
hallo@matthias-meister.com support@matthias-meister-webdesign.de
</a> </a>
</p> </p>
</div> </div>
</section> </section>
<section> <section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary"> <h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Keine Cookies Keine Cookies
</h2> </h2>
<p class="mt-4 text-muted-foreground"> <p class="mt-4 text-muted-foreground">
Diese Website setzt keine Cookies. Es gibt keine Nutzerkonten, Diese Website setzt keine Cookies. Es gibt keine Nutzerkonten,
keinen Newsletter, keine Zahlungsabwicklung und keine eingebetteten keinen Newsletter, keine Zahlungsabwicklung und keine
Drittanbieter-Medien. eingebetteten Drittanbieter-Medien.
</p> </p>
</section> </section>
<section> <section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary"> <h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Kontakt per E-Mail Kontakt per E-Mail
</h2> </h2>
<p class="mt-4 text-muted-foreground"> <p class="mt-4 text-muted-foreground">
@@ -80,27 +92,31 @@ import "@/styles/global.css";
</section> </section>
<section> <section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary"> <h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Reichweitenmessung mit Rybbit Reichweitenmessung mit Rybbit
</h2> </h2>
<p class="mt-4 text-muted-foreground"> <p class="mt-4 text-muted-foreground">
Diese Website nutzt Rybbit Analytics über Diese Website nutzt Rybbit Analytics, um anonymisierte und
https://rybbit.matthias.lol/api/script.js, um anonymisierte und
aggregierte Statistiken zur Nutzung der Website zu erhalten. aggregierte Statistiken zur Nutzung der Website zu erhalten.
Rybbit arbeitet cookielos und verwendet nach Anbieterangaben keine Rybbit verwendet keine Cookies oder local storage für das
Cookies oder local storage für das Tracking. Tracking.
</p> </p>
<p class="mt-4 text-muted-foreground"> <p class="mt-4 text-muted-foreground">
Dabei können technische Besuchsdaten wie aufgerufene Seiten, Dabei können technische Besuchsdaten wie aufgerufene Seiten,
Referrer, Browser- und Geräteinformationen sowie aus der Referrer, Browser- und Geräteinformationen sowie aus der
IP-Adresse abgeleitete ungefähre Standortdaten verarbeitet werden. IP-Adresse abgeleitete ungefähre Standortdaten verarbeitet werden.
Die IP-Adresse wird dabei nur vorübergehend zur Verarbeitung Die IP-Adresse wird dabei nur vorübergehend zur Verarbeitung
genutzt und nicht als Klartext in der Analysedatenbank gespeichert. genutzt und nicht als Klartext in der Analysedatenbank
gespeichert.
</p> </p>
</section> </section>
<section> <section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary"> <h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Ihre Rechte Ihre Rechte
</h2> </h2>
<p class="mt-4 text-muted-foreground"> <p class="mt-4 text-muted-foreground">
@@ -113,15 +129,20 @@ import "@/styles/global.css";
</section> </section>
<p class="border-t border-border pt-8 text-sm text-muted-foreground"> <p class="border-t border-border pt-8 text-sm text-muted-foreground">
Hinweis: Dieser Text beschreibt die technische Umsetzung dieser Hinweis: Dieser Text wird fortlaufend aktualisiert.
Website und ersetzt keine anwaltliche Prüfung.
</p> </p>
<nav class="flex flex-wrap gap-5 text-sm text-muted-foreground"> <nav class="flex flex-wrap gap-5 text-sm text-muted-foreground">
<a class="underline underline-offset-4 transition hover:text-foreground" href="/"> <a
class="underline underline-offset-4 transition hover:text-foreground"
href="/"
>
Startseite Startseite
</a> </a>
<a class="underline underline-offset-4 transition hover:text-foreground" href="/impressum"> <a
class="underline underline-offset-4 transition hover:text-foreground"
href="/impressum"
>
Impressum Impressum
</a> </a>
</nav> </nav>

42
src/pages/impressum.astro
View File

@@ -16,7 +16,9 @@ import "@/styles/global.css";
defer></script> defer></script>
</head> </head>
<body> <body>
<main class="min-h-screen bg-background px-5 py-8 text-foreground sm:px-8 lg:px-12"> <main
class="min-h-screen bg-background px-5 py-8 text-foreground sm:px-8 lg:px-12"
>
<a <a
href="/" href="/"
class="text-sm font-semibold uppercase tracking-[0.24em] text-muted-foreground transition hover:text-foreground" class="text-sm font-semibold uppercase tracking-[0.24em] text-muted-foreground transition hover:text-foreground"
@@ -24,19 +26,25 @@ import "@/styles/global.css";
Matthias Meister Matthias Meister
</a> </a>
<section class="mx-auto grid max-w-5xl gap-12 py-16 lg:grid-cols-[0.42fr_0.58fr] lg:py-24"> <section
class="mx-auto grid max-w-5xl gap-12 py-16 lg:grid-cols-[0.42fr_0.58fr] lg:py-24"
>
<div> <div>
<p class="text-sm uppercase tracking-[0.3em] text-primary"> <p class="text-sm uppercase tracking-[0.3em] text-primary">
Rechtliches Rechtliches
</p> </p>
<h1 class="mt-6 max-w-[8ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl"> <h1
class="mt-6 max-w-[8ch] text-5xl font-black uppercase leading-[0.86] sm:text-6xl"
>
Impressum Impressum
</h1> </h1>
</div> </div>
<div class="space-y-10 text-lg leading-8 text-foreground/85"> <div class="space-y-10 text-lg leading-8 text-foreground/85">
<section> <section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary"> <h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Angaben gemäß § 5 TMG Angaben gemäß § 5 TMG
</h2> </h2>
<div class="mt-4 space-y-1 text-muted-foreground"> <div class="mt-4 space-y-1 text-muted-foreground">
@@ -48,7 +56,9 @@ import "@/styles/global.css";
</section> </section>
<section> <section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary"> <h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Umsatzsteuer Umsatzsteuer
</h2> </h2>
<p class="mt-4 text-muted-foreground"> <p class="mt-4 text-muted-foreground">
@@ -57,25 +67,35 @@ import "@/styles/global.css";
</section> </section>
<section> <section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary"> <h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Kontakt Kontakt
</h2> </h2>
<p class="mt-4 text-muted-foreground"> <p class="mt-4 text-muted-foreground">
E-Mail: E-Mail:
<a <a
class="underline underline-offset-4 transition hover:text-foreground" class="underline underline-offset-4 transition hover:text-foreground"
href="mailto:hallo@matthias-meister.com" href="mailto:support@matthias-meister-webdesign.de"
> >
hallo@matthias-meister.com support@matthias-meister-webdesign.de
</a> </a>
</p> </p>
</section> </section>
<nav class="flex flex-wrap gap-5 border-t border-border pt-8 text-sm text-muted-foreground"> <nav
<a class="underline underline-offset-4 transition hover:text-foreground" href="/"> class="flex flex-wrap gap-5 border-t border-border pt-8 text-sm text-muted-foreground"
>
<a
class="underline underline-offset-4 transition hover:text-foreground"
href="/"
>
Startseite Startseite
</a> </a>
<a class="underline underline-offset-4 transition hover:text-foreground" href="/datenschutz"> <a
class="underline underline-offset-4 transition hover:text-foreground"
href="/datenschutz"
>
Datenschutz Datenschutz
</a> </a>
</nav> </nav>