diff --git a/content/impressum.md b/content/impressum.md
index 4f089f52f8c4228b7ec3bd7891aa69663fe0b66d..5ee0182ae73837aa4c69b9754c9eb8c72e4dab77 100644
--- 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.
diff --git a/data/Vorstand.toml b/data/Vorstand.toml
index adac563c07933dcd37475e20ec3b4905c26f756c..252004b1ad16e4b044af98ea6269b0a0ebd37d48 100644
--- 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"
diff --git a/i18n/de.toml b/i18n/de.toml
new file mode 100644
index 0000000000000000000000000000000000000000..690d9c82e53cb410860631e8fb45f537fba37723
--- /dev/null
+++ b/i18n/de.toml
@@ -0,0 +1,5 @@
+[editPage]
+other = "Diese Seite bearbeiten"
+
+[imprint]
+other = "Impressum"
\ No newline at end of file
diff --git a/i18n/en.toml b/i18n/en.toml
new file mode 100644
index 0000000000000000000000000000000000000000..e27b33f89e8aeb6d97eee3b8d4687230a1dad742
--- /dev/null
+++ b/i18n/en.toml
@@ -0,0 +1,5 @@
+[editPage]
+other = "Edit this Page"
+
+[imprint]
+other = "Imprint"
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index daf6a77d90e7aef5a966eff042d6316b6fb40054..02d94155fdab791c03e55a69d14385b7571689db 100644
--- 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 }} ▴</span>
<ul class="up">
diff --git a/layouts/shortcodes/dl.html b/layouts/shortcodes/dl.html
new file mode 100644
index 0000000000000000000000000000000000000000..39f6621554e9c23fe26b1427e540f1fb3ac98e7b
--- /dev/null
+++ b/layouts/shortcodes/dl.html
@@ -0,0 +1,6 @@
+<dl>
+ <dt>{{ .Get "title" }}</dt>
+ <dd>
+ {{ .Inner }}
+ </dd>
+</dl>
\ No newline at end of file
diff --git a/layouts/shortcodes/email.html b/layouts/shortcodes/email.html
new file mode 100644
index 0000000000000000000000000000000000000000..e143c2718178eb11297d0aea74c0fa4e95882bf7
--- /dev/null
+++ b/layouts/shortcodes/email.html
@@ -0,0 +1 @@
+<span class="email">{{ .Inner }}</span>
\ No newline at end of file
diff --git a/layouts/shortcodes/vorstand.html b/layouts/shortcodes/vorstand.html
index 37f427ee1d77b1ff94cf80a19a12bdc443ced475..437f0fcaf2a59d3c896e948f17bd9a33a0a8af94 100644
--- a/layouts/shortcodes/vorstand.html
+++ b/layouts/shortcodes/vorstand.html
@@ -1,9 +1,14 @@
-<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>
diff --git a/layouts/shortcodes/we-are-not-stuwerk.html b/layouts/shortcodes/we-are-not-stuwerk.html
new file mode 100644
index 0000000000000000000000000000000000000000..61b90d7fd98be204dd24d693e6d3c899a03b4c35
--- /dev/null
+++ b/layouts/shortcodes/we-are-not-stuwerk.html
@@ -0,0 +1,7 @@
+<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
diff --git a/static/styles.css b/static/styles.css
index aee75dcbc4075a0963d8915c0614cf2254b87931..ab7fb368690860577451910472166c4e388c5449 100644
--- 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