reworked impressum, css fixes

5dfa0dc9 · Antodias · ad529dde · 5dfa0dc9 · 5dfa0dc9 · 5dfa0dc9
Commit 5dfa0dc9 authored 6 years ago by Antodias
--- a/content/impressum.md
+++ b/content/impressum.md
@@ -8,36 +8,48 @@ Anbieter und Betreiber dieser Webseite ist der Verein StuStaNet e. V.

 Verantwortlicher im Sinne von § 5 TMG, § 55 RfStV: Vorsitzender Vorstand des Vereins StuStaNet e. V.

-# StuStaNet e.V. - Der Computernetzwerkverein in der Studentenstadt
+## StuStaNet e.V.
+Der Computernetzwerkverein in der Studentenstadt

-'''Postanschrift:'''
-:StuStaNet e.V.
-:Hans-Leipelt-Straße 7
-:80805 München
+{{% dl title="Postanschrift" %}}
+StuStaNet e.V.  
+Hans-Leipelt-Straße 7  
+80805 München  
+{{% /dl%}}

-Telefon: Der Verein ist telefonisch nicht zu erreichen.
+{{% dl title="Telefon" %}}
+Der Verein ist telefonisch nicht zu erreichen.
+{{% /dl %}}

-E-Mail an den Vorstand: vorstand[at]stustanet.de
+{{% dl title="E-Mail an den Vorstand" %}}
+{{% email %}}vorstand[at]stustanet.de{{% /email %}}
+{{% /dl %}}

-<span style="color:red;">'''HINWEIS: Diese Adresse kann bei Wohnungsanfragen NICHT helfen. [Hier ist die richtige Adresse](http://www.studentenwerk-muenchen.de/wohnen/wohnanlagen-des-studentenwerks-muenchen/wie-bewerbe-ich-mich/).<br />NOTE: This contact cannot help you get an appartment. Please see [this page](http://www.studentenwerk-muenchen.de/en/accommodation/munich-student-union-student-halls-of-residence/how-do-i-apply/).'''<span>
+{{% we-are-not-stuwerk %}}

-Internet: https://www.stustanet.de/
+{{% dl title="Internet" %}}
+https://www.stustanet.de/
+{{% /dl %}}

 {{% vorstand %}}

-Registergericht: Amtsgericht München<br>
-Vereinsregisternummer: 16245
+{{% dl title="Registergericht" %}}
+Amtsgericht München
+{{% /dl %}}
+{{% dl title="Vereinsregisternummer" %}}
+16245
+{{% /dl %}}

-# Über diese Webseite
+## Über diese Webseite

-Bei technischen Fragen zu dieser Webseite: admins[at]stustanet.de
+Bei technischen Fragen zu dieser Webseite: {{% email %}}admins[at]stustanet.de{{% /email %}}

-Bei redaktionellen Fragen zu dieser Webseite: vorstand[at]stustanet.de
+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 [mailto:orgtutor@stusta.de Organisationstutor].
+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 %}}.


-:<span style="color:red;">'''HINWEIS: Diese Adresse kann bei Wohnungsanfragen NICHT helfen. [Hier ist die richtige Adresse](http://www.studentenwerk-muenchen.de/wohnen/wohnanlagen-des-studentenwerks-muenchen/wie-bewerbe-ich-mich/).<br />NOTE: This contact cannot help you get an appartment. Please see [this page](http://www.studentenwerk-muenchen.de/en/accommodation/munich-student-union-student-halls-of-residence/how-do-i-apply/).'''<span>
+{{% we-are-not-stuwerk %}}

 Haftungshinweis: Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.

--- a/data/Vorstand.toml
+++ b/data/Vorstand.toml
@@ -2,4 +2,4 @@ VV = "Simon Naab"
 CC = "Mariella Mischinger"
 TV1 = "Tobias Heider"
 TV2 = "Johannes Walcher"
-Valid = "01.07.2017–30.06.2018"
+Valid = "01.07.2017 – 30.06.2018"
--- a/i18n/de.toml
+++ b/i18n/de.toml
+[editPage]
+other = "Diese Seite bearbeiten"
+
+[imprint]
+other = "Impressum"
\ No newline at end of file
--- a/i18n/en.toml
+++ b/i18n/en.toml
+[editPage]
+other = "Edit this Page"
+
+[imprint]
+other = "Imprint"
\ No newline at end of file
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -49,13 +49,13 @@
    </main>

    <footer>
-      <div class="container">
-        <div class="editPage">
-          <a href="{{ .Site.Params.gitEditBaseUrl }}{{ .File.Path }}">Edit this Page</a>
-        </div>
-        <div class="center">
-          <a href="{{ ref . "impressum.md" }}">Impressum</a>
-        </div>
+      <div class="editPage">
+        <a href="{{ .Site.Params.gitEditBaseUrl }}{{ .File.Path }}">{{ i18n "editPage" }}</a>
+      </div>
+      <div class="center">
+        <a href="{{ ref . "impressum.md" }}">{{ i18n "imprint" }}</a>
+      </div>
+      <div class="lang-dropdown-container">
        <div class="lang-dropdown">
          <span><i class="globe"></i>{{ .Site.Language.LanguageName }} &#9652;</span>
          <ul class="up">

