Skip to content

Commit

Permalink
Merge pull request #37 from 1xINTERNET/25-i18n
Browse files Browse the repository at this point in the history
#25: i18n
  • Loading branch information
john1xi authored Jul 12, 2024
2 parents f997680 + 42e19cb commit caa4a24
Show file tree
Hide file tree
Showing 19 changed files with 785 additions and 145 deletions.
35 changes: 28 additions & 7 deletions src/assets/icons/IconTiktok.astro
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,34 @@
const { className = "w-5 h-5" } = Astro.props;
---

<svg class={className} width="21" height="24" viewBox="0 0 21 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<svg
class={className}
width="21"
height="24"
viewBox="0 0 21 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="surface">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,94.901961%,91.764706%);fill-opacity:1;" d="M 7.046875 10.855469 L 7.046875 10.125 C 6.773438 10.089844 6.503906 10.074219 6.226562 10.070312 C 2.882812 10.070312 0.160156 12.609375 0.160156 15.730469 C 0.160156 17.644531 1.183594 19.339844 2.75 20.363281 C 1.703125 19.316406 1.121094 17.941406 1.121094 16.511719 C 1.121094 13.433594 3.765625 10.925781 7.046875 10.855469 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,94.901961%,91.764706%);fill-opacity:1;" d="M 7.207031 18.890625 C 8.621094 18.890625 9.777344 17.777344 9.828125 16.390625 L 9.832031 3.996094 L 12.121094 3.996094 C 12.074219 3.734375 12.046875 3.472656 12.046875 3.210938 L 8.921875 3.210938 L 8.917969 15.605469 C 8.867188 16.992188 7.710938 18.105469 6.296875 18.105469 C 5.871094 18.105469 5.453125 18.003906 5.078125 17.808594 C 5.570312 18.488281 6.363281 18.890625 7.207031 18.890625 M 16.394531 8.203125 L 16.394531 7.511719 C 15.554688 7.515625 14.730469 7.273438 14.027344 6.816406 C 14.644531 7.519531 15.476562 8.007812 16.394531 8.203125 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,0%,30.980392%);fill-opacity:1;" d="M 13.933594 6.992188 C 13.246094 6.21875 12.867188 5.222656 12.867188 4.191406 L 12.03125 4.191406 C 12.253906 5.34375 12.941406 6.359375 13.933594 6.992188 M 6.222656 13.042969 C 4.777344 13.046875 3.605469 14.199219 3.601562 15.625 C 3.605469 16.589844 4.148438 17.472656 5.007812 17.914062 C 4.683594 17.476562 4.511719 16.949219 4.511719 16.40625 C 4.511719 14.980469 5.683594 13.824219 7.128906 13.824219 C 7.402344 13.824219 7.660156 13.867188 7.902344 13.941406 L 7.902344 10.804688 C 7.648438 10.769531 7.390625 10.75 7.128906 10.75 C 7.085938 10.75 7.039062 10.753906 6.996094 10.753906 L 6.996094 13.164062 C 6.746094 13.085938 6.484375 13.042969 6.222656 13.042969 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,0%,30.980392%);fill-opacity:1;" d="M 15.976562 8.601562 L 15.976562 10.996094 C 14.421875 10.996094 12.90625 10.515625 11.640625 9.617188 L 11.640625 15.875 C 11.640625 19 9.070312 21.542969 5.90625 21.542969 C 4.683594 21.542969 3.550781 21.160156 2.617188 20.511719 C 3.707031 21.667969 5.226562 22.324219 6.8125 22.324219 C 9.976562 22.324219 12.550781 19.78125 12.550781 16.65625 L 12.550781 10.398438 C 13.816406 11.296875 15.332031 11.777344 16.886719 11.777344 L 16.886719 8.695312 C 16.582031 8.695312 16.277344 8.664062 15.976562 8.601562 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 11.957031 15.667969 L 11.957031 9.402344 C 13.257812 10.300781 14.808594 10.785156 16.394531 10.78125 L 16.394531 8.382812 C 15.460938 8.191406 14.613281 7.707031 13.976562 7.003906 C 12.957031 6.363281 12.253906 5.347656 12.03125 4.191406 L 9.695312 4.191406 L 9.691406 16.546875 C 9.636719 17.929688 8.457031 19.042969 7.015625 19.042969 C 6.152344 19.039062 5.34375 18.640625 4.839844 17.960938 C 3.957031 17.515625 3.402344 16.628906 3.402344 15.667969 C 3.40625 14.234375 4.605469 13.078125 6.085938 13.074219 C 6.359375 13.074219 6.625 13.121094 6.875 13.195312 L 6.875 10.777344 C 3.703125 10.851562 1.144531 13.367188 1.144531 16.449219 C 1.144531 17.941406 1.742188 19.300781 2.71875 20.3125 C 3.710938 20.988281 4.882812 21.34375 6.085938 21.34375 C 9.320312 21.34375 11.957031 18.796875 11.957031 15.667969 "/>
<path
style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,94.901961%,91.764706%);fill-opacity:1;"
d="M 7.046875 10.855469 L 7.046875 10.125 C 6.773438 10.089844 6.503906 10.074219 6.226562 10.070312 C 2.882812 10.070312 0.160156 12.609375 0.160156 15.730469 C 0.160156 17.644531 1.183594 19.339844 2.75 20.363281 C 1.703125 19.316406 1.121094 17.941406 1.121094 16.511719 C 1.121094 13.433594 3.765625 10.925781 7.046875 10.855469 "
></path>
<path
style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,94.901961%,91.764706%);fill-opacity:1;"
d="M 7.207031 18.890625 C 8.621094 18.890625 9.777344 17.777344 9.828125 16.390625 L 9.832031 3.996094 L 12.121094 3.996094 C 12.074219 3.734375 12.046875 3.472656 12.046875 3.210938 L 8.921875 3.210938 L 8.917969 15.605469 C 8.867188 16.992188 7.710938 18.105469 6.296875 18.105469 C 5.871094 18.105469 5.453125 18.003906 5.078125 17.808594 C 5.570312 18.488281 6.363281 18.890625 7.207031 18.890625 M 16.394531 8.203125 L 16.394531 7.511719 C 15.554688 7.515625 14.730469 7.273438 14.027344 6.816406 C 14.644531 7.519531 15.476562 8.007812 16.394531 8.203125 "
></path>
<path
style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,0%,30.980392%);fill-opacity:1;"
d="M 13.933594 6.992188 C 13.246094 6.21875 12.867188 5.222656 12.867188 4.191406 L 12.03125 4.191406 C 12.253906 5.34375 12.941406 6.359375 13.933594 6.992188 M 6.222656 13.042969 C 4.777344 13.046875 3.605469 14.199219 3.601562 15.625 C 3.605469 16.589844 4.148438 17.472656 5.007812 17.914062 C 4.683594 17.476562 4.511719 16.949219 4.511719 16.40625 C 4.511719 14.980469 5.683594 13.824219 7.128906 13.824219 C 7.402344 13.824219 7.660156 13.867188 7.902344 13.941406 L 7.902344 10.804688 C 7.648438 10.769531 7.390625 10.75 7.128906 10.75 C 7.085938 10.75 7.039062 10.753906 6.996094 10.753906 L 6.996094 13.164062 C 6.746094 13.085938 6.484375 13.042969 6.222656 13.042969 "
></path>
<path
style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,0%,30.980392%);fill-opacity:1;"
d="M 15.976562 8.601562 L 15.976562 10.996094 C 14.421875 10.996094 12.90625 10.515625 11.640625 9.617188 L 11.640625 15.875 C 11.640625 19 9.070312 21.542969 5.90625 21.542969 C 4.683594 21.542969 3.550781 21.160156 2.617188 20.511719 C 3.707031 21.667969 5.226562 22.324219 6.8125 22.324219 C 9.976562 22.324219 12.550781 19.78125 12.550781 16.65625 L 12.550781 10.398438 C 13.816406 11.296875 15.332031 11.777344 16.886719 11.777344 L 16.886719 8.695312 C 16.582031 8.695312 16.277344 8.664062 15.976562 8.601562 "
></path>
<path
style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;"
d="M 11.957031 15.667969 L 11.957031 9.402344 C 13.257812 10.300781 14.808594 10.785156 16.394531 10.78125 L 16.394531 8.382812 C 15.460938 8.191406 14.613281 7.707031 13.976562 7.003906 C 12.957031 6.363281 12.253906 5.347656 12.03125 4.191406 L 9.695312 4.191406 L 9.691406 16.546875 C 9.636719 17.929688 8.457031 19.042969 7.015625 19.042969 C 6.152344 19.039062 5.34375 18.640625 4.839844 17.960938 C 3.957031 17.515625 3.402344 16.628906 3.402344 15.667969 C 3.40625 14.234375 4.605469 13.078125 6.085938 13.074219 C 6.359375 13.074219 6.625 13.121094 6.875 13.195312 L 6.875 10.777344 C 3.703125 10.851562 1.144531 13.367188 1.144531 16.449219 C 1.144531 17.941406 1.742188 19.300781 2.71875 20.3125 C 3.710938 20.988281 4.882812 21.34375 6.085938 21.34375 C 9.320312 21.34375 11.957031 18.796875 11.957031 15.667969 "
></path>
</g>
</svg>
154 changes: 122 additions & 32 deletions src/components/AboutUs.astro
Original file line number Diff line number Diff line change
@@ -1,36 +1,126 @@
---
import { getLangFromUrl } from "@i18n/utils";
const lang = getLangFromUrl(Astro.url);
---

