redo vorstand shortcode

content/about.de.md

@@ -35,7 +35,7 @@ Das Wohnheim in der Max-Bill-Straße wurde im Juni 2016 in das Netz des StuStaNe
 
 
 ## Vorstand
-Die Kontaktadresse des aktuellen Vorstands findet sich im [Impressum](/impressum).
+{{< vorstand >}}
 
 
 ## Satzung

content/about.en.md

@@ -36,8 +36,7 @@ The dormitory in the Max-Bill street was integrated into the StuStaNet Network i
 
 
 ## The Board of Directors
-The contact details of the current board members can be found in the [imprint](/impressum).
-
+{{< vorstand >}}
 
 ## Statute
 The current statute of the StuStaNet e. V. can be found [here](https://vereinsanzeiger.stustanet.de/satzung.pdf)[German].

content/impressum.md

@@ -14,7 +14,9 @@ Verantwortlicher im Sinne von § 5 TMG, § 55 RfStV: Vorsitzender Vorstand des V
 ## StuStaNet e. V.
 Der Computernetzwerkverein in der Studentenstadt
 
-{{% vorstand %}}
+{{% dl title="Vorstandsmitglieder:" %}}
+{{< vorstand >}}
+{{% /dl %}}
 
 {{% dl title="Registergericht:" %}}
 Amtsgericht München
@@ -25,9 +27,11 @@ Amtsgericht München
 {{% /dl %}}
 
 {{% dl title="Postanschrift:" %}}
+{{< address >}}
 StuStaNet e. V.
 Hans-Leipelt-Straße 7
 80805 München
+{{< /address >}}
 {{% /dl %}}
 
 {{% dl title="E-Mail an den Vorstand:" %}}

i18n/de.toml

@@ -27,3 +27,21 @@ other = "Zur Startseite"
 
 [weekday]
 other = "Wochentag"
+
+[chairman]
+other = "Vorsitzender Vorstand"
+
+[treasurer]
+other = "Schatzmeister"
+
+[1stcto]
+other = "1. Technischer Vorstand"
+
+[2ndcto]
+other = "2. Technischer Vorstand"
+
+[3rdcto]
+other = "3. Technischer Vorstand"
+
+[validity]
+other = "Gültigkeit"

i18n/en.toml

@@ -27,3 +27,21 @@ other = "To Homepage"
 
 [weekday]
 other = "Weekday"
+
+[chairman]
+other = "Chairman"
+
+[treasurer]
+other = "Treasurer"
+
+[1stcto]
+other = "1st Technical Director"
+
+[2ndcto]
+other = "2nd Technical Director"
+
+[3rdcto]
+other = "3rd Technical Director"
+
+[validity]
+other = "Validity"

layouts/shortcodes/address.html

+<address>
+    {{ replace (trim .Inner "\n") "\n" "<br/>" | safeHTML }}
+</address>

layouts/shortcodes/dl.html

 <dl>
     <dt>{{ .Get "title" }}</dt>
     <dd>
-        {{ replace (trim .Inner "\n") "\n" "<br/>" | safeHTML }}
+        {{ trim .Inner "\n" | safeHTML }}
     </dd>
 </dl>

layouts/shortcodes/vorstand.html

 <dl class="vorstand">
-    <dt>Vorstandsmitglieder:</dt>
-    <dd>
-        <dl>
-            <dt>Vorsitzender Vorstand:</dt>
-            <dd>{{ .Site.Data.Vorstand.VV }}</dd>
-            <dt>Schatzmeister:</dt>
-            <dd>{{ .Site.Data.Vorstand.CC }}</dt>
-            <dt>1. Technischer Vorstand:</dt>
-            <dd>{{ .Site.Data.Vorstand.TV1 }}</dt>
-            <dt>2. Technischer Vorstand:</dt>
-            <dd>{{ .Site.Data.Vorstand.TV2 }}</dt>
-            <dt>3. Technischer Vorstand:</dt>
-            <dd>{{ .Site.Data.Vorstand.TV3 }}</dt>
-        </dl>
-        <p>
-            <i>Gültig: {{ .Site.Data.Vorstand.Valid }}</i>
-        </p>
-    </dd>
+    <dt>{{ i18n "chairman" }}:</dt>
+    <dd>{{ .Site.Data.Vorstand.VV }}</dd>
+    <dt>{{ i18n "treasurer" }}:</dt>
+    <dd>{{ .Site.Data.Vorstand.CC }}</dt>
+    <dt>{{ i18n "1stcto" }}:</dt>
+    <dd>{{ .Site.Data.Vorstand.TV1 }}</dt>
+    <dt>{{ i18n "2ndcto" }}:</dt>
+    <dd>{{ .Site.Data.Vorstand.TV2 }}</dt>
+    <dt>{{ i18n "3rdcto" }}:</dt>
+    <dd>{{ .Site.Data.Vorstand.TV3 }}</dt>
 </dl>
+<p>
+    <i>{{ i18n "validity" }}: {{ .Site.Data.Vorstand.Valid }}</i>
+</p>

static/css/main.css

@@ -542,6 +542,10 @@ article {
     flex: 1 1 0;
 }
 
+address {
+    font-style: normal;
+}
+
 p, ul, ol {
     line-height: 1.5rem;
     margin-top: 0.5rem;
@@ -576,12 +580,16 @@ dt {
     font-weight: bold;
     flex: 0 0 30%;
     max-width: 30%;
-    margin: 0;
+    margin: 0.5em 0 0;
 }
 dd {
     flex: 0 0 70%;
     max-width: 70%;
-    margin: 0;
+    margin: 0.5em 0 0;
+}
+dt:first-of-type,
+dd:first-of-type {
+    margin-top: 0;
 }
 dd dl dt {
     font-weight: normal;
@@ -846,10 +854,6 @@ footer .lang-dropdown {
     font-style: italic;
 }
 
-.vorstand ul {
-    padding-left: 0;
-}
-
 @media (max-width: 720px) {
     main {
         padding: 25px 0;