feat: Improved localization of homepage.

content/contents+en.lr

@@ -39,3 +39,22 @@ content_image: map.png
 content_image_alt: Map of the Federal Republic of Germany with regions in which members are active
 ----
 content_image_src:
+---
+contact_form_button: Send message
+---
+contact_form_email: Email address
+---
+contact_form_heading: Contact
+---
+contact_form_info:
+
+Your email address will not be published.<br>
+<span aria-hidden="true">Required fields are marked <span class="contact_form--required" aria-hidden="true">*</span>
+---
+contact_form_message: Message
+---
+contact_form_name: Name
+---
+contact_form_subheading: Contact form
+---
+contact_form_subject: Subject

content/contents.lr

@@ -39,3 +39,22 @@ content_image: map.png
 content_image_alt: Karte der Bundesrepublik mit Regionen in denen Member aktiv sind
 ----
 content_image_src:
+---
+contact_form_button: Kommentar abschicken
+---
+contact_form_email: E-Mail-Adresse
+---
+contact_form_heading: Kontakt
+---
+contact_form_info:
+
+Deine E-Mail-Adresse wird nicht veröffentlicht.<br>
+<span aria-hidden="true">Erforderliche Felder sind gekennzeichnet <span class="contact_form--required" aria-hidden="true">*</span>
+---
+contact_form_message: Nachricht
+---
+contact_form_name: Name
+---
+contact_form_subheading: Kontaktformular
+---
+contact_form_subject: Betreff

models/homepage.ini

@@ -3,6 +3,8 @@ name = Homepage
 label = Homepage
 inherits = header_with_logo
 
+# Header
+
 [fields.title]
 label = Title
 description = Der Seitentitel und die Überschrift dieser Seite
@@ -33,7 +35,43 @@ label = Sub-Claim-Inhalt
 description = Inhalt des Subclaims im Kopf der Seite
 type = markdown
 
+# Flow Block Section
+
 [fields.section]
 label = Sections
 type = flow
 flow_blocks = flow_text_image_section
+
+# Kontakt-Formular
+
+[fields.contact_form_heading]
+label = Kontaktformular: Überschrift
+type = string
+
+[fields.contact_form_subheading]
+label = Kontaktformular: Unterüberschrift
+type = string
+
+[fields.contact_form_info]
+label = Kontaktformular: Einleitung
+type = markdown
+
+[fields.contact_form_subject]
+label = Kontaktformular: Betreff
+type = string
+
+[fields.contact_form_message]
+label = Kontaktformular: Nachricht
+type = string
+
+[fields.contact_form_name]
+label = Kontaktformular: Name
+type = string
+
+[fields.contact_form_email]
+label = Kontaktformular: E-Mail-Adresse
+type = string
+
+[fields.contact_form_button]
+label = Kontaktformular: Buttonbeschriftung
+type = string

templates/homepage.html

@@ -16,7 +16,7 @@
   {% endfor %}
 
   <div class="contact__box">
-    <h1>Kontakt</h1>
+    <h1>{{ this.contact_form_headig }}</h1>
 
       <div class="contact_info__box">
       <p>
@@ -36,30 +36,26 @@
     </div>
       <section class="contact_form_box">
       <div class="content__box">
-          <div class="content__inner_box -width_constraint">
-              {{ this.body }}
-          </div>
           <div class="content__inner_box -width_constraint content__contact_form_wrapper" style="display:none">
-            <h2>Kontaktformular</h2>
+            <h2>{{ this.contact_form_subheading }}</h2>
             <form id="contact_form" class="content__contact_form">
               <p class="contact_form__note">
-                Deine E-Mail-Adresse wird nicht veröffentlicht.<br>
-                <span aria-hidden="true">Erforderliche Felder sind gekennzeichnet <span class="contact_form--required" aria-hidden="true">*</span></span>
+                {{ this.contact_form_info }}
               </p>
               <p class="contact_form__text_input">
-                <label for="name">Betreff <span class="contact_form--required" aria-hidden="true">*</span></label>
+                <label for="name">{{ this.contact_form_subject }} <span class="contact_form--required" aria-hidden="true">*</span></label>
                 <input id="name" class="contact_form__subject" name="subject" type="text" value="" size="30" maxlength="245" required />
               </p>
               <p class="contact_form__textarea">
-                <label for="message">Nachricht <span class="contact_form--required" aria-hidden="true">*</span></label>
+                <label for="message">{{ this.contact_form_message }} <span class="contact_form--required" aria-hidden="true">*</span></label>
                 <textarea id="message" class="contact_form__message" aria-label="message" aria-hidden="true" cols="65" rows="7" name="message" required></textarea>
               </p>
               <p class="contact_form__text_input">
-                <label for="name">Name <span class="contact_form--required" aria-hidden="true">*</span></label>
+                <label for="name">{{ this.contact_form_name }} <span class="contact_form--required" aria-hidden="true">*</span></label>
                 <input id="name" class="contact_form__name" name="name" type="text" value="" size="30" maxlength="245" required />
               </p>
               <p class="contact_form__text_input">
-                <label for="email">E-Mail-Adresse <span class="contact_form--required" aria-hidden="true">*</span></label>
+                <label for="email">{{ this.contact_form_email }} <span class="contact_form--required" aria-hidden="true">*</span></label>
                 <input id="email" class="contact_form__email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-address" required />
               </p>
               <p class="contact_form__captcha">
@@ -67,7 +63,7 @@
                 <input id="captcha" class="contact_form__captcha" name="captcha" type="captcha" value="…" size="30" maxlength="100" required placeholder="Wie viele Ecken hat ein Pentagramm?"/>
               </p>
               <p class="contact_form__submit">
-                <input name="submit" type="submit" id="submit" class="contact_form__submit_button" value="Kommentar abschicken" />
+                <input name="submit" type="submit" id="submit" class="contact_form__submit_button" value="{{ this.contact_form_button }}" />
                 <p class="contact_form__feedback"></p>
               </p>
             </form>