--- a/layouts/shortcodes/dl.html
+++ b/layouts/shortcodes/dl.html
+<dl>
+    <dt>{{ .Get "title" }}</dt>
+    <dd>
+        {{ .Inner }}
+    </dd>
+</dl>
\ No newline at end of file
--- a/layouts/shortcodes/email.html
+++ b/layouts/shortcodes/email.html
+<span class="email">{{ .Inner }}</span>
\ No newline at end of file
--- a/layouts/shortcodes/vorstand.html
+++ b/layouts/shortcodes/vorstand.html
-<div class="vorstand">
-    <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>
-    </ul>
-    <i>Gültig: {{ .Site.Data.Vorstand.Valid }}</i>
-</div>
+<dl class="vorstand">
+    <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>
+        </ul>
+        <p>
+            <i>Gültig: {{ .Site.Data.Vorstand.Valid }}</i>
+        </p>
+    </dd>
+</dl>
--- a/layouts/shortcodes/we-are-not-stuwerk.html
+++ b/layouts/shortcodes/we-are-not-stuwerk.html
+<div class="we-are-not-stuwerk">
+    <b>HINWEIS</b>: Diese Adresse kann bei Wohnungsanfragen <b>NICHT</b> helfen. 
+    <a href="http://www.studentenwerk-muenchen.de/wohnen/bewerbung/">Hier ist die richtige Adresse</a>.
+    <br />
+    <b>NOTE</b>: This contact <b>CANNOT HELP</b> you get an appartment.
+    Please see <a href="http://www.studentenwerk-muenchen.de/en/student-accommodation/application/">this page</a>.
+</div>
\ No newline at end of file
--- a/static/styles.css
+++ b/static/styles.css
@@ -18,6 +18,8 @@ body {
    font-size: 100%;
    vertical-align: baseline;
    color: #4B4B4B;
+    display: flex;
+    flex-direction: column;
 }

 #top-bar {
@@ -102,13 +104,13 @@ ul.menu li a {
 }

 .lang-dropdown li {
-    background-color: #313131;
+    background-color: #454545;
    position: relative;
    line-height: 24px;
    vertical-align: middle;
 }
 .lang-dropdown li:hover {
-    background-color:#444;
+    background-color:#555;
 }
 .lang-dropdown li:first-child {
    border-radius: 3px 3px 0 0;
@@ -120,7 +122,7 @@ ul.menu li a {
    width: 1px;
    height: 1px;
    border: 5px solid transparent;
-    border-bottom-color: #313131;
+    border-bottom-color: #454545;
    left: 50%;
    top: -11px;
    margin-left: -5px;
@@ -140,7 +142,7 @@ ul.menu li a {
    width: 1px;
    height: 1px;
    border: 5px solid transparent;
-    border-top-color: #313131;
+    border-top-color: #454545;
    left: 50%;
    bottom: -11px;
    margin-left: -5px;
@@ -165,7 +167,8 @@ ul.menu li a {
 }

 article > *,
-.container {
+.container,
+header {
    position: relative;
    max-width: 800px;
    margin-left: auto;
@@ -215,6 +218,7 @@ main {
    width: 100%;
    position: relative;
    padding: 50px 0;
+    flex: 1 1 0;
 }

 p, ul, ol {
@@ -235,6 +239,14 @@ ol ol {
    margin-bottom: 0;
 }

+dl {
+    line-height: 1.2;
+}
+
+dt {
+    font-weight: bold;
+}
+
 hr {
    border: 0;
    height: 1px;
@@ -275,14 +287,13 @@ a:hover, a:active {

 footer {
    background: #363636;
-    position: relative;
+    display: flex;
+    flex-shrink: 0;
 }

 footer .editPage {
-    float: left;
    padding: 15px;
-    padding-left: 0px;
-    margin-right: -100px;
+    flex: 1 1 0;
 }

 footer .editPage a {
@@ -297,10 +308,31 @@ footer a {
 footer .center {
    padding: 15px;
    text-align: center;
+    flex: 1 1 0;
+}
+
+footer .lang-dropdown-container {
+    flex: 1 1 0;
 }

 footer .lang-dropdown {
-    position: absolute;
-    right: 20px;
-    bottom: 14px;
+    text-align: right;
+    padding: 15px;
+}
+
+.we-are-not-stuwerk {
+    border: 1px solid #fa7171;
+    border-radius: 2px;
+    margin: 5px 0;
+    padding: 10px;
+    background: #ffdbdb;
+    color: red;
 }
+
+.email {
+    font-style: italic;
+}
+
+.vorstand ul {
+    padding-left: 0;
+}
\ No newline at end of file