<div class="sm:px-8 lg:py-12 lg:px-8">
<p>
Hallo zusammen, liebe Fußballfans!
</p>
<p>
<img src="/images/dirk-von-meer.300.jpeg" class="float-left pr-6 pb-6" loading="eager"/>
Ich bin Dirk, einer der Initiatoren und Unterstützer unseres Projekts WHY DO YOU LOVE FOOTBALL? Wie kam es dazu? Im Januar ist mein bester Freund Constantin gestorben. Wir hatten viele gemeinsame Träume, darunter eine Spendenaktion zur EM, da wir beide große Fußballfans sind. Nach einer traurigen Zeit beschloss ich im März, unser Vorhaben umzusetzen.
</p>
<p>
Mit der Unterstützung vieler Menschen konnten wir das projekt THE EURO 2024 – A FESTIVAL OF LOVE erfolgreich umsetzen. Ihr und Eure tollen Ideen haben das möglich gemacht. Jetzt sind wir dabei unser Projekt bekannt zu machen, um unserZiel 100.000 Fußbälle armen Kindern und Jugendlichen zu schenken, zu erreichen.
</p>
<div class="collapsible">
<p>
Ich habe immer gerne soziale Projekte mit anderen Menschen umgesetzt.<span class="expander italic">.. mehr anzeigen</span>
</p>
<p class="expanded">
In den neunziger Jahren habe ich die Aktion Kartoffelsäcke e.V. für Kriegsopfer in Bosnien und Kroatien entwickelt. Wir sammelten pro Aktionstag über 50 Tonnen Hilfsgüter. Beruflich arbeitete ich über 12 Jahre mit Unicef in Deutschland an verschiedenen Projekten. Später half ich beim Aufbau des Fundraisings für ProVeg International, wofür wir einen UNO-Preis gewannen. Besonders prägend war die Zusammenarbeit mit Christoph und Stefan von 1xINTERNET. Vor 25 Jahren entwickelten wir ONIUM – The Help Company und spendeten Einnahmen an Unicef und WWF. Jetzt arbeiten wir wieder zusammen am Projekt WHY DO YOU LOVE FOOTBALL? Einfach schön, dass wir wieder etwas Sinnvolles zusammen machen.
</p>
<p class="expanded">
Danke an alle, die schon mitlehfen, besonders Audrey, Claudia, Jana, Leandra, Malou, Sara, Abdulbaset, Ali, Axel, Bert, Christoph, Claus &amp; Claus, Eric, George, Linus, Markus, Matthias, Neel, Stefan, Robin, Rolf, Vahin und Constantin!
</p>
<p class="expanded">
Ich wünsche Euch eine schöne, sonnige und superspannende EM! Wenn Ihr Fragen habt, schreibt mir gern eine Nachricht: <a href="mailto://[email protected]">[email protected]</a>
</p>
<p class="expanded">
Euer Dirk
</p>
<p class="expanded">
PS: Wenn ihr Organisationen oder Fußballschulen kennt, die Bälle brauchen oder bei der Verteilung der Bälle helfen können, gebt mir bitte Bescheid.
</p>
</div>
</div>
{
lang === "de" ? (
<div class="sm:px-8 lg:py-12 lg:px-8">
<p>Hallo zusammen, liebe Fußballfans!</p>
<p>
<img
src="/images/dirk-von-meer.300.jpeg"
class="float-left pr-6 pb-6"
loading="eager"
/>
Ich bin Dirk, einer der Initiatoren und Unterstützer unseres Projekts
WHY DO YOU LOVE FOOTBALL? Wie kam es dazu? Im Januar ist mein bester
Freund Constantin gestorben. Wir hatten viele gemeinsame Träume,
darunter eine Spendenaktion zur EM, da wir beide große Fußballfans sind.
Nach einer traurigen Zeit beschloss ich im März, unser Vorhaben
umzusetzen.
</p>
<p>
Mit der Unterstützung vieler Menschen konnten wir das projekt THE EURO
2024 – A FESTIVAL OF LOVE erfolgreich umsetzen. Ihr und Eure tollen
Ideen haben das möglich gemacht. Jetzt sind wir dabei unser Projekt
bekannt zu machen, um unserZiel 100.000 Fußbälle armen Kindern und
Jugendlichen zu schenken, zu erreichen.
</p>
<div class="collapsible">
<p>
Ich habe immer gerne soziale Projekte mit anderen Menschen umgesetzt.
<span class="expander italic">.. mehr anzeigen</span>
</p>
<p class="expanded">
In den neunziger Jahren habe ich die Aktion Kartoffelsäcke e.V. für
Kriegsopfer in Bosnien und Kroatien entwickelt. Wir sammelten pro
Aktionstag über 50 Tonnen Hilfsgüter. Beruflich arbeitete ich über 12
Jahre mit Unicef in Deutschland an verschiedenen Projekten. Später
half ich beim Aufbau des Fundraisings für ProVeg International, wofür
wir einen UNO-Preis gewannen. Besonders prägend war die Zusammenarbeit
mit Christoph und Stefan von 1xINTERNET. Vor 25 Jahren entwickelten
wir ONIUM – The Help Company und spendeten Einnahmen an Unicef und
WWF. Jetzt arbeiten wir wieder zusammen am Projekt WHY DO YOU LOVE
FOOTBALL? Einfach schön, dass wir wieder etwas Sinnvolles zusammen
machen.
</p>
<p class="expanded">
Danke an alle, die schon mitlehfen, besonders Audrey, Claudia, Jana,
Leandra, Malou, Sara, Abdulbaset, Ali, Axel, Bert, Christoph, Claus
&amp; Claus, Eric, George, Linus, Markus, Matthias, Neel, Stefan,
Robin, Rolf, Vahin und Constantin!
</p>
<p class="expanded">
Ich wünsche Euch eine schöne, sonnige und superspannende EM! Wenn Ihr
Fragen habt, schreibt mir gern eine Nachricht:{" "}
<a href="mailto://[email protected]">[email protected]</a>
</p>
<p class="expanded">Euer Dirk</p>
<p class="expanded">
PS: Wenn ihr Organisationen oder Fußballschulen kennt, die Bälle
brauchen oder bei der Verteilung der Bälle helfen können, gebt mir
bitte Bescheid.
</p>
</div>
</div>
) : (
<div class="sm:px-8 lg:py-12 lg:px-8">
<p>Hello everyone, dear football fans!</p>
<p>
<img
src="/images/dirk-von-meer.300.jpeg"
class="float-left pr-6 pb-6"
loading="eager"
/>
I'm Dirk, one of the initiators and supporters of our project
WHY DO YOU LOVE FOOTBALL? How did it come about? In January my best
friend Constantin died. We had many dreams together, including a
fundraiser for the European Championships, as we are both big football
fans. After a sad time, I decided in March to put our plan into action.
</p>
<p>
With the support of many people, we were able to successfully implement
the project THE EURO 2024 – A FESTIVAL OF LOVE. You and your great ideas
made this possible. Now we are in the process of publicizing our project
in order to achieve our goal of donating 100,000 footballs to poor
children and young people.
</p>
<div class="collapsible">
<p>
I have always enjoyed implementing social projects with other people.
<span class="expander italic">.. show more</span>
</p>
<p class="expanded">
In the 1990s, I developed the Kartoffelsäcke e.V. campaign for war
victims in Bosnia and Croatia. We collected over 50 tons of relief
supplies per campaign day. Professionally, I worked with Unicef ​​in
Germany for over 12 years on various projects. Later, I helped set up
fundraising for ProVeg International, for which we won a UN award.
The collaboration with Christoph and Stefan from 1xINTERNET was
particularly formative. 25 years ago, we developed
ONIUM – The Help Company and donated proceeds to Unicef ​​and WWF.
Now we are working together again on the WHY DO YOU LOVE FOOTBALL
project? It's just great that we are doing something meaningful together again.
</p>
<p class="expanded">
Thanks to everyone who has already helped, especially Audrey, Claudia,
Jana, Leandra, Malou, Sara, Abdulbaset, Ali, Axel, Bert, Christoph,
Claus &amp; Claus, Eric, George, Linus, Markus, Matthias, Neel,
Stefan, Robin, Rolf, Vahin and Constantin!
</p>
<p class="expanded">
I wish you a nice, sunny and super exciting European Championship!
If you have any questions, please send me a message:
<a href="mailto://[email protected]">[email protected]</a>
</p>
<p class="expanded">Euer Dirk</p>
<p class="expanded">
PS: If you know of any organizations or soccer schools that need
balls or can help distribute them, please let me know.
</p>
</div>
</div>
)
}
26 changes: 19 additions & 7 deletions src/components/Footer.astro
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,15 @@ import IconTiktok from "@icons/IconTiktok.astro";
import IconYoutube from "@icons/IconYoutube.astro";
import IconInstagram from "@icons/IconInstagram.astro";
import HashtagWhyULoveFootball from "@components/HashtagWhyULoveFootball.astro";
import {
getLangFromUrl,
useTranslations,
useTranslatedPath,
} from "@i18n/utils";
const lang = getLangFromUrl(Astro.url);
const t = useTranslations(lang);
const translatePath = useTranslatedPath(lang);
---

