From 8bdf001561fc55ae28af06c8d9da60ce19d27d3f Mon Sep 17 00:00:00 2001
From: Marcus Fihlon <marcus@fihlon.swiss>
Date: Fri, 24 May 2024 23:33:34 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20update=20about=20text?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _includes/about.html | 59 +++++++++++++++++++++++++++++++++-----------
 img/flag_de.svg      |  5 ++++
 img/flag_gb.svg      |  7 ++++++
 3 files changed, 57 insertions(+), 14 deletions(-)
 create mode 100644 img/flag_de.svg
 create mode 100644 img/flag_gb.svg

diff --git a/_includes/about.html b/_includes/about.html
index 8799d8e..c8d0b11 100644
--- a/_includes/about.html
+++ b/_includes/about.html
@@ -2,28 +2,59 @@
     <div class="container">
         <div class="row">
             <div class="col-sm-8 col-sm-offset-2 text-center">
-                <h2 class="section-heading">An <a rel="noopener" target="_blank" href="https://hackergarten.net/">Hackergarten <i class="fa fa-external-link" aria-hidden="true"></i></a> event</h2>
-                <hr class="light">
+                <h2 class="section-heading">About</h2>
 
-                <p class="text-left" lang="de">Sprichst du Deutsch?<br />
-                    Dann schliess dich uns an! Gemeinsam werden wir an frei zugänglichen Open-Source-Projekten mitwirken!<br />
-                    Sei das eine Dokumentationsverbesserung, Fehlerbehebungen oder sogar neue Funktionen, jeder Beitrag zählt!</p>
+                <hr />
+
+                <p class="text-left" lang="de">
+                    <img src="/img/flag_de.svg" alt="German" height="16px" />
+                </p>
+
+                <p class="text-left" lang="de">
+                    Wir laden alle Eintwickler:innen ein, gemeinsam zu "hacken"!<br />
+                    Lasst uns Open Source Projekte unterstützen, indem wir Bugs beheben,
+                    neue Features einbauen und dabei vor allem viel lernen und natürlich auch Spaß haben.
+                </p>
 
-                <p class="text-left" lang="de">Egal auf welchem Level du unterwegs bist, der Event steht allen offen.<br />
+                <p class="text-left" lang="de">
+                    Unser Event steht allen offen, unabhängig von ihren Erfahrungen. Egal, auf welchem Level du unterwegs bist,
+                    jede:r ist willkommen. Auf Wunsch finden zu Beginn des Tages auch Einführungsworkshops statt.
+                </p>
+
+                <p class="text-left" lang="de">
+                    Jeder Beitrag zählt, unabhängig von seiner Art (Design, Dokumentation, Code)!
+                </p>
 
-                    Auf Wunsch finden zu Beginn des Tages auch Einführungsworkshops statt.</p>
                 {% if site.registration_link %}
-                <p class="text-left" lang="de">Zögere nicht länger und <a rel="noopener" target="_blank" href="{{site.registration_link}}">melde dich an <i class="fa fa-external-link" aria-hidden="true"></i></a>!</p>
+                    <p class="text-left" lang="de">
+                        <a rel="noopener" target="_blank" href="{{site.registration_link}}">Jetzt mitmachen <i class="fa fa-external-link" aria-hidden="true"></i></a>
+                    </p>
                 {% endif %}
-                <hr />
 
-                <p class="text-left">We want to invite developers to hack together.<br />
-                Let us support Free/Open Source projects by fixing issues and adding new features and most of all learn and have fun.</p>
+                <hr class="light" />
+
+                <p class="text-left">
+                    <img src="/img/flag_gb.svg" alt="English" height="16px" />
+                </p>
+
+                <p class="text-left">
+                    We want to invite developers to hack together.<br />
+                    Let us support Free/Open Source projects by fixing issues
+                    and adding new features and most of all learn and have fun.
+                </p>
+
                 <p class="text-left">The event is open to every developer, regardless of their experience.<br />
-                We plan to have introduction workshops at the beginning of the day.</p>
-                <p class="text-left">Each contribution counts, regardless of its nature (design, documentation, code)!</p>
+                    We plan to have introduction workshops at the beginning of the day.
+                </p>
+
+                <p class="text-left">
+                    Each contribution counts, regardless of its nature (design, documentation, code)!
+                </p>
+
                 {% if site.registration_link %}
-                <p class="text-left" lang="de"><a rel="noopener" target="_blank" href="{{site.registration_link}}">Join us now <i class="fa fa-external-link" aria-hidden="true"></i></a>!</p>
+                    <p class="text-left" lang="de">
+                        <a rel="noopener" target="_blank" href="{{site.registration_link}}">Join us now <i class="fa fa-external-link" aria-hidden="true"></i></a>
+                    </p>
                 {% endif %}
             </div>
         </div>
diff --git a/img/flag_de.svg b/img/flag_de.svg
new file mode 100644
index 0000000..71aa2d2
--- /dev/null
+++ b/img/flag_de.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-de" viewBox="0 0 640 480">
+  <path fill="#fc0" d="M0 320h640v160H0z"/>
+  <path fill="#000001" d="M0 0h640v160H0z"/>
+  <path fill="red" d="M0 160h640v160H0z"/>
+</svg>
diff --git a/img/flag_gb.svg b/img/flag_gb.svg
new file mode 100644
index 0000000..7991383
--- /dev/null
+++ b/img/flag_gb.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-gb" viewBox="0 0 640 480">
+  <path fill="#012169" d="M0 0h640v480H0z"/>
+  <path fill="#FFF" d="m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"/>
+  <path fill="#C8102E" d="m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"/>
+  <path fill="#FFF" d="M241 0v480h160V0zM0 160v160h640V160z"/>
+  <path fill="#C8102E" d="M0 193v96h640v-96zM273 0v480h96V0z"/>
+</svg>