impressum: cleaner layout

content/impressum.md

@@ -15,38 +15,38 @@ Verantwortlicher im Sinne von § 5 TMG, § 55 RfStV: Vorsitzender Vorstand des V
 ## StuStaNet e. V.
 Der Computernetzwerkverein in der Studentenstadt
 
-{{% dl title="Postanschrift" %}}
+{{% vorstand %}}
+
+{{% dl title="Registergericht:" %}}
+Amtsgericht München
+{{% /dl %}}
+
+{{% dl title="Vereinsregisternummer:" %}}
+16245
+{{% /dl %}}
+
+{{% dl title="Postanschrift:" %}}
 StuStaNet e. V.
 Hans-Leipelt-Straße 7
 80805 München
-{{% /dl%}}
-
-{{% dl title="Telefon" %}}
-Der Verein ist telefonisch nicht zu erreichen.
 {{% /dl %}}
 
-{{% dl title="E-Mail an den Vorstand" %}}
+{{% dl title="E-Mail an den Vorstand:" %}}
 {{% email %}}vorstand[at]stustanet.de{{% /email %}}
 {{% /dl %}}
 
-{{% we-are-not-stuwerk %}}
-
-**Internet:** https://stustanet.de/
-
-{{% vorstand %}}
-
-**Registergericht:** Amtsgericht München
+{{% dl title="Datenschutzbeauftragter:" %}}
+{{% email %}}datenschutz[at]stustanet.de{{% /email %}}
+{{% /dl %}}
 
-**Vereinsregisternummer**: 16245
+{{% we-are-not-stuwerk %}}
 
-**Datenschutzbeauftragter**: datenschutz[at]stustanet.de
+<!-- Telefonnummer ist NICHT Pflicht und daher hier (da eh nicht vorhanden) ausgelassen: https://www.e-recht24.de/news/abmahnung/1023.html -->
 
 ## Über diese Webseite
 
 Bei technischen Fragen zu dieser Webseite: {{% email %}}admins[at]stustanet.de{{% /email %}}
 
-Bei redaktionellen Fragen zu dieser Webseite: {{% email %}}vorstand[at]stustanet.de{{% /email %}}
-
 Für Anfragen an die studentische Heimselbstverwaltung in der Studentenstadt Freimann wenden Sie sich bitte an den Organisationstutor unter {{% email %}}orgtutor[at]stusta.de{{% /email %}}.
 
 

layouts/shortcodes/dl.html

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

layouts/shortcodes/vorstand.html

 <dl class="vorstand">
-    <dt>Vorstandsmitglieder</dt>
+    <dt>Vorstandsmitglieder:</dt>
     <dd>
-        <ul>
-            <li>Vorsitzender Vorstand: {{ .Site.Data.Vorstand.VV }}</li>
-            <li>Schatzmeister: {{ .Site.Data.Vorstand.CC }}</li>
-            <li>1. Technischer Vorstand: {{ .Site.Data.Vorstand.TV1 }}</li>
-            <li>2. Technischer Vorstand: {{ .Site.Data.Vorstand.TV2 }}</li>
-            <li>3. Technischer Vorstand: {{ .Site.Data.Vorstand.TV3 }}</li>
-        </ul>
+        <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>

static/css/main.css

@@ -569,10 +569,30 @@ ol ol {
 
 dl {
     line-height: 1.2;
+    display: flex;
+    flex-wrap: wrap;
 }
-
 dt {
     font-weight: bold;
+    flex: 0 0 30%;
+    max-width: 30%;
+    margin: 0;
+}
+dd {
+    flex: 0 0 70%;
+    max-width: 70%;
+    margin: 0;
+}
+dd dl dt {
+    font-weight: normal;
+    max-width: 40%;
+    flex: 0 0 40%;
+    margin: 0;
+}
+dd dl dd {
+    max-width: 60%;
+    flex: 0 0 60%;
+    margin: 0 0 0.5em;
 }
 
 hr {
@@ -828,7 +848,8 @@ footer .lang-dropdown {
         display: block;
     }
 
-    .menu, #top-bar .lang-dropdown {
+    .menu,
+    #top-bar .lang-dropdown {
         display: none;
     }
 
@@ -898,6 +919,25 @@ footer .lang-dropdown {
         height: 32px;
     }
 
+    dl {
+        display: block;
+    }
+    dt {
+        flex: 1;
+    }
+    dd {
+        flex: 1;
+        margin: 0.8em 1em 1.6em;
+    }
+    dd dl dt {
+        margin: 0;
+        width: 100%;
+    }
+    dd dl dd {
+        margin: 0.25em 0 1em;
+        width: 100%;
+    }
+
     .two-columns .column {
         float: none !important;
         width: 100% !important;