<footer class="bg-black text-white">
Expand Down Expand Up @@ -42,18 +51,21 @@ import HashtagWhyULoveFootball from "@components/HashtagWhyULoveFootball.astro";
<p class="text-base">© 2024 whyuluvfootball</p>
</div>
<div class="flex flex-row space-x-4 text-base">
<a href="/privacy-policy" class="text-white hover:underline"
>Datenschutz</a
<a
href={translatePath("/privacy-policy")}
class="text-white hover:underline">{t("footer.data")}</a
>
<a href={translatePath("/imprint")} class="text-white hover:underline"
>{t("footer.legal")}</a
>
<a href="/imprint" class="text-white hover:underline">Impressum</a>
<button type="button" data-cc="show-preferencesModal"
>Consent Manager</button
>{t("footer.consent")}</button
>
</div>
<p class="text-base">
Webseite erstellt von <a
href="https://www.1xinternet.de"
class="text-white hover:underline">1xINTERNET</a
{t("footer.website")}
<a href="https://www.1xinternet.de" class="text-white hover:underline"
>1xINTERNET</a
>
</p>
</div>
Expand Down
8 changes: 7 additions & 1 deletion src/components/Hero.astro
Original file line number Diff line number Diff line change
@@ -1,6 +1,10 @@
---
import HeroImage from "../assets/images/HeroImage.astro";
import NavigationBar from "@components/NavigationBar.astro";
import { getLangFromUrl, useTranslations } from "@i18n/utils";
const lang = getLangFromUrl(Astro.url);
const t = useTranslations(lang);
---

<div class="relative w-full h-auto overflow-hidden" id="hero">
Expand All @@ -17,7 +21,9 @@ import NavigationBar from "@components/NavigationBar.astro";
id="hero-text"
>
<h1>
Über <span class="bg-blue">300 Millionen</span> Kinder weltweit haben keinen Fussball.
{t("hero.over")}<span class="bg-blue px-3">{t("hero.300million")}</span>{
t("hero.childrenDontHaveAFootball")
}
</h1>
</div>
</div>
Loading

0 comments on commit caa4a24

Please sign in to comment.