init

Add privacy policy
Redirect to the shortlinks on the StuVe page.
2023-01-10 11:40:39 +01:00 · 2021-02-06 18:57:22 +01:00 · 2020-03-11 17:53:49 +01:00 · 2020-02-11 10:04:08 +01:00 · 2019-10-08 14:20:39 +02:00
7355 changed files with 2529823 additions and 481 deletions
--- a/ChristmasTree.java
+++ b/ChristmasTree.java
@ -0,0 +1,49 @@
+import java.util.Scanner;
+
+// Let's build a Christmas tree.
+// Reference: https://www.javatpoint.com/christmas-tree-pattern-in-java
+public class ChristmasTree {
+    public static void main(String[] args) {
+        Scanner sc = new Scanner(System.in);
+        
+        // tree height (number of stories)
+        System.out.print("Enter height: ");
+        int height = sc.nextInt();
+
+        // tree width (width of the smallest story)
+        System.out.print("Enter width: ");
+        int width = sc.nextInt();
+        
+        int padding = width * 5;
+
+        int x = 1;
+        for (int a = 1; a <= height; a++) {
+            for (int i = x; i <= width; i++) {
+                for (int j = padding; j >= i; j--) {
+                    // print padding
+                    System.out.print(" ");
+                }
+                for (int k = 1; k <= i; k++) {
+                    // print actual tree
+                    System.out.print("* ");
+                }
+                System.out.println();
+            }
+            x = x + 2;
+            width = width + 2;
+        }
+
+        // print stem
+        for (int i = 1; i <= 4; i++) {
+            for(int j = padding-3; j >= 1; j--) {
+                System.out.print(" ");
+            }
+
+            for(int k= 1; k <= 4; k++) {
+                System.out.print("* ");
+            }
+
+            System.out.println();
+        }
+    }
+}
--- a/1
+++ b/1
@ -0,0 +1 @@
+./sitzung
--- a/ball/index.html
+++ b/ball/index.html
@ -1,7 +0,0 @@
-<h1>Tanzball</h1>
-
-Bitte gehen Sie weiter, hier gibt es (noch!) nichts zu sehen :)
-
-
-
-
--- a/berufungen/css/style-plan.css
+++ b/berufungen/css/style-plan.css
@ -0,0 +1,93 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+body {
+  font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  padding: 2rem;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+header, main, footer {
+  box-sizing: border-box;
+  margin: 0 auto;
+  width: 750px;
+  max-width: calc(100vw-2rem);
+}
+
+main {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+h1,
+h2 {
+  padding-bottom: .5rem;
+}
+
+h2 {
+  margin-top: 2rem;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(41, 125, 207);
+  transition: color .2s;
+}
+
+table {
+  cellpadding: .5rem;
+  border-collapse: collapse;
+}
+
+table tr:not(:last-of-type) {
+  border-bottom: 1px solid gray;
+}
+
+table th {
+  text-align: left;
+}
+
+table td.first-row {
+  width: 180px;
+}
+
+table th, table td {
+  vertical-align: top;
+  padding: .5rem .2rem;
+}
+
+@media screen and (max-width: 1100px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main, header, footer {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: calc(100vw - 4rem);
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+}
--- a/berufungen/css/style.css
+++ b/berufungen/css/style.css
@ -0,0 +1,120 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+
+body {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100vh;
+  padding: 2rem;
+  font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+h1, h2 {
+  padding-bottom: .5rem;
+}
+
+main ul {
+  display: grid;
+  margin: 2rem 0;
+  height: calc(100% - 4rem);
+  grid-template-rows: repeat(4, 1fr);
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 4px;
+  list-style: none;
+}
+
+main ul li a {
+  --baseHue: 213;
+  --altHue: 199;
+
+  --hue: var(--baseHue);
+  --sat: 100%;
+  --lum: 67%;
+  --alpha: .4;
+
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem;
+  background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
+  transition: background-color .2s ease-in-out;
+}
+
+main ul li:nth-of-type(2n) a {
+  --hue: var(--altHue);
+}
+
+main ul li a:hover {
+  --alpha: .2;
+}
+
+main a:link,
+main a:visited,
+main a:active,
+main a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(15, 15, 15);
+  transition: color .2s;
+}
+
+.without-english-version {
+  display: none;
+}
+
+@media screen and (max-width: 850px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main ul {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--altHue)
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+
+  main ul {
+    grid-template-columns: 1fr;
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--altHue)
+  }
+
+  main ul li a {
+    padding: 1rem;
+  }
+}
--- a/berufungen/index.html
+++ b/berufungen/index.html
@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>Berufungen an der WIAI</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+
+    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
+    <body>
+	<script>
+		let redirectLocation = `https://www.uni-bamberg.de/intranet/lehren-und-forschen-an-der-uni/berufungsvortraege-an-der-wiai/`;
+		window.location.replace(redirectLocation);
+	</script>
+	<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
+	<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
+	<!--p>Sie werden in Kürze weitergeleitet.</p-->
+	<p>There ain't no nothing here.</p>
+    </body>
+</html>
--- a/berufungen/twitter-card.png
+++ b/berufungen/twitter-card.png
--- a/board/index.html
+++ b/board/index.html
@ -0,0 +1,18 @@
+<!doctype html>
+<title>Board Maintenance</title>
+<style>
+  body { text-align: center; padding: 150px; }
+  h1 { font-size: 50px; }
+  body { font: 20px Helvetica, sans-serif; color: #333; }
+  article { display: block; text-align: left; width: 650px; margin: 0 auto; }
+  a { color: #dc8100; text-decoration: none; }
+  a:hover { color: #333; text-decoration: none; }
+</style>
+
+<article>
+    <h1>We&rsquo;ll be back soon!</h1>
+    <div>
+        <p>Bitte entschuldigt die Umst&auml;nde, aber wir aktualisieren gerade unser Forum. In dringenden f&auml;llen k&ouml;nnt ihr uns jederzeit <a href="mailto:fachschaft.wiai@uni-bamberg.de">kontaktieren</a>, ansonsten ist das Forum in k&uuml;rze wieder f&uuml;r euch verf&uuml;gbar.</p>
+        <p>&mdash; Michael, Clemens</p>
+    </div>
+</article>
--- a/board/index2.html
+++ b/board/index2.html
@ -0,0 +1,2 @@
+<meta http-equiv="refresh" content="0; URL=https://board.wiai.de/">
+
--- a/board/index_maintenance.html
+++ b/board/index_maintenance.html
@ -0,0 +1,18 @@
+<!doctype html>
+<title>Board Maintenance</title>
+<style>
+  body { text-align: center; padding: 150px; }
+  h1 { font-size: 50px; }
+  body { font: 20px Helvetica, sans-serif; color: #333; }
+  article { display: block; text-align: left; width: 650px; margin: 0 auto; }
+  a { color: #dc8100; text-decoration: none; }
+  a:hover { color: #333; text-decoration: none; }
+</style>
+
+<article>
+    <h1>We&rsquo;ll be back soon!</h1>
+    <div>
+        <p>Bitte entschuldigt die Umst&auml;nde, aber wir aktualisieren gerade unser Forum. In dringenden f&auml;llen k&ouml;nnt ihr uns jederzeit <a href="mailto:fachschaft.wiai@uni-bamberg.de">kontaktieren</a>, ansonsten ist das Forum in k&uuml;rze wieder f&uuml;r euch verf&uuml;gbar.</p>
+        <p>&mdash; Michael, Clemens</p>
+    </div>
+</article>
--- a/1
+++ b/1
@ -0,0 +1 @@
+Subproject commit 9987a87b6213204b7fc974079a6874d19ff57355
--- a/briefwahl/index.html
+++ b/briefwahl/index.html
@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>Jetzt Briefwahl beantragen!</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta http-equiv="refresh" content="0; url=https://www.stuve-bamberg.de/2020/06/25/briefwahl-2020/"/>
+
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
+    <body>
+	<img src="https://wiai.stuve-bamberg.de/eet/images/logo_transparent.png" width="200px"/>
+	<p>Sie werden in Kürze weitergeleitet. Nutzen Sie andernfalls <a 
+href="https://www.stuve-bamberg.de/2020/06/25/briefwahl-2020/">diesen Link</a>.</p>
+    </body>
+    <script>document.location="https://www.stuve-bamberg.de/2020/06/25/briefwahl-2020/"</script>
+</html>
--- a/datenschutz.html
+++ b/datenschutz.html
@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>Datenschutzerklärung</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+    </head>
+    <style>
+	body {
+	    width: 800px;
+	    max-width: 90vw;
+	    margin: 0 auto;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+    </style>
+    <body>
+
+<h1>Datenschutzerklärung</h1>
+<h2>Einleitung</h2>
+<p>Mit der folgenden Datenschutzerklärung möchten wir Sie darüber aufklären, welche Arten Ihrer personenbezogenen Daten (nachfolgend auch kurz als "Daten“ bezeichnet) 
+wir zu welchen Zwecken und in welchem Umfang im Rahmen der Bereitstellung unserer Applikation verarbeiten.</p>
+<p>Die verwendeten Begriffe sind nicht geschlechtsspezifisch.</p>
+<p>Stand: 6. Februar 2021</p><h2>Inhaltsübersicht</h2> <ul class="index"><li><a class="index-link" href="#m1870">Einleitung</a></li><li><a class="index-link" 
+href="#m3">Verantwortlicher</a></li><li><a class="index-link" href="#mOverview">Übersicht der Verarbeitungen</a></li><li><a class="index-link" href="#m13">Maßgebliche 
+Rechtsgrundlagen</a></li><li><a class="index-link" href="#m25">Übermittlung und Offenbarung von personenbezogenen Daten</a></li><li><a class="index-link" 
+href="#m134">Einsatz von Cookies</a></li><li><a class="index-link" href="#m735">Videokonferenzen, Onlinemeetings, Webinare und Bildschirm-Sharing</a></li><li><a 
+class="index-link" href="#m328">Plugins und eingebettete Funktionen sowie Inhalte</a></li><li><a class="index-link" href="#m12">Löschung von Daten</a></li><li><a 
+class="index-link" href="#m15">Änderung und Aktualisierung der Datenschutzerklärung</a></li><li><a class="index-link" href="#m10">Rechte der betroffenen 
+Personen</a></li><li><a class="index-link" href="#m42">Begriffsdefinitionen</a></li></ul><h2 id="m3">Verantwortlicher</h2><p>Fachschaft Wirtschaftsinformatik und 
+Angewandte Informatik<br>Otto-Friedrich-Universität Bamberg<br>An der Weberei 5<br>96049 Bamberg</p>
+<p>E-Mail-Adresse: fachschaft-wiai.stuve@uni-bamberg.de.</p>
+<p>Impressum: <a href="https://www.uni-bamberg.de/wiai/fs/kontakt-und-impressum/" target="_blank">https://www.uni-bamberg.de/wiai/fs/kontakt-und-impressum/</a>.</p>
+<h2 id="mOverview">Übersicht der Verarbeitungen</h2><p>Die nachfolgende Übersicht fasst die Arten der verarbeiteten Daten und die Zwecke ihrer Verarbeitung zusammen 
+und verweist auf die betroffenen Personen.</p><h3>Arten der verarbeiteten Daten</h3>
+<ul><li>Bestandsdaten (z.B. Namen, Adressen).</li><li>Inhaltsdaten (z.B. Eingaben in Onlineformularen).</li><li>Kontaktdaten (z.B. E-Mail, 
+Telefonnummern).</li><li>Meta-/Kommunikationsdaten (z.B. Geräte-Informationen, IP-Adressen).</li><li>Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, 
+Zugriffszeiten).</li></ul><h3>Kategorien betroffener Personen</h3><ul><li>Kommunikationspartner.</li><li>Nutzer (z.B. Webseitenbesucher, Nutzer von 
+Onlinediensten).</li></ul><h3>Zwecke der Verarbeitung</h3><ul><li>Bereitstellung unseres Onlineangebotes und Nutzerfreundlichkeit.</li><li>Büro- und 
+Organisationsverfahren.</li><li>Kontaktanfragen und Kommunikation.</li><li>Sicherheitsmaßnahmen.</li><li>Erbringung vertragliche Leistungen und 
+Kundenservice.</li><li>Verwaltung und Beantwortung von Anfragen.</li></ul><h3 id="m13">Maßgebliche Rechtsgrundlagen</h3><p>Im Folgenden teilen wir die 
+Rechtsgrundlagen der Datenschutzgrundverordnung (DSGVO), auf deren Basis wir die personenbezogenen Daten verarbeiten, mit. Bitte beachten Sie, dass zusätzlich zu den 
+Regelungen der DSGVO die nationalen Datenschutzvorgaben in Ihrem bzw. unserem Wohn- und Sitzland gelten können. Sollten ferner im Einzelfall speziellere 
+Rechtsgrundlagen maßgeblich sein, teilen wir Ihnen diese in der Datenschutzerklärung mit.</p>
+ <ul><li><strong>Einwilligung (Art. 6 Abs. 1 S. 1 lit. a. DSGVO)</strong> - Die betroffene Person hat ihre Einwilligung in die Verarbeitung der sie betreffenden 
+personenbezogenen Daten für einen spezifischen Zweck oder mehrere bestimmte Zwecke gegeben.</li><li><strong>Vertragserfüllung und vorvertragliche Anfragen (Art. 6 
+Abs. 1 S. 1 lit. b. DSGVO)</strong> - Die Verarbeitung ist für die Erfüllung eines Vertrags, dessen Vertragspartei die betroffene Person ist, oder zur Durchführung 
+vorvertraglicher Maßnahmen erforderlich, die auf Anfrage der betroffenen Person erfolgen.</li><li><strong>Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. 
+DSGVO)</strong> - Die Verarbeitung ist zur Wahrung der berechtigten Interessen des Verantwortlichen oder eines Dritten erforderlich, sofern nicht die Interessen oder 
+Grundrechte und Grundfreiheiten der betroffenen Person, die den Schutz personenbezogener Daten erfordern, überwiegen.</li></ul><p><strong>Nationale 
+Datenschutzregelungen in Deutschland</strong>: Zusätzlich zu den Datenschutzregelungen der Datenschutz-Grundverordnung gelten nationale Regelungen zum Datenschutz in 
+Deutschland. Hierzu gehört insbesondere das Gesetz zum Schutz vor Missbrauch personenbezogener Daten bei der Datenverarbeitung (Bundesdatenschutzgesetz – BDSG). Das 
+BDSG enthält insbesondere Spezialregelungen zum Recht auf Auskunft, zum Recht auf Löschung, zum Widerspruchsrecht, zur Verarbeitung besonderer Kategorien 
+personenbezogener Daten, zur Verarbeitung für andere Zwecke und zur Übermittlung sowie automatisierten Entscheidungsfindung im Einzelfall einschließlich Profiling. 
+Des Weiteren regelt es die Datenverarbeitung für Zwecke des Beschäftigungsverhältnisses (§ 26 BDSG), insbesondere im Hinblick auf die Begründung, Durchführung oder 
+Beendigung von Beschäftigungsverhältnissen sowie die Einwilligung von Beschäftigten. Ferner können Landesdatenschutzgesetze der einzelnen Bundesländer zur Anwendung 
+gelangen.</p>
+ <h2 id="m25">Übermittlung und Offenbarung von personenbezogenen Daten</h2><p>Im Rahmen unserer Verarbeitung von personenbezogenen Daten kommt es vor, dass die Daten 
+an andere Stellen, Unternehmen, rechtlich selbstständige Organisationseinheiten oder Personen übermittelt oder sie ihnen gegenüber offengelegt werden. Zu den 
+Empfängern dieser Daten können z.B. Zahlungsinstitute im Rahmen von Zahlungsvorgängen, mit IT-Aufgaben beauftragte Dienstleister oder Anbieter von Diensten und 
+Inhalten, die in eine Webseite eingebunden werden, gehören. In solchen Fall beachten wir die gesetzlichen Vorgaben und schließen insbesondere entsprechende Verträge 
+bzw. Vereinbarungen, die dem Schutz Ihrer Daten dienen, mit den Empfängern Ihrer Daten ab.</p>
+<p><strong>Datenübermittlung innerhalb der Organisation</strong>: Wir können personenbezogene Daten an andere Stellen innerhalb unserer Organisation übermitteln oder 
+ihnen den Zugriff auf diese Daten gewähren. Sofern diese Weitergabe zu administrativen Zwecken erfolgt, beruht die Weitergabe der Daten auf unseren berechtigten 
+unternehmerischen und betriebswirtschaftlichen Interessen oder erfolgt, sofern sie Erfüllung unserer vertragsbezogenen Verpflichtungen erforderlich ist oder wenn eine 
+Einwilligung der Betroffenen oder eine gesetzliche Erlaubnis vorliegt.</p>
+<h2 id="m134">Einsatz von Cookies</h2><p>Cookies sind Textdateien, die Daten von besuchten Websites oder Domains enthalten und von einem Browser auf dem Computer des 
+Benutzers gespeichert werden. Ein Cookie dient in erster Linie dazu, die Informationen über einen Benutzer während oder nach seinem Besuch innerhalb eines 
+Onlineangebotes zu speichern. Zu den gespeicherten Angaben können z.B. die Spracheinstellungen auf einer Webseite, der Loginstatus, ein Warenkorb oder die Stelle, an 
+der ein Video geschaut wurde, gehören. Zu dem Begriff der Cookies zählen wir ferner andere Technologien, die die gleichen Funktionen wie Cookies erfüllen (z.B., wenn 
+Angaben der Nutzer anhand pseudonymer Onlinekennzeichnungen gespeichert werden, auch als "Nutzer-IDs" bezeichnet)</p>
+<p><strong>Die folgenden Cookie-Typen und Funktionen werden unterschieden:</strong></p><ul><li><strong>Temporäre Cookies (auch: Session- oder 
+Sitzungs-Cookies):</strong>&nbsp;Temporäre Cookies werden spätestens gelöscht, nachdem ein Nutzer ein Online-Angebot verlassen und seinen Browser geschlossen 
+hat.</li><li><strong>Permanente Cookies:</strong>&nbsp;Permanente Cookies bleiben auch nach dem Schließen des Browsers gespeichert. So kann beispielsweise der 
+Login-Status gespeichert oder bevorzugte Inhalte direkt angezeigt werden, wenn der Nutzer eine Website erneut besucht. Ebenso können die Interessen von Nutzern, die 
+zur Reichweitenmessung oder zu Marketingzwecken verwendet werden, in einem solchen Cookie gespeichert 
+werden.</li><li><strong>First-Party-Cookies:</strong>&nbsp;First-Party-Cookies werden von uns selbst gesetzt.</li><li><strong>Third-Party-Cookies (auch: 
+Drittanbieter-Cookies)</strong>: Drittanbieter-Cookies werden hauptsächlich von Werbetreibenden (sog. Dritten) verwendet, um Benutzerinformationen zu 
+verarbeiten.</li><li><strong>Notwendige (auch: essentielle oder unbedingt erforderliche) Cookies:</strong> Cookies können zum einen für den Betrieb einer Webseite 
+unbedingt erforderlich sein (z.B. um Logins oder andere Nutzereingaben zu speichern oder aus Gründen der Sicherheit).</li><li><strong>Statistik-, Marketing- und 
+Personalisierungs-Cookies</strong>: Ferner werden Cookies im Regelfall auch im Rahmen der Reichweitenmessung eingesetzt sowie dann, wenn die Interessen eines Nutzers 
+oder sein Verhalten (z.B. Betrachten bestimmter Inhalte, Nutzen von Funktionen etc.) auf einzelnen Webseiten in einem Nutzerprofil gespeichert werden. Solche Profile 
+dienen dazu, den Nutzern z.B. Inhalte anzuzeigen, die ihren potentiellen Interessen entsprechen. Dieses Verfahren wird auch als "Tracking", d.h., Nachverfolgung der 
+potentiellen Interessen der Nutzer bezeichnet. Soweit wir Cookies oder "Tracking"-Technologien einsetzen, informieren wir Sie gesondert in unserer 
+Datenschutzerklärung oder im Rahmen der Einholung einer Einwilligung.</li></ul><p><strong>Hinweise zu Rechtsgrundlagen: </strong> Auf welcher Rechtsgrundlage wir Ihre 
+personenbezogenen Daten mit Hilfe von Cookies verarbeiten, hängt davon ab, ob wir Sie um eine Einwilligung bitten. Falls dies zutrifft und Sie in die Nutzung von 
+Cookies einwilligen, ist die Rechtsgrundlage der Verarbeitung Ihrer Daten die erklärte Einwilligung. Andernfalls werden die mithilfe von Cookies verarbeiteten Daten 
+auf Grundlage unserer berechtigten Interessen (z.B. an einem betriebswirtschaftlichen Betrieb unseres Onlineangebotes und dessen Verbesserung) verarbeitet oder, wenn 
+der Einsatz von Cookies erforderlich ist, um unsere vertraglichen Verpflichtungen zu erfüllen.</p>
+<p><strong>Speicherdauer: </strong>Sofern wir Ihnen keine expliziten Angaben zur Speicherdauer von permanenten Cookies mitteilen (z. B. im Rahmen eines sog. 
+Cookie-Opt-Ins), gehen Sie bitte davon aus, dass die Speicherdauer bis zu zwei Jahre betragen kann.</p>
+<p><strong>Allgemeine Hinweise zum Widerruf und Widerspruch (Opt-Out): </strong> Abhängig davon, ob die Verarbeitung auf Grundlage einer Einwilligung oder 
+gesetzlichen Erlaubnis erfolgt, haben Sie jederzeit die Möglichkeit, eine erteilte Einwilligung zu widerrufen oder der Verarbeitung Ihrer Daten durch 
+Cookie-Technologien zu widersprechen (zusammenfassend als "Opt-Out" bezeichnet). Sie können Ihren Widerspruch zunächst mittels der Einstellungen Ihres Browsers 
+erklären, z.B., indem Sie die Nutzung von Cookies deaktivieren (wobei hierdurch auch die Funktionsfähigkeit unseres Onlineangebotes eingeschränkt werden kann). Ein 
+Widerspruch gegen den Einsatz von Cookies zu Zwecken des Onlinemarketings kann auch mittels einer Vielzahl von Diensten, vor allem im Fall des Trackings, über die 
+Webseiten <a href="https://optout.aboutads.info" target="_blank">https://optout.aboutads.info</a> und <a href="https://www.youronlinechoices.com/" 
+target="_blank">https://www.youronlinechoices.com/</a> erklärt werden. Daneben können Sie weitere Widerspruchshinweise im Rahmen der Angaben zu den eingesetzten 
+Dienstleistern und Cookies erhalten.</p>
+<ul class="m-elements"><li><strong>Verarbeitete Datenarten:</strong> Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten), 
+Meta-/Kommunikationsdaten (z.B. Geräte-Informationen, IP-Adressen).</li><li><strong>Betroffene Personen:</strong> Nutzer (z.B. Webseitenbesucher, Nutzer von 
+Onlinediensten).</li><li><strong>Rechtsgrundlagen:</strong> Einwilligung (Art. 6 Abs. 1 S. 1 lit. a. DSGVO), Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. 
+DSGVO).</li></ul><h2 id="m735">Videokonferenzen, Onlinemeetings, Webinare und Bildschirm-Sharing</h2><p>Wir setzen Plattformen und Anwendungen anderer Anbieter 
+(nachfolgend bezeichnet als “Drittanbieter”) zu Zwecken der Durchführung von Video und Audio-Konferenzen, Webinaren und sonstigen Arten von Video und Audio-Meetings 
+ein. Bei der Auswahl der Drittanbieter und ihrer Leistungen beachten wir die gesetzlichen Vorgaben. </p>
+<p>In diesem Rahmen werden Daten der Kommunikationsteilnehmer verarbeitet und auf den Servern der Drittanbieter gespeichert, soweit diese Bestandteil von 
+Kommunikationsvorgängen mit uns sind. Zu diesen Daten können insbesondere Anmelde- und Kontaktdaten, visuelle sowie stimmliche Beiträge sowie Eingaben in Chats und 
+geteilte Bildschirminhalte gehören.</p>
+<p>Sofern Nutzer im Rahmen der Kommunikation, Geschäfts- oder anderen Beziehungen mit uns auf die Drittanbieter, bzw. deren Software oder Plattformen verwiesen 
+werden, können die Drittanbieter Nutzungsdaten und Metadaten zu Sicherheitszwecken, Serviceoptimierung oder Marketingzwecken verarbeiten. Wir bitten daher, die 
+Datenschutzhinweise der jeweiligen Drittanbieter zu beachten.</p>
+<p><strong>Hinweise zu Rechtsgrundlagen:</strong> Sofern wir die Nutzer um deren Einwilligung in den Einsatz der Drittanbieter oder bestimmter Funktionen bitten (z. 
+B. Einverständnis mit einer Aufzeichnung von Gesprächen), ist die Rechtsgrundlage der Verarbeitung die Einwilligung. Ferner kann deren Einsatz ein Bestandteil unserer 
+(vor)vertraglichen Leistungen sein, sofern der Einsatz der Drittanbieter in diesem Rahmen vereinbart wurde. Ansonsten werden die Daten der Nutzer auf Grundlage 
+unserer berechtigten Interessen an einer effizienten und sicheren Kommunikation mit unseren unser Kommunikationspartnern verarbeitet. In diesem Zusammenhang möchten 
+wir Sie zusätzlich auf die Informationen zur Verwendung von Cookies in dieser Datenschutzerklärung verweisen.</p>
+<ul class="m-elements"><li><strong>Verarbeitete Datenarten:</strong> Bestandsdaten (z.B. Namen, Adressen), Kontaktdaten (z.B. E-Mail, Telefonnummern), Inhaltsdaten 
+(z.B. Eingaben in Onlineformularen), Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten), Meta-/Kommunikationsdaten (z.B. 
+Geräte-Informationen, IP-Adressen).</li><li><strong>Betroffene Personen:</strong> Kommunikationspartner, Nutzer (z.B. Webseitenbesucher, Nutzer von 
+Onlinediensten).</li><li><strong>Zwecke der Verarbeitung:</strong> Erbringung vertragliche Leistungen und Kundenservice, Kontaktanfragen und Kommunikation, Büro- und 
+Organisationsverfahren.</li><li><strong>Rechtsgrundlagen:</strong> Einwilligung (Art. 6 Abs. 1 S. 1 lit. a. DSGVO), Vertragserfüllung und vorvertragliche Anfragen 
+(Art. 6 Abs. 1 S. 1 lit. b. DSGVO), Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. DSGVO).</li></ul><h2 id="m328">Plugins und eingebettete Funktionen sowie 
+Inhalte</h2><p>Wir binden in unser Onlineangebot Funktions- und Inhaltselemente ein, die von den Servern ihrer jeweiligen Anbieter (nachfolgend bezeichnet als 
+"Drittanbieter”) bezogen werden. Dabei kann es sich zum Beispiel um Grafiken, Videos oder Social-Media-Schaltflächen sowie Beiträge handeln (nachfolgend einheitlich 
+bezeichnet als "Inhalte”).</p>
+<p>Die Einbindung setzt immer voraus, dass die Drittanbieter dieser Inhalte die IP-Adresse der Nutzer verarbeiten, da sie ohne die IP-Adresse die Inhalte nicht an 
+deren Browser senden könnten. Die IP-Adresse ist damit für die Darstellung dieser Inhalte oder Funktionen erforderlich. Wir bemühen uns, nur solche Inhalte zu 
+verwenden, deren jeweilige Anbieter die IP-Adresse lediglich zur Auslieferung der Inhalte verwenden. Drittanbieter können ferner sogenannte Pixel-Tags (unsichtbare 
+Grafiken, auch als "Web Beacons" bezeichnet) für statistische oder Marketingzwecke verwenden. Durch die "Pixel-Tags" können Informationen, wie der Besucherverkehr auf 
+den Seiten dieser Webseite, ausgewertet werden. Die pseudonymen Informationen können ferner in Cookies auf dem Gerät der Nutzer gespeichert werden und unter anderem 
+technische Informationen zum Browser und zum Betriebssystem, zu verweisenden Webseiten, zur Besuchszeit sowie weitere Angaben zur Nutzung unseres Onlineangebotes 
+enthalten als auch mit solchen Informationen aus anderen Quellen verbunden werden.</p>
+<p><strong>Hinweise zu Rechtsgrundlagen:</strong> Sofern wir die Nutzer um deren Einwilligung in den Einsatz der Drittanbieter bitten, ist die Rechtsgrundlage der 
+Verarbeitung von Daten die Einwilligung. Ansonsten werden die Daten der Nutzer auf Grundlage unserer berechtigten Interessen (d.h. Interesse an effizienten, 
+wirtschaftlichen und empfängerfreundlichen Leistungen) verarbeitet. In diesem Zusammenhang möchten wir Sie auch auf die Informationen zur Verwendung von Cookies in 
+dieser Datenschutzerklärung hinweisen.</p>
+<ul class="m-elements"><li><strong>Verarbeitete Datenarten:</strong> Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten), 
+Meta-/Kommunikationsdaten (z.B. Geräte-Informationen, IP-Adressen), Bestandsdaten (z.B. Namen, Adressen), Kontaktdaten (z.B. E-Mail, Telefonnummern), Inhaltsdaten 
+(z.B. Eingaben in Onlineformularen).</li><li><strong>Betroffene Personen:</strong> Nutzer (z.B. Webseitenbesucher, Nutzer von Onlinediensten).</li><li><strong>Zwecke 
+der Verarbeitung:</strong> Bereitstellung unseres Onlineangebotes und Nutzerfreundlichkeit, Erbringung vertragliche Leistungen und Kundenservice, 
+Sicherheitsmaßnahmen, Verwaltung und Beantwortung von Anfragen.</li><li><strong>Rechtsgrundlagen:</strong> Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. DSGVO), 
+Einwilligung (Art. 6 Abs. 1 S. 1 lit. a. DSGVO), Vertragserfüllung und vorvertragliche Anfragen (Art. 6 Abs. 1 S. 1 lit. b. DSGVO).</li></ul><p><strong>Eingesetzte 
+Dienste und Diensteanbieter:</strong></p><ul class="m-elements"><li><strong>Font Awesome:</strong> Darstellung von Schriftarten und Symbolen; Dienstanbieter:  
+Fonticons, Inc. ,6 Porter Road Apartment 3R, Cambridge, MA 02140, USA; Website: <a href="https://fontawesome.com/" target="_blank">https://fontawesome.com/</a>; 
+Datenschutzerklärung: <a href="https://fontawesome.com/privacy" target="_blank">https://fontawesome.com/privacy</a>.</li><li><strong>Google Fonts:</strong> Wir binden 
+die Schriftarten ("Google Fonts") des Anbieters Google ein, wobei die Daten der Nutzer allein zu Zwecken der Darstellung der Schriftarten im Browser der Nutzer 
+verwendet werden. Die Einbindung erfolgt auf Grundlage unserer berechtigten Interessen an einer technisch sicheren, wartungsfreien und effizienten Nutzung von 
+Schriftarten, deren einheitlicher Darstellung sowie unter Berücksichtigung möglicher lizenzrechtlicher Restriktionen für deren Einbindung. Dienstanbieter: Google 
+Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland, Mutterunternehmen: Google LLC, 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA; Website: <a 
+href="https://fonts.google.com/" target="_blank">https://fonts.google.com/</a>; Datenschutzerklärung: <a href="https://policies.google.com/privacy" 
+target="_blank">https://policies.google.com/privacy</a>.</li><li><strong>YouTube-Videos:</strong> Videoinhalte; Dienstanbieter: Google Ireland Limited, Gordon House, 
+Barrow Street, Dublin 4, Irland, Mutterunternehmen: Google LLC, 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA; Website: <a href="https://www.youtube.com" 
+target="_blank">https://www.youtube.com</a>; Datenschutzerklärung: <a href="https://policies.google.com/privacy" 
+target="_blank">https://policies.google.com/privacy</a>; Widerspruchsmöglichkeit (Opt-Out): Opt-Out-Plugin: <a href="https://tools.google.com/dlpage/gaoptout?hl=de" 
+target="_blank">https://tools.google.com/dlpage/gaoptout?hl=de</a>,  Einstellungen für die Darstellung von Werbeeinblendungen: <a 
+href="https://adssettings.google.com/authenticated" target="_blank">https://adssettings.google.com/authenticated</a>.</li></ul><h2 id="m12">Löschung von 
+Daten</h2><p>Die von uns verarbeiteten Daten werden nach Maßgabe der gesetzlichen Vorgaben gelöscht, sobald deren zur Verarbeitung erlaubten Einwilligungen widerrufen 
+werden oder sonstige Erlaubnisse entfallen (z.B., wenn der Zweck der Verarbeitung dieser Daten entfallen ist oder sie für den Zweck nicht erforderlich sind).</p>
+<p>Sofern die Daten nicht gelöscht werden, weil sie für andere und gesetzlich zulässige Zwecke erforderlich sind, wird deren Verarbeitung auf diese Zwecke beschränkt. 
+D.h., die Daten werden gesperrt und nicht für andere Zwecke verarbeitet. Das gilt z.B. für Daten, die aus handels- oder steuerrechtlichen Gründen aufbewahrt werden 
+müssen oder deren Speicherung zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder 
+juristischen Person erforderlich ist.</p>
+<p>Weitere Hinweise zu der Löschung von personenbezogenen Daten können ferner im Rahmen der einzelnen Datenschutzhinweise dieser Datenschutzerklärung erfolgen.</p>
+<h2 id="m15">Änderung und Aktualisierung der Datenschutzerklärung</h2><p>Wir bitten Sie, sich regelmäßig über den Inhalt unserer Datenschutzerklärung zu informieren. 
+Wir passen die Datenschutzerklärung an, sobald die Änderungen der von uns durchgeführten Datenverarbeitungen dies erforderlich machen. Wir informieren Sie, sobald 
+durch die Änderungen eine Mitwirkungshandlung Ihrerseits (z.B. Einwilligung) oder eine sonstige individuelle Benachrichtigung erforderlich wird.</p>
+<p>Sofern wir in dieser Datenschutzerklärung Adressen und Kontaktinformationen von Unternehmen und Organisationen angeben, bitten wir zu beachten, dass die Adressen 
+sich über die Zeit ändern können und bitten die Angaben vor Kontaktaufnahme zu prüfen.</p>
+<h2 id="m10">Rechte der betroffenen Personen</h2><p>Ihnen stehen als Betroffene nach der DSGVO verschiedene Rechte zu, die sich insbesondere aus Art. 15 bis 21 DSGVO 
+ergeben:</p><ul><li><strong>Widerspruchsrecht: Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, jederzeit gegen die Verarbeitung der 
+Sie betreffenden personenbezogenen Daten, die aufgrund von Art. 6 Abs. 1 lit. e oder f DSGVO erfolgt, Widerspruch einzulegen; dies gilt auch für ein auf diese 
+Bestimmungen gestütztes Profiling. Werden die Sie betreffenden personenbezogenen Daten verarbeitet, um Direktwerbung zu betreiben, haben Sie das Recht, jederzeit 
+Widerspruch gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten zum Zwecke derartiger Werbung einzulegen; dies gilt auch für das Profiling, soweit es 
+mit solcher Direktwerbung in Verbindung steht.</strong></li><li><strong>Widerrufsrecht bei Einwilligungen:</strong> Sie haben das Recht, erteilte Einwilligungen 
+jederzeit zu widerrufen.</li><li><strong>Auskunftsrecht:</strong> Sie haben das Recht, eine Bestätigung darüber zu verlangen, ob betreffende Daten verarbeitet werden 
+und auf Auskunft über diese Daten sowie auf weitere Informationen und Kopie der Daten entsprechend den gesetzlichen Vorgaben.</li><li><strong>Recht auf 
+Berichtigung:</strong> Sie haben entsprechend den gesetzlichen Vorgaben das Recht, die Vervollständigung der Sie betreffenden Daten oder die Berichtigung der Sie 
+betreffenden unrichtigen Daten zu verlangen.</li><li><strong>Recht auf Löschung und Einschränkung der Verarbeitung:</strong> Sie haben nach Maßgabe der gesetzlichen 
+Vorgaben das Recht, zu verlangen, dass Sie betreffende Daten unverzüglich gelöscht werden, bzw. alternativ nach Maßgabe der gesetzlichen Vorgaben eine Einschränkung 
+der Verarbeitung der Daten zu verlangen.</li><li><strong>Recht auf Datenübertragbarkeit:</strong> Sie haben das Recht, Sie betreffende Daten, die Sie uns 
+bereitgestellt haben, nach Maßgabe der gesetzlichen Vorgaben in einem strukturierten, gängigen und maschinenlesbaren Format zu erhalten oder deren Übermittlung an 
+einen anderen Verantwortlichen zu fordern.</li><li><strong>Beschwerde bei Aufsichtsbehörde:</strong> Sie haben ferner nach Maßgabe der gesetzlichen Vorgaben das 
+Recht,  bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat Ihres gewöhnlichen Aufenthaltsorts, Ihres Arbeitsplatzes oder des Orts des mutmaßlichen 
+Verstoßes Beschwerde einzulegen, wenn Sie der Ansicht sind, dass die Verarbeitung der Sie betreffenden personenbezogenen Daten gegen die DSGVO verstößt.</li></ul>
+<h2 id="m42">Begriffsdefinitionen</h2><p>In diesem Abschnitt erhalten Sie eine Übersicht über die in dieser Datenschutzerklärung verwendeten Begrifflichkeiten. Viele 
+der Begriffe sind dem Gesetz entnommen und vor allem im Art. 4 DSGVO definiert. Die gesetzlichen Definitionen sind verbindlich. Die nachfolgenden Erläuterungen sollen 
+dagegen vor allem dem Verständnis dienen. Die Begriffe sind alphabetisch sortiert.</p>
+ <ul class="glossary"><li><strong>Personenbezogene Daten:</strong> "Personenbezogene Daten“ sind alle Informationen, die sich auf eine identifizierte oder 
+identifizierbare natürliche Person (im Folgenden "betroffene Person“) beziehen; als identifizierbar wird eine natürliche Person angesehen, die direkt oder indirekt, 
+insbesondere mittels Zuordnung zu einer Kennung wie einem Namen, zu einer Kennnummer, zu Standortdaten, zu einer Online-Kennung (z.B. Cookie) oder zu einem oder 
+mehreren besonderen Merkmalen identifiziert werden kann, die Ausdruck der physischen, physiologischen, genetischen, psychischen, wirtschaftlichen, kulturellen oder 
+sozialen Identität dieser natürlichen Person sind. </li><li><strong>Verantwortlicher:</strong> Als "Verantwortlicher“ wird die natürliche oder juristische Person, 
+Behörde, Einrichtung oder andere Stelle, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten entscheidet, 
+bezeichnet. </li><li><strong>Verarbeitung:</strong> "Verarbeitung" ist jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführte Vorgang oder jede solche 
+Vorgangsreihe im Zusammenhang mit personenbezogenen Daten. Der Begriff reicht weit und umfasst praktisch jeden Umgang mit Daten, sei es das Erheben, das Auswerten, 
+das Speichern, das Übermitteln oder das Löschen. </li></ul><p class="seal"><a href="https://datenschutz-generator.de/?l=de" title="Rechtstext von Dr. Schwenke - für 
+weitere Informationen bitte anklicken." target="_blank" rel="noopener noreferrer nofollow">Erstellt mit kostenlosem Datenschutz-Generator.de von Dr. Thomas 
+Schwenke</a></p>
+
+    </body>
+</html>
--- a/eet-feedback/css/style-plan.css
+++ b/eet-feedback/css/style-plan.css
@ -0,0 +1,93 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+body {
+  font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  padding: 2rem;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+header, main, footer {
+  box-sizing: border-box;
+  margin: 0 auto;
+  width: 750px;
+  max-width: calc(100vw-2rem);
+}
+
+main {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+h1,
+h2 {
+  padding-bottom: .5rem;
+}
+
+h2 {
+  margin-top: 2rem;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(41, 125, 207);
+  transition: color .2s;
+}
+
+table {
+  cellpadding: .5rem;
+  border-collapse: collapse;
+}
+
+table tr:not(:last-of-type) {
+  border-bottom: 1px solid gray;
+}
+
+table th {
+  text-align: left;
+}
+
+table td.first-row {
+  width: 180px;
+}
+
+table th, table td {
+  vertical-align: top;
+  padding: .5rem .2rem;
+}
+
+@media screen and (max-width: 1100px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main, header, footer {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: calc(100vw - 4rem);
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+}
--- a/eet-feedback/css/style.css
+++ b/eet-feedback/css/style.css
@ -0,0 +1,120 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+
+body {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100vh;
+  padding: 2rem;
+  font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+h1, h2 {
+  padding-bottom: .5rem;
+}
+
+main ul {
+  display: grid;
+  margin: 2rem 0;
+  height: calc(100% - 4rem);
+  grid-template-rows: repeat(4, 1fr);
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 4px;
+  list-style: none;
+}
+
+main ul li a {
+  --baseHue: 213;
+  --altHue: 199;
+
+  --hue: var(--baseHue);
+  --sat: 100%;
+  --lum: 67%;
+  --alpha: .4;
+
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem;
+  background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
+  transition: background-color .2s ease-in-out;
+}
+
+main ul li:nth-of-type(2n) a {
+  --hue: var(--altHue);
+}
+
+main ul li a:hover {
+  --alpha: .2;
+}
+
+main a:link,
+main a:visited,
+main a:active,
+main a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(15, 15, 15);
+  transition: color .2s;
+}
+
+.without-english-version {
+  display: none;
+}
+
+@media screen and (max-width: 850px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main ul {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--altHue)
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+
+  main ul {
+    grid-template-columns: 1fr;
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--altHue)
+  }
+
+  main ul li a {
+    padding: 1rem;
+  }
+}
--- a/eet-feedback/index.html
+++ b/eet-feedback/index.html
@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>Weiterleitung</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
+    <body>
+	<script>
+		let redirectLocation = `https://vc.uni-bamberg.de/mod/feedback/view.php?id=1037820`;
+		window.location.replace(redirectLocation);
+	</script>
+	<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
+	<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
+	<!--p>Sie werden in Kürze weitergeleitet.</p-->
+	<p>There ain't no nothing here.</p>
+    </body>
+</html>
--- a/eet-feedback/twitter-card.png
+++ b/eet-feedback/twitter-card.png
--- a/eet/index.html
+++ b/eet/index.html
@ -1,104 +1,51 @@
 <!DOCTYPE html>
 <html lang="de">
    <head>
-
-        <title>EETs | Kurzlinks</title>
+        <title>WIAI-Fachschaftssitzung – Jetzt teilnehmen!</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta http-equiv="X-UA-Compatible" content="ie=edge">
-		<meta name="description" content="Kurzlinks zum Studium rund um die Fakult&auml;t WIAI an der Universit&auml;t Bamberg" />
-        <meta name="keywords" content="Bamberg, Uni, Universit&auml;t, WIAI, Wirtschaftsinformatik, Angewandte Informatik, Community, WIAI Community, Fachschaft WIAI, Fachschaft"/>
-
        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
-        <link rel="stylesheet" href="./css/style.css">

+	<!-- Open Graph (Facebook) -->
+	<meta property="og:title" content="WIAI-Kurzlinks!"/>
+	<meta property="og:description" content="Hier findest du die wichtigsten Links rund ums Studium!"/>
+	<meta property="og:url" content="http://wiai.de/eet"/>
+	<meta property="og:image" content="twitter-card.png"/>
+	<meta property="og:image:width" content="1200"/>
+	<meta property="og:image:height" content="630"/>
+
+	<!-- Twitter Cards -->
+	<meta name="twitter:title" content="WIAI-Kurzlinks!">
+	<meta name="twitter:description" content="Hier findest du die wichtigsten Links rund ums Studium!">
+	<meta name="twitter:image" content="twitter-card.png">
+	<meta name="twitter:site" contents="@FachschaftWIAI"
+	<meta name="twitter:card" content="summary_large_image">
    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
    <body>
-        <header>
-            <h1>Erstsemester-Einführungstage</h1>
-            Übersicht über die Portale zum Studium in Bamberg
-        </header>
-        <main>
-            <ul>
-                <li>
-                    <a target="_blank" href="https://wiai.de">
-                        <h2>WIAI.de</h2>
-                        <p>Webportal der Fachschaft mit Links zur Fakultäts- und Fachschaftsseite sowie zu WIAI.community</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="http://www.feki.de">
-                        <h2>Feki.de</h2>
-                        <p>Quicklinks, Informationen rund ums Studium, Vereinsblog, Kellerguide und Mensaplan</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="http://qis.uni-bamberg.de">
-                        <h2>Studierendenkanzlei Online</h2>
-                        <p>Bescheinigungen für Studium, BAföG und die Hochschulwahl, Adressen und Parkausweise</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="https://fn2stud.zuv.uni-bamberg.de/FN2AUTH/FN2AuthServlet?op=Login">
-                        <h2>FlexNow</h2>
-                        <p>Anmeldung zu Prüfungen und Lehrveranstaltungen, Prüfungstermine, Notenübersicht und TAN-Listen</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="http://vc.uni-bamberg.de">
-                        <h2>Virtueller Campus</h2>
-                        <p>Onlinekurse, Vorlesungsunterlagen und Foren zu den einzelnen Veranstaltungen</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="http://univis.uni-bamberg.de">
-                        <h2>UnivIS</h2>
-                        <p>Vorlesungsverzeichnis, Stundenplanerstellung und Verzeichnis von Räumen und Personen</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="https://katalog.ub.uni-bamberg.de">
-                        <h2>Bibliothek</h2>
-                        <p>Literatursuche, Vorbestellung an verschiedene Standorte und Onlineexemplare im Volltext</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="https://o365.uni-bamberg.de">
-                        <h2>Email und MS Office</h2>
-                        <p>Webversion des Microsoft-Softwaresuite "Office 365" mit Outlook, Word, Excel, Powerpoint etc.</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="https://mailex.uni-bamberg.de">
-                        <h2>Alternatives Emailsystem</h2>
-                        <p>Login für das alternative Email-System der Uni (Wechsel über das IAM-Portal möglich)</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="http://campusprint.uni-bamberg.de/">
-                        <h2>Drucken</h2>
-                        <p>Übersicht über ausstehende Druckjobs und Scannen mittels 
-campusprint (funktioniert nur im VPN)</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="https://www.studentenwerk-wuerzburg.de/bamberg/essen-trinken/mensen.html">
-                        <h2>Mensa</h2>
-                        <p>Speisepläne und Öffnungszeiten für die verschiedenen Mensen der Universität</p>
-                    </a>
-                </li>
-                <li>
-                    <a target="_blank" href="https://iam.uni-bamberg.de/OGiTiX/unimate/Default.aspx?page=WorkflowList&key=5CD83B366DC04DE8B4471D84D195DDAC00000003">
-                        <h2>IAM-Portal</h2>
-                        <p>Verschiedene Services: Emailweiterleitungen einrichten, das Mailsystem wechseln und Passwörter zurücksetzen</p>
-                    </a>
-                </li>
-            </ul>
-        </main>
-
-        <footer>
-            &copy; Fachschaft WIAI - 2013 bis 2019 (<a href="english.html">English version</a>)
-        </footer>
-
+	<script>
+		let redirectLocation = `https://stuve-bamberg.de/kurzlinks/`;
+		window.location.replace(redirectLocation);
+	</script>
+	<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
+	<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
+	<!--p>Sie werden in Kürze weitergeleitet.</p-->
+	<p>There ain't no nothing here.</p>
    </body>
 </html>
--- a/eet/old/css/style-plan.css
+++ b/eet/old/css/style-plan.css
@ -0,0 +1,93 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+body {
+  font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  padding: 2rem;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+header, main, footer {
+  box-sizing: border-box;
+  margin: 0 auto;
+  width: 750px;
+  max-width: calc(100vw-2rem);
+}
+
+main {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+h1,
+h2 {
+  padding-bottom: .5rem;
+}
+
+h2 {
+  margin-top: 2rem;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(41, 125, 207);
+  transition: color .2s;
+}
+
+table {
+  cellpadding: .5rem;
+  border-collapse: collapse;
+}
+
+table tr:not(:last-of-type) {
+  border-bottom: 1px solid gray;
+}
+
+table th {
+  text-align: left;
+}
+
+table td.first-row {
+  width: 180px;
+}
+
+table th, table td {
+  vertical-align: top;
+  padding: .5rem .2rem;
+}
+
+@media screen and (max-width: 1100px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main, header, footer {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: calc(100vw - 4rem);
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+}
--- a/eet/old/css/style.css
+++ b/eet/old/css/style.css
@ -0,0 +1,120 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+
+body {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100vh;
+  padding: 2rem;
+  font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+h1, h2 {
+  padding-bottom: .5rem;
+}
+
+main ul {
+  display: grid;
+  margin: 2rem 0;
+  height: calc(100% - 4rem);
+  grid-template-rows: repeat(4, 1fr);
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 4px;
+  list-style: none;
+}
+
+main ul li a {
+  --baseHue: 213;
+  --altHue: 199;
+
+  --hue: var(--baseHue);
+  --sat: 100%;
+  --lum: 67%;
+  --alpha: .4;
+
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem;
+  background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
+  transition: background-color .2s ease-in-out;
+}
+
+main ul li:nth-of-type(2n) a {
+  --hue: var(--altHue);
+}
+
+main ul li a:hover {
+  --alpha: .2;
+}
+
+main a:link,
+main a:visited,
+main a:active,
+main a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(15, 15, 15);
+  transition: color .2s;
+}
+
+.without-english-version {
+  display: none;
+}
+
+@media screen and (max-width: 850px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main ul {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--altHue)
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+
+  main ul {
+    grid-template-columns: 1fr;
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--altHue)
+  }
+
+  main ul li a {
+    padding: 1rem;
+  }
+}
--- a/eet/old/english.html
+++ b/eet/old/english.html
@ -75,10 +75,9 @@
                    </a>
                </li>
                <li>
-                    <a target="_blank" href="http://campusprint.uni-bamberg.de/">
+                    <a target="_blank" href="https://icprint.uni-bamberg.de/index.php?lang=uk">
                        <h2>Printing</h2>
-                        <p>Overview page listing ongoing and waiting printing jobs as well 
-as an option to scan documents using campusprint (VPN connection required)</p>
+                        <p>Overview page listing ongoing and waiting printing jobs as well as an option to scan documents using icprint</p>
                    </a>
                </li>
                <li>
--- a/eet/old/images/back_64.png
+++ b/eet/old/images/back_64.png
--- a/eet/old/images/bg.jpg
+++ b/eet/old/images/bg.jpg
--- a/eet/old/images/cubes_bg.png
+++ b/eet/old/images/cubes_bg.png
--- a/eet/old/images/fachschaft.png
+++ b/eet/old/images/fachschaft.png
--- a/eet/old/images/fak_wiai.jpg
+++ b/eet/old/images/fak_wiai.jpg
--- a/eet/old/images/fak_wiai2.jpg
+++ b/eet/old/images/fak_wiai2.jpg
--- a/eet/old/images/logo_transparent.png
+++ b/eet/old/images/logo_transparent.png
--- a/eet/old/images/square_bg.png
+++ b/eet/old/images/square_bg.png
--- a/eet/old/images/uniba.png
+++ b/eet/old/images/uniba.png
--- a/eet/old/images/wiaicomm.png
+++ b/eet/old/images/wiaicomm.png
--- a/eet/old/index.html
+++ b/eet/old/index.html
@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+
+        <title>EETs | Kurzlinks</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+		<meta name="description" content="Kurzlinks zum Studium rund um die Fakult&auml;t WIAI an der Universit&auml;t Bamberg" />
+        <meta name="keywords" content="Bamberg, Uni, Universit&auml;t, WIAI, Wirtschaftsinformatik, Angewandte Informatik, Community, WIAI Community, Fachschaft WIAI, Fachschaft"/>
+
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+        <link rel="stylesheet" href="./css/style.css">
+
+    </head>
+    <body>
+        <header>
+            <h1>Erstsemester-Einführungstage</h1>
+            Übersicht über die Portale zum Studium in Bamberg
+        </header>
+        <main>
+            <ul>
+                <li>
+                    <a target="_blank" href="https://wiai.de">
+                        <h2>WIAI.de</h2>
+                        <p>Webportal der Fachschaft mit Links zur Fakultäts- und Fachschaftsseite sowie zu WIAI.community</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="http://www.feki.de">
+                        <h2>Feki.de</h2>
+                        <p>Quicklinks, Informationen rund ums Studium, Vereinsblog, Kellerguide und Mensaplan</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="http://zul.zuv.uni-bamberg.de">
+                        <h2>Studierendenkanzlei Online</h2>
+                        <p>Bescheinigungen für Studium, BAföG und die Hochschulwahl, Adressen und Parkausweise</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://fn2stud.zuv.uni-bamberg.de/FN2AUTH/FN2AuthServlet?op=Login">
+                        <h2>FlexNow</h2>
+                        <p>Anmeldung zu Prüfungen und Lehrveranstaltungen, Prüfungstermine, Notenübersicht und TAN-Listen</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="http://vc.uni-bamberg.de">
+                        <h2>Virtueller Campus</h2>
+                        <p>Onlinekurse, Vorlesungsunterlagen und Foren zu den einzelnen Veranstaltungen</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="http://univis.uni-bamberg.de">
+                        <h2>UnivIS</h2>
+                        <p>Vorlesungsverzeichnis, Stundenplanerstellung und Verzeichnis von Räumen und Personen</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://katalog.ub.uni-bamberg.de">
+                        <h2>Bibliothek</h2>
+                        <p>Literatursuche, Vorbestellung an verschiedene Standorte und Onlineexemplare im Volltext</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://o365.uni-bamberg.de">
+                        <h2>Email und MS Office</h2>
+                        <p>Webversion des Microsoft-Softwaresuite "Office 365" mit Outlook, Word, Excel, Powerpoint etc.</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://mailex.uni-bamberg.de">
+                        <h2>Alternatives Emailsystem</h2>
+                        <p>Login für das alternative Email-System der Uni (Wechsel über das IAM-Portal möglich)</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="http://icprint.uni-bamberg.de">
+                        <h2>Drucken</h2>
+                        <p>Übersicht über ausstehende Druckjobs und Scannen mittels icprint</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://www.studentenwerk-wuerzburg.de/bamberg/essen-trinken/mensen.html">
+                        <h2>Mensa</h2>
+                        <p>Speisepläne und Öffnungszeiten für die verschiedenen Mensen der Universität</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://iam.uni-bamberg.de/OGiTiX/unimate/Default.aspx?page=WorkflowList&key=5CD83B366DC04DE8B4471D84D195DDAC00000003">
+                        <h2>IAM-Portal</h2>
+                        <p>Verschiedene Services: Emailweiterleitungen einrichten, das Mailsystem wechseln und Passwörter zurücksetzen</p>
+                    </a>
+                </li>
+            </ul>
+        </main>
+
+        <footer>
+            &copy; Fachschaft WIAI - 2013 bis 2019 (<a href="english.html">English version</a>)
+        </footer>
+
+    </body>
+</html>
--- a/eet/old/plan
+++ b/eet/old/plan
@ -0,0 +1 @@
+Subproject commit 1c43f8f69d2529ec7faf410a3ee1b251f7285c2a
--- a/eet/old/robots.txt
+++ b/eet/old/robots.txt
--- a/eet/plan/english.html
+++ b/eet/plan/english.html
@ -1,184 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-
-  <title>EETs | Agenda</title>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <meta name="description"
-    content="Agenda for the first-semester introductory days at the Bamberg University's WIAI faculty." />
-  <meta name="keywords"
-    content="Bamberg, uni, university, information systems, applied computer science, Community, WIAI Community, Fachschaft WIAI, Fachschaft, student association Bamberg" />
-
-  <link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon" />
-  <link rel="stylesheet" href="../css/style-plan.css">
-
-</head>
-
-<body>
-  <header>
-    <h1>Introductory Days<br>for First Semester Students</h1>
-    Overview of the events scheduled for summer semester 2019 (<a href="index.html">Deutsche Version</a>)
-  </header>
-  <main>
-    <h2 style="display:none;">Wednesday (April 17, 2019)</h2>
-    <table style="display:none;">
-      <tr>
-        <td class="first-row">9:00 - 10:30 am</td>
-        <td><h3>Plenary Event</h3> at WE5/00.022 (all students)<br></td>
-      </tr>
-      <tr>
-        <td>10:45 - 12:00 am</td>
-        <td>
-          <h3>Introduction to the Courses of Study</h3>
-          <ul>
-            <li>BA AI: Leon Martin at WE5/00.019</li>
-            <li>BA WI: Maximilian Raab at WE5/00.022</li>
-            <li>BA IISM: Jakob Wirth at WE5/01.003</li>
-            <li>BA I:SSS: Robin Lichtenthäler at WE5/04.004</li>
-          </ul>
-          <ul>
-            <li>MA AI: Dipl. Inf. Mirko Fetter at WE5/02.005</li>
-            <li>MA WI: Thomas Friedrich at WE5/01.006</li>
-            <li>MA IISM: Falco Klemm at WE5/02.020</li>
-            <li>MA ISSS: Aboubakr El Hacen Benabbas at WE5/03.004</li>
-           <li>MA CitH: Olga Yanenko at WE5/01.004</li>
-            <li>MA WIPäd: Jens Aichinger at WE5/05.005</li>
-          </ul>
-        </td>
-      </tr>
-      <tr>
-        <td>12:00 am - 1:00 pm</td>
-        <td><h3>Lunch Hour</h3></td>
-      </tr>
-      <tr>
-        <td>1:00 - 3:00 pm</td>
-        <td>
-          <h3>Fun & Games</h3>
-          <p>Guided tours through the buildings will take place at 1:00 pm, 1:30 pm, 2:00 pm and 2:30 pm. The
-            first library tour (starting at 1:00 pm) will be given in English.</p>
-
-          <ul>
-            <li>
-              <b>University Tour</b>: We show important lecturing halls, seminary rooms, learning areas, help desks and places to spend your spare time at the Erba Island. (starting point: courtyard)
-            </li>
-            <li>
-              <b>Library Tour</b>: An introduction to the library stock, to the loan and usage of library media as well as to accessing the library prepare for your studies. (starting point: in front of the library)
-            </li>
-          </ul>
-
-          <br>
-          Moreover, several activities will be spreaded across the area:
-
-          <ul>
-            <li>
-              <b>Presentation of university-related student associations</b>:
-              Groups of engaged students present ways of spending the spare time surrounding the everyday university life. (lounge)
-            </li>
-            <li>
-              <b><a href="https://sortierhut.stuve-bamberg.de/">Sorting Hat</a></b>: A uniquely implemented sorting hat will assign you to one of five houses based on your answers to mystic questions. Whoever guesses the assignment algorithm first, wins the game. Pick up your house emblem and display it on your chest proudly. (WE5/00.022)
-            </li>
-            <li>
-              <b>Pop Culture Code</b>: This game is all about demystifying allusions to films, series, books and the like contained in snippets of pseudocode. (WE5/00.019, <b>start: 2:00 pm</b>)
-            </li>
-            <li>
-              <b>Gaming Corner</b>:  Party games like Cards against Downtime (Computer Science Edition) await you. (WE5/01.006)
-            </li>
-            <li>
-              <b>Outerior Activities</b>: Play Frisbee, basketball and volleyball with your future study mates and enjoy the fresh air and the green scenary surrounding the university building. (Erba Park)
-            </li>
-          </ul>
-        </td>
-      </tr>
-      <tr>
-        <td>4:00 - 4:30 pm</td>
-        <td>
-          <h3>Feki Tour</h3> (all students, gathering place: Erba lounge at 3:15 pm)
-          <p>At Feldkirchenstraße several introductory modules take place. We introduce you to important lecturing halls (and a real cantine!).</p>
-        </td>
-      </tr>
-    </table>
-
-    <h2>Thursday (April 18, 2019)</h2>
-    <table>
-      <tr class="first-row">
-        <td><b>10:00 - 11:30 am (!)</b></td>
-       <td>
-          <h3>Setup of University-related IT Services</h3>
-          <ul>
-            <li>Bachelor students without Laptop: WE5/01.004</li>
-            <li>Bachelor students with Laptop: WE5/00.022</li>
-            <li>Master students without Laptop: WE5/02.005</li>
-            <li>Master students with Laptop: WE5/00.019</li>
-            <li>English speaking students: WE5/02.005</li>
-          </ul>
-        </td>
-      </tr>
-      <tr>
-        <td>11:45 - 12:30 am</td>
-        <td>
-          <h3>Introduction to the University Data Center</h3>
-          <ul>
-            <li>German speaking students: WE5/00.022</li>
-            <li>English speaking students: WE5/00.019</li>
-          </ul>
-        </td>
-      </tr>
-      <tr>
-        <td>12:30 am - 1:30 pm</td>
-        <td>
-          <h3>Lunch Hour</h3>
-        </td>
-      </tr>
-      <tr>
-        <td>1:30 - 2:30 pm</td>
-        <td>
-          <h3>Introduction to the University's Web Services</h3>
-          <li>Bachelor students without Laptop: WE5/01.004</li>
-          <li>Bachelor students with Laptop: WE5/00.022</li>
-          <li>Master students without Laptop: WE5/02.005</li>
-          <li>Master students with Laptop: WE5/00.019</li>
-          <li>English speaking students: WE5/01.003</li>
-        </td>
-      </tr>
-      <tr>
-        <td>starting at 2:30 pm</td>
-        <td>
-          <h3>Scheduling Tutorials</h3>
-          <ul>
-            <li>Bachelor AI: WE5/00.019</li>
-            <li>Bachelor WI: WE5/00.022</li>
-            <li>Bachelor IISM: WE5/01.003</li>
-            <li>Bachelor I:SSS: WE5/04.003</li>
-            <li>Master AI: WE5/02.005</li>
-            <li>Master WI: WE5/01.006</li>
-            <li>Master IISM: WE5/03.004</li>
-            <li>Master ISSS: WE5/02.020</li>
-            <li>Master CitH: WE5/01.004</li>
-            <li>Master WIPäd: WE5/05.005</li>
-          </ul>
-        </td>
-      </tr>
-    </table>
-  </main>
-
-  <footer>
-    &copy; Fachschaft WIAI - 2019 (<a href="index.html">Deutsche Version</a>)
-  </footer>
-
-  <script>
-    var opentime; 
-    window.onload = function() {
-      opentime = Date.now();
-      setInterval(function() {
-        if (Date.now() - opentime > (30 * 1000))
-          location.reload()
-      }, 30000)
-    }
-
-  </script>
-</body>
-
-</html>
--- a/eet/plan/index.html
+++ b/eet/plan/index.html
@ -1,193 +0,0 @@
-<!DOCTYPE html>
-<html lang="de">
-
-<head>
-
-  <title>EETs | Plan</title>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <meta name="description"
-    content="Agenda für die Erstsemestereinführungstage (EETs) der Fakult&auml;t WIAI an der Universit&auml;t Bamberg" />
-  <meta name="keywords"
-    content="Bamberg, Uni, Universit&auml;t, WIAI, Wirtschaftsinformatik, Angewandte Informatik, Community, WIAI Community, Fachschaft WIAI, Fachschaft" />
-
-  <link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon" />
-  <link rel="stylesheet" href="../css/style-plan.css">
-
-</head>
-
-<body>
-  <header>
-    <h1>Erstsemester-Einführungstage</h1>
-    Überblick über die Veranstaltungen zum Sommersemester 2019 (<a href="english.html">English 
-version</a>)
-  </header>
-  <main>
-    <h2 style="display:none;">Mittwoch (17. April 2019)</h2>
-    <table style="display:none;">
-      <tr data-timestamp="1555489800000">
-        <td class="first-row">09:00 - 10:30 Uhr</td>
-        <td><h3>Plenumsveranstaltung</h3> im Raum WE5/00.022 (alle Studiengänge)<br></td>
-      </tr>
-      <tr data-timestamp="1555495200000">
-        <td>10:45 - 12:00 Uhr</td>
-        <td>
-          <h3>Facheinführungen</h3>
-          <ul>
-            <li>BA AI: Leon Martin in WE5/00.019</li>
-            <li>BA WI: Maximilian Raab in WE5/00.022</li>
-            <li>BA IISM: Jakob Wirth in WE5/01.003</li>
-            <li>BA I:SSS: Robin Lichtenthäler in WE5/04.004</li>
-          </ul>
-          <ul>
-            <li>MA AI: Dipl. Inf. Mirko Fetter in WE5/02.005</li>
-            <li>MA WI: Thomas Friedrich in WE5/01.006</li>
-            <li>MA IISM: Falco Klemm in WE5/02.020</li>
-            <li>MA ISSS: Aboubakr El Hacen Benabbas in WE5/03.004</li>
-            <li>MA CitH: Olga Yanenko in WE5/01.004</li>
-            <li>MA WIPäd: Jens Aichinger in WE5/05.005</li>
-          </ul>
-        </td>
-      </tr>
-      <tr data-timestamp="1555498800000">
-        <td>12:00 - 13:00 Uhr</td>
-        <td><h3>Gemeinsame Mittagspause</h3></td>
-      </tr>
-      <tr data-timestamp="1555506000000">
-        <td>13:00 - 15:00 Uhr</td>
-        <td>
-          <h3>Fun & Games</h3>
-          <p>Um 13:00 Uhr, 13:30 Uhr, 14:00 Uhr und 14:30 Uhr finden Führungen statt. The first library tour will be given in English.</p>
-
-          <ul>
-            <li>
-              <b>Universitätsführung</b>: Wir zeigen wichtige Hörsäle, Seminarräume, studentische Lernbereiche, Anlaufstellen und Freizeitorte am Erba-Standort. (Startpunkt: im Erbahof)
-            </li>
-            <li>
-              <b>Bibliotheksführung</b>: Eine Einführung zum Bibliotheksbestand, zur Ausleihe und Nutzung vorhandener Medien sowie zum Zugang zur Bibliothek bereitet auf die Studienzeit vor. (Startpunkt: vor der Bibliothek)
-            </li>
-          </ul>
-
-          <br>
-          Außerdem werden auf dem gesamten Gelände verschiedene andere Aktivitäten zu finden sein:
-
-          <ul>
-            <li>
-              <b>Vorstellung der hochschulnahen Gruppen</b>: Für die Zeit außerhalb des Studiums stellen verschiedene Vereine und Gruppen unterschiedliche studienbezogene Freizeitaktivitäten vor. (Foyer)
-            </li>
-            <li>
-              <b><a href="https://sortierhut.stuve-bamberg.de/">Sortierhut</a></b>: Anhand einer Handvoll Fragen wirst du in eines von fünf Häusern einsortiert. Wer zuerst enträtselt, welche der Fragen
-              bestimmt, in welches Haus man kommt, gewinnt. Hol dir deinen Haussticker bei uns ab, um ihn stolz auf der Brust zu tragen. (WE5/00.022)
-            </li>
-            <li>
-              <b>Popkulturkode</b>: Ein Spiel, bei dem es darum geht, anhand von Pseudcodeschnipseln, also wenigen Zeilen einer ausgedachten Programmiersprache, Anspielungen auf Filme, Serien, Bücher usw. zu erraten. (WE5/00.019, <b>Beginn: 14:00 Uhr</b>)
-            </li>
-            <li>
-              <b>Spiele-Ecke</b>:  Cards against Downtime (Informatikedition von Cards against Humanity), Tabu und Montagsmaler (Informatikedition) (WE5/01.006)
-            </li>
-            <li>
-              <b>Erbapark</b>: Frisbee, Kubb (Schwedenschach), Basketball, Volleyball spielen und die frische Luft und das Grün des Parks genießen (Erbapark)
-            </li>
-          </ul>
-        </td>
-      </tr>
-      <tr data-timestamp="1555511400000">
-        <td>16:00 - 16:30 Uhr</td>
-        <td>
-          <h3>Feki-Führung</h3> (alle Studiengänge, Treffpunkt: Erba-Foyer um 15:15 Uhr)
-          <p>Am Standort Feldkirchenstraße finden besonders in den frühen Semestern viele Veranstaltungen statt, die wir uns mit der Fakultät Sozialwissenschaften teilen. Wir stellen auch hier wichtige Hörsäle, lokale Besonderheiten und kulinarische Angebote vor.</p>
-        </td>
-      </tr>
-    </table>
-
-    <h2>Donnerstag (18. April 2019)</h2>
-    <table>
-      <tr data-timestamp="1555579800000">
-        <td class="first-row"><b>10:00 - 11:30 Uhr (!)</b></td>
-        <td>
-          <h3>Einrichtung der IT-Dienste der Universität</h3>
-          <ul>
-            <li>Bachelor ohne Laptop: WE5/01.004</li>
-            <li>Bachelor mit Laptop: WE5/00.022</li>
-            <li>Master ohne Laptop: WE5/02.005</li>
-            <li>Master mit Laptop: WE5/00.019</li>
-            <li>English speaking students: WE5/02.005</li>
-          </ul>
-        </td>
-      </tr>
-      <tr data-timestamp="1555583400000">
-        <td>11:45 - 12:30 Uhr</td>
-        <td>
-          <h3>Vorstellung des Rechenzentrums</h3>
-          <ul>
-            <li>Deutschsprachige Studierende: WE5/00.022</li>
-            <li>English speaking students: WE5/00.019</li>
-          </ul>
-        </td>
-      </tr>
-      <tr data-timestamp="1555585200000">
-        <td>12:30 - 13:30 Uhr</td>
-        <td>
-          <h3>Gemeinsame Mittagspause</h3>
-        </td>
-      </tr>
-      <tr data-timestamp="1555590600000">
-        <td>13:30 - 14:30 Uhr</td>
-        <td>
-          <h3>Einführung in die Onlinedienste der Universität</h3>
-          <li>Bachelor ohne Laptop: WE5/01.004</li>
-          <li>Bachelor mit Laptop: WE5/00.022</li>
-          <li>Master ohne Laptop: WE5/02.005</li>
-          <li>Master mit Laptop: WE5/00.019</li>
-          <li>English speaking students: WE5/01.003</li>
-        </td>
-      </tr>
-      <tr>
-        <td>ab 14:30 Uhr</td>
-        <td>
-          <h3>Stundenplantutorien</h3>
-          <ul>
-            <li>Bachelor AI: WE5/00.019</li>
-            <li>Bachelor WI: WE5/00.022</li>
-            <li>Bachelor IISM: WE5/01.003</li>
-            <li>Bachelor I:SSS: WE5/04.003</li>
-            <li>Master AI: WE5/02.005</li>
-            <li>Master WI: WE5/01.006</li>
-            <li>Master IISM: WE5/03.004</li>
-            <li>Master ISSS: WE5/02.020</li>
-            <li>Master CitH: WE5/01.004</li>
-            <li>Master WIPäd: WE5/05.005</li>
-          </ul>
-        </td>
-      </tr>
-    </table>
-  </main>
-
-  <footer>
-    &copy; Fachschaft WIAI - 2019 (<a href="english.html">English version</a>)
-  </footer>
-
-  <script>
-    var opentime;
-    window.onload = function() {
-      opentime = Date.now();
-      let rows = Array.from(document.querySelectorAll('[data-timestamp]'))
-      now = Date.now()
-      for (var i = 0; i < rows.length; i++) {
-        timestamp = Number(rows[i].getAttribute('data-timestamp'))
-        if (timestamp < now) {
-          rows[i].style.color = 'lightgray';
-        }
-      }
-
-      setInterval(function() {
-        if (Date.now() - opentime > (30 * 1000))
-          location.reload()
-      }, 30000)
-    }
-
-  </script>
-</body>
-
-</html>
--- a/eet/twitter-card.png
+++ b/eet/twitter-card.png
--- a/engagement/css/style-plan.css
+++ b/engagement/css/style-plan.css
@ -0,0 +1,93 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+body {
+  font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  padding: 2rem;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+header, main, footer {
+  box-sizing: border-box;
+  margin: 0 auto;
+  width: 750px;
+  max-width: calc(100vw-2rem);
+}
+
+main {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+h1,
+h2 {
+  padding-bottom: .5rem;
+}
+
+h2 {
+  margin-top: 2rem;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(41, 125, 207);
+  transition: color .2s;
+}
+
+table {
+  cellpadding: .5rem;
+  border-collapse: collapse;
+}
+
+table tr:not(:last-of-type) {
+  border-bottom: 1px solid gray;
+}
+
+table th {
+  text-align: left;
+}
+
+table td.first-row {
+  width: 180px;
+}
+
+table th, table td {
+  vertical-align: top;
+  padding: .5rem .2rem;
+}
+
+@media screen and (max-width: 1100px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main, header, footer {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: calc(100vw - 4rem);
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+}
--- a/engagement/css/style.css
+++ b/engagement/css/style.css
@ -0,0 +1,120 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+
+body {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100vh;
+  padding: 2rem;
+  font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+h1, h2 {
+  padding-bottom: .5rem;
+}
+
+main ul {
+  display: grid;
+  margin: 2rem 0;
+  height: calc(100% - 4rem);
+  grid-template-rows: repeat(4, 1fr);
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 4px;
+  list-style: none;
+}
+
+main ul li a {
+  --baseHue: 213;
+  --altHue: 199;
+
+  --hue: var(--baseHue);
+  --sat: 100%;
+  --lum: 67%;
+  --alpha: .4;
+
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem;
+  background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
+  transition: background-color .2s ease-in-out;
+}
+
+main ul li:nth-of-type(2n) a {
+  --hue: var(--altHue);
+}
+
+main ul li a:hover {
+  --alpha: .2;
+}
+
+main a:link,
+main a:visited,
+main a:active,
+main a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(15, 15, 15);
+  transition: color .2s;
+}
+
+.without-english-version {
+  display: none;
+}
+
+@media screen and (max-width: 850px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main ul {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--altHue)
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+
+  main ul {
+    grid-template-columns: 1fr;
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--altHue)
+  }
+
+  main ul li a {
+    padding: 1rem;
+  }
+}
--- a/engagement/index.html
+++ b/engagement/index.html
@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>Hochschulnahe Gruppen</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+
+    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
+    <body>
+	<script>
+		let redirectLocation = `https://vc.uni-bamberg.de/course/view.php?id=41834`;
+		window.location.replace(redirectLocation);
+	</script>
+	<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
+	<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
+	<!--p>Sie werden in Kürze weitergeleitet.</p-->
+	<p>There ain't no nothing here.</p>
+    </body>
+</html>
--- a/engagement/twitter-card.png
+++ b/engagement/twitter-card.png
--- a/frauen/css/style-plan.css
+++ b/frauen/css/style-plan.css
@ -0,0 +1,93 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+body {
+  font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  padding: 2rem;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+header, main, footer {
+  box-sizing: border-box;
+  margin: 0 auto;
+  width: 750px;
+  max-width: calc(100vw-2rem);
+}
+
+main {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+h1,
+h2 {
+  padding-bottom: .5rem;
+}
+
+h2 {
+  margin-top: 2rem;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(41, 125, 207);
+  transition: color .2s;
+}
+
+table {
+  cellpadding: .5rem;
+  border-collapse: collapse;
+}
+
+table tr:not(:last-of-type) {
+  border-bottom: 1px solid gray;
+}
+
+table th {
+  text-align: left;
+}
+
+table td.first-row {
+  width: 180px;
+}
+
+table th, table td {
+  vertical-align: top;
+  padding: .5rem .2rem;
+}
+
+@media screen and (max-width: 1100px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main, header, footer {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: calc(100vw - 4rem);
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+}
--- a/frauen/css/style.css
+++ b/frauen/css/style.css
@ -0,0 +1,120 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+
+body {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100vh;
+  padding: 2rem;
+  font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+h1, h2 {
+  padding-bottom: .5rem;
+}
+
+main ul {
+  display: grid;
+  margin: 2rem 0;
+  height: calc(100% - 4rem);
+  grid-template-rows: repeat(4, 1fr);
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 4px;
+  list-style: none;
+}
+
+main ul li a {
+  --baseHue: 213;
+  --altHue: 199;
+
+  --hue: var(--baseHue);
+  --sat: 100%;
+  --lum: 67%;
+  --alpha: .4;
+
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem;
+  background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
+  transition: background-color .2s ease-in-out;
+}
+
+main ul li:nth-of-type(2n) a {
+  --hue: var(--altHue);
+}
+
+main ul li a:hover {
+  --alpha: .2;
+}
+
+main a:link,
+main a:visited,
+main a:active,
+main a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(15, 15, 15);
+  transition: color .2s;
+}
+
+.without-english-version {
+  display: none;
+}
+
+@media screen and (max-width: 850px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main ul {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--altHue)
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+
+  main ul {
+    grid-template-columns: 1fr;
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--altHue)
+  }
+
+  main ul li a {
+    padding: 1rem;
+  }
+}
--- a/frauen/index.html
+++ b/frauen/index.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>WIAI-Frauenstammtisch</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+
+	<!-- Open Graph (Facebook) >
+	<meta property="og:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!"/>
+	<meta property="og:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!"/>
+	<meta property="og:url" content="http://wiai.de/sitzung"/>
+	<meta property="og:image" content="twitter-card.png"/>
+	<meta property="og:image:width" content="1200"/>
+	<meta property="og:image:height" content="630"/> -->
+
+	<!-- Twitter Cards >
+	<meta name="twitter:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!">
+	<meta name="twitter:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!">
+	<meta name="twitter:image" content="twitter-card.png">
+	<meta name="twitter:site" contents="@FachschaftWIAI"
+	<meta name="twitter:card" content="summary_large_image"> -->
+    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
+    <body>
+	<script>
+		let redirectLocation = 
+`https://teams.microsoft.com/l/team/19%3Ab045504007d84ac1936dc14dd5547895%40thread.tacv2/conversations?groupId=6a76c331-c444-4a2b-a3bf-0c0daa3e6b17&tenantId=4f18ddfc-c31f-4597-afda-fa5a760bf3cf`;
+		window.location.replace(redirectLocation);
+	</script>
+	<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
+	<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
+	<!--p>Sie werden in Kürze weitergeleitet.</p-->
+	<p>There ain't no nothing here.</p>
+    </body>
+</html>
--- a/frauen/twitter-card.png
+++ b/frauen/twitter-card.png
--- a/hello/css/style-plan.css
+++ b/hello/css/style-plan.css
@ -0,0 +1,93 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+body {
+  font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  padding: 2rem;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+header, main, footer {
+  box-sizing: border-box;
+  margin: 0 auto;
+  width: 750px;
+  max-width: calc(100vw-2rem);
+}
+
+main {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+h1,
+h2 {
+  padding-bottom: .5rem;
+}
+
+h2 {
+  margin-top: 2rem;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(41, 125, 207);
+  transition: color .2s;
+}
+
+table {
+  cellpadding: .5rem;
+  border-collapse: collapse;
+}
+
+table tr:not(:last-of-type) {
+  border-bottom: 1px solid gray;
+}
+
+table th {
+  text-align: left;
+}
+
+table td.first-row {
+  width: 180px;
+}
+
+table th, table td {
+  vertical-align: top;
+  padding: .5rem .2rem;
+}
+
+@media screen and (max-width: 1100px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main, header, footer {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: calc(100vw - 4rem);
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+}
--- a/hello/css/style.css
+++ b/hello/css/style.css
@ -0,0 +1,120 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+
+body {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100vh;
+  padding: 2rem;
+  font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+h1, h2 {
+  padding-bottom: .5rem;
+}
+
+main ul {
+  display: grid;
+  margin: 2rem 0;
+  height: calc(100% - 4rem);
+  grid-template-rows: repeat(4, 1fr);
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 4px;
+  list-style: none;
+}
+
+main ul li a {
+  --baseHue: 213;
+  --altHue: 199;
+
+  --hue: var(--baseHue);
+  --sat: 100%;
+  --lum: 67%;
+  --alpha: .4;
+
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem;
+  background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
+  transition: background-color .2s ease-in-out;
+}
+
+main ul li:nth-of-type(2n) a {
+  --hue: var(--altHue);
+}
+
+main ul li a:hover {
+  --alpha: .2;
+}
+
+main a:link,
+main a:visited,
+main a:active,
+main a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(15, 15, 15);
+  transition: color .2s;
+}
+
+.without-english-version {
+  display: none;
+}
+
+@media screen and (max-width: 850px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main ul {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--altHue)
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+
+  main ul {
+    grid-template-columns: 1fr;
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--altHue)
+  }
+
+  main ul li a {
+    padding: 1rem;
+  }
+}
--- a/hello/index.html
+++ b/hello/index.html
@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>Weiterleitung</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
+    <body>
+	<script>
+		function getNextDayOfWeek(dayOfWeek) {
+    			// reference: https://codereview.stackexchange.com/questions/33527/find-next-occurring-friday-or-any-dayofweek
+    			var date = new Date();
+			date.setDate(date.getDate() + (7 + dayOfWeek - date.getDay()) % 7);
+			return date;
+		}
+
+		// TODO: If the meeting does not happen on Tuesday, change 2 to whatever weekday we need.
+		let date = getNextDayOfWeek(2);
+		let year = date.getFullYear();
+		let month = date.getMonth() > 8 ? (date.getMonth()+1) : '0' + (date.getMonth()+1);
+		let day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate();
+		let redirectLocation = `https://hackmd.stuve-bamberg.de/sitzung${year}${month}${day}?both`;
+//                let redirectLocation = `https://hackmd.stuve-bamberg.de/sitzung20230110`;
+		window.location.replace(redirectLocation);
+	</script>
+	<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
+	<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
+	<!--p>Sie werden in Kürze weitergeleitet.</p-->
+	<p>There ain't no nothing here.</p>
+    </body>
+</html>
--- a/hello/index.html.save
+++ b/hello/index.html.save
@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>Weiterleitung</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
+    <body>
+	<script>
+		function getNextDayOfWeek(dayOfWeek) {
+    			// reference: https://codereview.stackexchange.com/questions/33527/find-next-occurring-friday-or-any-dayofweek
+    			var date = new Date();
+			date.setDate(date.getDate() + (7 + dayOfWeek - date.getDay()) % 7);
+			return date;
+		}
+
+		// TODO: If the meeting does not happen on Tuesday, change 2 to whatever weekday we need.
+		let date = getNextDayOfWeek(3);
+		let year = date.getFullYear();
+		let month = date.getMonth() > 8 ? (date.getMonth()+1) : '0' + (date.getMonth()+1);
+		let day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate();
+		let redirectLocation = `https://hackmd.stuve-bamberg.de/sitzung${year}${month}${day}?both`;
+                /////let redirectLocation = `https://hackmd.stuve-bamberg.de/sitzung20230110`;
+		window.location.replace(redirectLocation);
+	</script>// 
+	<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
+	<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
+	<!--p>Sie werden in Kürze weitergeleitet.</p-->
+	<p>There ain't no nothing here.</p>
+    </body>
+</html>
--- a/home/css/style-plan.css
+++ b/home/css/style-plan.css
@ -0,0 +1,93 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+body {
+  font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  padding: 2rem;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+header, main, footer {
+  box-sizing: border-box;
+  margin: 0 auto;
+  width: 750px;
+  max-width: calc(100vw-2rem);
+}
+
+main {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+h1,
+h2 {
+  padding-bottom: .5rem;
+}
+
+h2 {
+  margin-top: 2rem;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(41, 125, 207);
+  transition: color .2s;
+}
+
+table {
+  cellpadding: .5rem;
+  border-collapse: collapse;
+}
+
+table tr:not(:last-of-type) {
+  border-bottom: 1px solid gray;
+}
+
+table th {
+  text-align: left;
+}
+
+table td.first-row {
+  width: 180px;
+}
+
+table th, table td {
+  vertical-align: top;
+  padding: .5rem .2rem;
+}
+
+@media screen and (max-width: 1100px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main, header, footer {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: calc(100vw - 4rem);
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+}
--- a/home/css/style.css
+++ b/home/css/style.css
@ -0,0 +1,120 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+
+body {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100vh;
+  padding: 2rem;
+  font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+h1, h2 {
+  padding-bottom: .5rem;
+}
+
+main ul {
+  display: grid;
+  margin: 2rem 0;
+  height: calc(100% - 4rem);
+  grid-template-rows: repeat(4, 1fr);
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 4px;
+  list-style: none;
+}
+
+main ul li a {
+  --baseHue: 213;
+  --altHue: 199;
+
+  --hue: var(--baseHue);
+  --sat: 100%;
+  --lum: 67%;
+  --alpha: .4;
+
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem;
+  background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
+  transition: background-color .2s ease-in-out;
+}
+
+main ul li:nth-of-type(2n) a {
+  --hue: var(--altHue);
+}
+
+main ul li a:hover {
+  --alpha: .2;
+}
+
+main a:link,
+main a:visited,
+main a:active,
+main a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(15, 15, 15);
+  transition: color .2s;
+}
+
+.without-english-version {
+  display: none;
+}
+
+@media screen and (max-width: 850px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main ul {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--altHue)
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+
+  main ul {
+    grid-template-columns: 1fr;
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--altHue)
+  }
+
+  main ul li a {
+    padding: 1rem;
+  }
+}
--- a/home/index.html
+++ b/home/index.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>Unser Zuhause</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+
+	<!-- Open Graph (Facebook) >
+	<meta property="og:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!"/>
+	<meta property="og:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!"/>
+	<meta property="og:url" content="http://wiai.de/sitzung"/>
+	<meta property="og:image" content="twitter-card.png"/>
+	<meta property="og:image:width" content="1200"/>
+	<meta property="og:image:height" content="630"/> -->
+
+	<!-- Twitter Cards >
+	<meta name="twitter:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!">
+	<meta name="twitter:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!">
+	<meta name="twitter:image" content="twitter-card.png">
+	<meta name="twitter:site" contents="@FachschaftWIAI"
+	<meta name="twitter:card" content="summary_large_image"> -->
+    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
+    <body>
+	<script>
+		let redirectLocation = `https://play.adventure.uni-bamberg.de/_/global/maps.adventure.uni-bamberg.de/wiai-home/erba_inner_yard.json`;
+		window.location.replace('https://play.adventure.uni-bamberg.de/_/global/maps.adventure.uni-bamberg.de/wiai-home/erba_basement_right.json#entry_dependable_ai');
+	</script>
+	<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
+	<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
+	<!--p>Sie werden in Kürze weitergeleitet.</p-->
+	<p>There ain't no nothing here.</p>
+    </body>
+</html>
--- a/home/twitter-card.png
+++ b/home/twitter-card.png
--- a/latex-anmeldung/index.html
+++ b/latex-anmeldung/index.html
@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>Weiterleitung</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta http-equiv="refresh" content="0; url=https://survey.stuve-bamberg.de/index.php/511525?lang=de"/>
+
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
+    <body>
+	<img src="https://wiai.stuve-bamberg.de/eet/images/logo_transparent.png" width="200px"/>
+	<p>Sie werden in Kürze weitergeleitet. Nutzen Sie andernfalls <a 
+href="https://survey.stuve-bamberg.de/index.php/511525?lang=de">diesen Link</a>.</p>
+    </body>
+</html>
--- a/latex-feedback/css/style-plan.css
+++ b/latex-feedback/css/style-plan.css
@ -0,0 +1,93 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+body {
+  font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  padding: 2rem;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+header, main, footer {
+  box-sizing: border-box;
+  margin: 0 auto;
+  width: 750px;
+  max-width: calc(100vw-2rem);
+}
+
+main {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+h1,
+h2 {
+  padding-bottom: .5rem;
+}
+
+h2 {
+  margin-top: 2rem;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(41, 125, 207);
+  transition: color .2s;
+}
+
+table {
+  cellpadding: .5rem;
+  border-collapse: collapse;
+}
+
+table tr:not(:last-of-type) {
+  border-bottom: 1px solid gray;
+}
+
+table th {
+  text-align: left;
+}
+
+table td.first-row {
+  width: 180px;
+}
+
+table th, table td {
+  vertical-align: top;
+  padding: .5rem .2rem;
+}
+
+@media screen and (max-width: 1100px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main, header, footer {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: calc(100vw - 4rem);
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+}
--- a/latex-feedback/css/style.css
+++ b/latex-feedback/css/style.css
@ -0,0 +1,120 @@
+* {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+
+body {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100vh;
+  padding: 2rem;
+  font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+  color: #202020;
+  background:
+    url(../images/square_bg.png) repeat top left,
+    url(../images/logo_transparent.png) no-repeat calc(100vw - 200px) 30px;
+  background-size: auto, 150px 150px;
+}
+
+h1, h2 {
+  padding-bottom: .5rem;
+}
+
+main ul {
+  display: grid;
+  margin: 2rem 0;
+  height: calc(100% - 4rem);
+  grid-template-rows: repeat(4, 1fr);
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 4px;
+  list-style: none;
+}
+
+main ul li a {
+  --baseHue: 213;
+  --altHue: 199;
+
+  --hue: var(--baseHue);
+  --sat: 100%;
+  --lum: 67%;
+  --alpha: .4;
+
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 1.5rem;
+  background-color: hsla(var(--hue), var(--sat), var(--lum), var(--alpha));
+  transition: background-color .2s ease-in-out;
+}
+
+main ul li:nth-of-type(2n) a {
+  --hue: var(--altHue);
+}
+
+main ul li a:hover {
+  --alpha: .2;
+}
+
+main a:link,
+main a:visited,
+main a:active,
+main a:hover {
+  text-decoration: none;
+}
+
+a:link,
+a:visited,
+a:active,
+a:hover {
+  color: rgb(15, 15, 15);
+  transition: color .2s;
+}
+
+.without-english-version {
+  display: none;
+}
+
+@media screen and (max-width: 850px) {
+  body {
+    background: url(../images/square_bg.png) repeat top left;
+  }
+
+  main ul {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--altHue)
+  }
+}
+
+@media screen and (max-width: 530px) {
+  body {
+    padding: 1rem;
+  }
+
+  main ul {
+    grid-template-columns: 1fr;
+  }
+
+  main ul li:nth-of-type(4n + 1) a,
+  main ul li:nth-of-type(4n + 4) a {
+    --hue: var(--baseHue)
+  }
+
+  main ul li:nth-of-type(2n) a {
+    --hue: var(--altHue)
+  }
+
+  main ul li a {
+    padding: 1rem;
+  }
+}
--- a/latex-feedback/index.html
+++ b/latex-feedback/index.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <title>WIAI-Fachschaftssitzung – Jetzt teilnehmen!</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+
+	<!-- Open Graph (Facebook)>
+	<meta property="og:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!"/>
+	<meta property="og:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!"/>
+	<meta property="og:url" content="http://wiai.de/sitzung"/>
+	<meta property="og:image" content="twitter-card.png"/>
+	<meta property="og:image:width" content="1200"/>
+	<meta property="og:image:height" content="630"/-->
+
+	<!-- Twitter Cards>
+	<meta name="twitter:title" content="WIAI-Fachschaftssitzung – Jetzt teilnehmen!">
+	<meta name="twitter:description" content="Wir besprechen wöchentlich die aktuellen Entwicklungen an der Fakultät. Sei auch du dabei!">
+	<meta name="twitter:image" content="twitter-card.png">
+	<meta name="twitter:site" contents="@FachschaftWIAI"
+	<meta name="twitter:card" content="summary_large_image"-->
+    </head>
+    <style>
+	body {
+	    height: 100vh;
+	    width: 100vw;
+	    overflow: hidden;
+	    display: flex;
+	    flex-direction: column;
+	    align-items: center;
+	    justify-content: center;
+	    font-family: "Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+	    background: url(./images/square_bg.png) repeat top left;
+	}
+
+	p {
+	    margin-top: 2rem;
+	}
+    </style>
+    <body>
+	<script>
+		let redirectLocation = `https://hackmd.stuve-bamberg.de/2022-sommer-latex-feedback?both`;
+		window.location.replace(redirectLocation);
+	</script>
+	<img src="https://files.stuve-bamberg.de/logo_transparent.png" width="200px"/>
+	<noscript><p>Diese Seite funktioniert ggf. nur mit JavaScript.</p></noscript>
+	<!--p>Sie werden in Kürze weitergeleitet.</p-->
+	<p>There ain't no nothing here.</p>
+    </body>
+</html>
--- a/latex-feedback/twitter-card.png
+++ b/latex-feedback/twitter-card.png
--- a/latex-weekend-sose-2021/css/latex.css
+++ b/latex-weekend-sose-2021/css/latex.css
@ -0,0 +1,693 @@
+@charset "UTF-8";
+/* tame reveal.js */
+section {
+  min-height: 100vh;
+  width: 100vw;
+  padding: 0 !important; }
+
+* {
+  line-height: inherit; }
+
+input {
+  font-size: inherit; }
+
+/* config */
+:root {
+  --primary: #f8f281;
+  --primary-dark: #928c1b;
+  --secondary: #bbd6ec;
+  --secondary-dark: #3f5d75;
+  --secondary-light: #eaf2f9;
+  --margin: 0.1; }
+  :root:lang(de) {
+    --opening-double-quote: '»';
+    --closing-double-quote: '«'; }
+  :root:lang(en) {
+    --opening-double-quote: '“';
+    --closing-double-quote: '”'; }
+
+/* basic layout */
+:root {
+  --square: 100vw;
+  overflow: hidden; }
+  @media (min-aspect-ratio: 1 / 1) {
+    :root {
+      --square: 50vw; } }
+  @media (min-aspect-ratio: 2 / 1) {
+    :root {
+      --square: 100vh; } }
+
+body {
+  font-size: calc(0.035 * var(--square)); }
+  body article {
+    position: relative; }
+  body .layout-content-and-preview,
+  body .layout-content-only,
+  body .layout-preview-only,
+  body .layout-wide-content {
+    display: grid;
+    min-height: 100vh;
+    max-height: 100vh;
+    min-width: 100vw;
+    max-width: 100vw;
+    overflow: auto; }
+  body .layout-content-and-preview {
+    grid-template-rows: var(--square) auto;
+    grid-template-columns: auto;
+    grid-template-areas: "content" "preview";
+    background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) var(--square)); }
+    @media (min-aspect-ratio: 1 / 1) {
+      body .layout-content-and-preview {
+        grid-template-rows: auto var(--square) auto;
+        grid-template-columns: var(--square) auto;
+        grid-template-areas: "   .    preview" "content preview" "   .    preview";
+        background: linear-gradient(to right, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); } }
+    @media (min-aspect-ratio: 2 / 1) {
+      body .layout-content-and-preview {
+        grid-template-rows: var(--square);
+        grid-template-columns: var(--square) auto;
+        grid-template-areas: "content preview"; } }
+  body .layout-content-only {
+    grid-template-rows: var(--square) auto;
+    grid-template-columns: var(--square);
+    grid-template-areas: "content" "   .   ";
+    background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); }
+    @media (min-aspect-ratio: 1 / 1) {
+      body .layout-content-only {
+        grid-template-rows: auto var(--square) auto;
+        grid-template-columns: auto var(--square) auto;
+        grid-template-areas: ".    .    ." ". content ." ".    .    .";
+        background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - var(--square)) / 2), white calc((100% - var(--square)) / 2), white calc(100% - (100% - var(--square)) / 2), var(--secondary) calc(100% - (100% - var(--square)) / 2), var(--secondary) 100%); } }
+  body .layout-preview-only {
+    grid-template-rows: auto;
+    grid-template-columns: auto;
+    grid-template-areas: "preview";
+    background: var(--secondary); }
+  body .layout-wide-content {
+    background: white;
+    grid-template-rows: min-content auto;
+    grid-template-columns: var(--square);
+    grid-template-areas: "content" "   .   "; }
+    @media (min-aspect-ratio: 1 / 1) {
+      body .layout-wide-content {
+        grid-template-rows: auto var(--square) auto;
+        grid-template-columns: calc(2 * var(--square));
+        grid-template-areas: "   .   " "content" "   .   "; } }
+    @media (min-aspect-ratio: 2 / 1) {
+      body .layout-wide-content {
+        grid-template-rows: auto var(--square) auto;
+        grid-template-columns: auto calc(2 * var(--square)) auto;
+        grid-template-areas: ".    .    ." ". content ." ".    .    .";
+        background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - 2 * var(--square)) / 2), white calc((100% - 2 * var(--square)) / 2), white calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) 100%); } }
+  body .layout-content {
+    background: white;
+    grid-area: content;
+    position: relative; }
+    body .layout-content.titlepage {
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-end;
+      padding-bottom: calc(var(--margin) * var(--square) + 0.5 * 3em); }
+      body .layout-content.titlepage::before {
+        content: '';
+        position: absolute;
+        top: calc(var(--margin) * var(--square));
+        right: calc(var(--margin) * var(--square));
+        width: calc(.3 * var(--square));
+        height: calc(.3 * var(--square));
+        background-image: url(../images/logo-fachschaft.png);
+        background-repeat: no-repeat;
+        background-size: contain; }
+  body .layout-preview {
+    grid-area: preview;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: var(--secondary);
+    position: relative; }
+    body .layout-preview figure {
+      display: contents; }
+    body .layout-preview img {
+      width: auto;
+      height: auto;
+      max-width: calc(.9 * var(--square));
+      max-height: calc(.9 * var(--square));
+      box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.3);
+      object-fit: cover;
+      margin: calc(.05 * var(--square));
+      background-color: white;
+      box-sizing: border-box; }
+      body .layout-preview img.thin-padding {
+        padding: .5em; }
+      body .layout-preview img.large {
+        width: 60%;
+        max-width: 100%;
+        max-height: 100%;
+        box-sizing: border-box; }
+      body .layout-preview img[src$="-crop.svg"] {
+        padding: calc(var(--margin) * var(--square));
+        object-fit: contain;
+        width: calc(0.9 * var(--square)); }
+        body .layout-preview img[src$="-crop.svg"].thin-padding {
+          padding: calc(.35 * var(--margin) * var(--square)); }
+      body .layout-preview img[src$="-orig.svg"] {
+        background: white;
+        object-fit: contain; }
+    body .layout-preview figcaption {
+      position: absolute;
+      background: rgba(0, 0, 0, 0.5);
+      bottom: 0;
+      width: 100%;
+      text-align: center;
+      color: white;
+      padding: .5em;
+      box-sizing: border-box; }
+  body .layout-two-columns {
+    display: grid;
+    min-height: 100vh;
+    max-height: 100vh;
+    min-width: 100vw;
+    max-width: 100vw;
+    overflow: auto;
+    grid-template-rows: auto auto auto 1fr;
+    grid-template-columns: var(--square);
+    grid-template-areas: "title" "column1" "column2" ".";
+    background: var(--secondary); }
+    @media (min-aspect-ratio: 1 / 1) {
+      body .layout-two-columns {
+        grid-template-rows: auto calc(0.18 * var(--square)) calc(0.82 * var(--square)) auto;
+        grid-template-columns: var(--square) var(--square);
+        grid-template-areas: "   .       .   " " title   title " "column1 column2" "   .       .   "; } }
+    @media (min-aspect-ratio: 2 / 1) {
+      body .layout-two-columns {
+        grid-template-rows: calc(0.18 * var(--square)) calc(0.82 * var(--square));
+        grid-template-columns: auto var(--square) var(--square) auto;
+        grid-template-areas: ".  title   title  ." ". column1 column2 ."; } }
+    body .layout-two-columns .layout-title {
+      grid-area: title;
+      background: var(--secondary); }
+    body .layout-two-columns .layout-column-one {
+      grid-area: column1;
+      background: white; }
+    body .layout-two-columns .layout-column-two {
+      grid-area: column2;
+      background: white; }
+  body .layout-two-previews {
+    display: grid;
+    min-height: 100vh;
+    max-height: 100vh;
+    min-width: 100vw;
+    max-width: 100vw;
+    overflow: auto;
+    grid-template-rows: auto auto;
+    grid-template-columns: auto;
+    background: var(--secondary); }
+    @media (min-aspect-ratio: 1 / 1) {
+      body .layout-two-previews {
+        grid-template-rows: 100vh;
+        grid-template-columns: 50vw 50vw;
+        grid-template-areas: "preview preview"; } }
+    body .layout-two-previews .layout-preview {
+      grid-area: auto; }
+
+/* content layout */
+@font-face {
+  font-family: 'Fira Sans';
+  src: url("../lib/font/fira-sans/FiraSans-Regular.ttf");
+  font-weight: 400; }
+@font-face {
+  font-family: 'Fira Sans';
+  src: url("../lib/font/fira-sans/FiraSans-Bold.ttf");
+  font-weight: 700; }
+@font-face {
+  font-family: 'Fira Code';
+  src: url("../lib/font/fira-code/FiraCode-Regular.otf");
+  font-weight: 400; }
+@font-face {
+  font-family: 'Fira Code';
+  src: url("../lib/font/fira-code/FiraCode-Bold.otf");
+  font-weight: 700; }
+body {
+  font-family: 'Fira Sans';
+  margin: 0;
+  line-height: 1.2em; }
+
+.layout-content-and-preview .layout-content,
+.layout-content-only .layout-content,
+.layout-wide-content .layout-content {
+  overflow: visible;
+  padding: calc(var(--margin) * var(--square)); }
+  .layout-content-and-preview .layout-content *:first-child,
+  .layout-content-only .layout-content *:first-child,
+  .layout-wide-content .layout-content *:first-child {
+    margin-top: 0; }
+  .layout-content-and-preview .layout-content .layout-title,
+  .layout-content-only .layout-content .layout-title,
+  .layout-wide-content .layout-content .layout-title {
+    padding: calc(0.3 * var(--margin) * var(--square)) 0;
+    line-height: 1.15em; }
+    .layout-content-and-preview .layout-content .layout-title h2,
+    .layout-content-only .layout-content .layout-title h2,
+    .layout-wide-content .layout-content .layout-title h2 {
+      margin: 0;
+      line-height: 1.15em; }
+  .layout-content-and-preview .layout-content ul, .layout-content-and-preview .layout-content ol,
+  .layout-content-only .layout-content ul,
+  .layout-content-only .layout-content ol,
+  .layout-wide-content .layout-content ul,
+  .layout-wide-content .layout-content ol {
+    list-style-type: none;
+    padding-left: 0;
+    position: relative; }
+    .layout-content-and-preview .layout-content ul li::before, .layout-content-and-preview .layout-content ol li::before,
+    .layout-content-only .layout-content ul li::before,
+    .layout-content-only .layout-content ol li::before,
+    .layout-wide-content .layout-content ul li::before,
+    .layout-wide-content .layout-content ol li::before {
+      content: '▪';
+      color: var(--secondary);
+      position: absolute;
+      left: calc(-0.33 * var(--margin) * var(--square)); }
+    .layout-content-and-preview .layout-content ul ul, .layout-content-and-preview .layout-content ul ol, .layout-content-and-preview .layout-content ol ul, .layout-content-and-preview .layout-content ol ol,
+    .layout-content-only .layout-content ul ul,
+    .layout-content-only .layout-content ul ol,
+    .layout-content-only .layout-content ol ul,
+    .layout-content-only .layout-content ol ol,
+    .layout-wide-content .layout-content ul ul,
+    .layout-wide-content .layout-content ul ol,
+    .layout-wide-content .layout-content ol ul,
+    .layout-wide-content .layout-content ol ol {
+      margin-left: calc(0.33 * var(--margin) * var(--square)); }
+  .layout-content-and-preview .layout-content ol,
+  .layout-content-only .layout-content ol,
+  .layout-wide-content .layout-content ol {
+    counter-reset: ol-counter; }
+    .layout-content-and-preview .layout-content ol li::before,
+    .layout-content-only .layout-content ol li::before,
+    .layout-wide-content .layout-content ol li::before {
+      counter-increment: ol-counter;
+      content: counter(ol-counter) ".";
+      color: var(--secondary-dark);
+      left: calc(-0.36 * var(--margin) * var(--square)); }
+  .layout-content-and-preview .layout-content pre,
+  .layout-content-only .layout-content pre,
+  .layout-wide-content .layout-content pre {
+    margin-left: calc(-1 * var(--margin) * var(--square));
+    padding-left: calc(var(--margin) * var(--square));
+    line-height: 1.2em;
+    position: relative;
+    overflow: hidden; }
+    .layout-content-and-preview .layout-content pre::before,
+    .layout-content-only .layout-content pre::before,
+    .layout-wide-content .layout-content pre::before {
+      content: attr(data-sourcefile);
+      position: absolute;
+      text-align: right;
+      color: var(--secondary);
+      top: .85em;
+      width: 100%;
+      left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square));
+      transform-origin: top right;
+      transform: rotate(-90deg); }
+    .layout-content-and-preview .layout-content pre code,
+    .layout-content-only .layout-content pre code,
+    .layout-wide-content .layout-content pre code {
+      padding: .3em 0; }
+  .layout-content-and-preview .layout-content code,
+  .layout-content-only .layout-content code,
+  .layout-wide-content .layout-content code {
+    font-size: 0.9em;
+    font-family: 'Fira Code'; }
+
+.layout-two-columns .layout-title {
+  padding: calc(0.3 * var(--margin) * var(--square)) calc(var(--margin) * var(--square)); }
+  .layout-two-columns .layout-title h2 {
+    line-height: 1.15em; }
+.layout-two-columns .layout-column-one,
+.layout-two-columns .layout-column-two {
+  padding: calc(var(--margin) * var(--square));
+  padding-top: calc(var(--margin) * var(--square)); }
+  .layout-two-columns .layout-column-one *:first-child,
+  .layout-two-columns .layout-column-two *:first-child {
+    margin-top: 0; }
+  .layout-two-columns .layout-column-one ul,
+  .layout-two-columns .layout-column-two ul {
+    list-style-type: none;
+    padding-left: 0;
+    position: relative; }
+    .layout-two-columns .layout-column-one ul li::before,
+    .layout-two-columns .layout-column-two ul li::before {
+      content: '▪';
+      color: var(--secondary);
+      position: absolute;
+      left: calc(-0.33 * var(--margin) * var(--square)); }
+    .layout-two-columns .layout-column-one ul ul,
+    .layout-two-columns .layout-column-two ul ul {
+      margin-left: calc(0.33 * var(--margin) * var(--square)); }
+  .layout-two-columns .layout-column-one pre,
+  .layout-two-columns .layout-column-two pre {
+    margin: 0 calc(-1 * var(--margin) * var(--square));
+    line-height: 1.2em;
+    position: relative;
+    overflow: hidden; }
+    .layout-two-columns .layout-column-one pre::before,
+    .layout-two-columns .layout-column-two pre::before {
+      content: attr(data-sourcefile);
+      position: absolute;
+      text-align: right;
+      color: var(--secondary);
+      top: .85em;
+      width: 100%;
+      left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square));
+      transform-origin: top right;
+      transform: rotate(-90deg); }
+    .layout-two-columns .layout-column-one pre code,
+    .layout-two-columns .layout-column-two pre code {
+      padding: 0.3em calc(var(--margin) * var(--square)); }
+  .layout-two-columns .layout-column-one code,
+  .layout-two-columns .layout-column-two code {
+    font-size: 0.9em;
+    font-family: 'Fira Code'; }
+
+.layout.layout-chapter-heading {
+  height: 100vh;
+  width: 100vw;
+  position: relative; }
+  .layout.layout-chapter-heading .layout-title {
+    position: absolute;
+    left: 2vw;
+    width: calc(100vw - 4vw);
+    text-align: center;
+    bottom: calc(38.2% - .5em); }
+
+h1 {
+  font-size: 300%;
+  max-width: var(--square); }
+
+:not(.titlepage) > h1 {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  line-height: 115%;
+  vertical-align: bottom;
+  padding: 0 calc(var(--margin) * var(--square)) 0.5em; }
+
+.titlepage > h1 {
+  line-height: 100%;
+  margin-bottom: 3rem; }
+
+h2 {
+  line-height: 1.2; }
+
+p[data-category]::before,
+h2[data-category]::before,
+h3[data-category]::before {
+  content: attr(data-category);
+  font-size: .7em;
+  font-variant: small-caps;
+  text-transform: lowercase;
+  background: black;
+  color: white;
+  padding: .1em .5em;
+  display: inline-block;
+  vertical-align: baseline;
+  letter-spacing: .1em;
+  position: relative;
+  margin-left: calc(-1 * var(--margin) * var(--square));
+  padding-left: calc(var(--margin) * var(--square));
+  margin-right: .5em; }
+
+h2[data-category=Aufgabe]::before,
+h2[data-category=Task]::before {
+  content: attr(data-category) " " attr(data-task); }
+
+.layout-content-only h2[data-category=Aufgabe]::after,
+.layout-content-only h2[data-category=Task]::after,
+.layout-wide-content h2[data-category=Aufgabe]::after,
+.layout-wide-content h2[data-category=Task]::after {
+  content: attr(data-task);
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  text-indent: calc(-.16 * var(--square));
+  font-size: calc(1.2 * var(--square));
+  overflow: hidden;
+  text-align: right;
+  white-space: nowrap;
+  direction: rtl;
+  word-spacing: 1000%;
+  opacity: .2; }
+  @media (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 2 / 1) {
+    .layout-content-only h2[data-category=Aufgabe]::after,
+    .layout-content-only h2[data-category=Task]::after,
+    .layout-wide-content h2[data-category=Aufgabe]::after,
+    .layout-wide-content h2[data-category=Task]::after {
+      --versatz: calc((100vh - var(--square)) / 2);
+      top: var(--versatz);
+      bottom: calc(-1 * var(--versatz)); } }
+
+.layout-content-only h2.task-without-number::after,
+.layout-content-only h2.task-without-number::after,
+.layout-wide-content h2.task-without-number::after,
+.layout-wide-content h2.task-without-number::after {
+  display: none; }
+
+img {
+  width: auto;
+  max-width: 100%; }
+
+table {
+  font-size: inherit;
+  width: calc(var(--square) - var(--margin) * var(--square));
+  margin-left: calc(-1 * var(--margin) * var(--square));
+  border-spacing: 0; }
+  table tr:nth-child(2n-1) {
+    background: var(--secondary); }
+  table tr > *:first-child {
+    padding-left: calc(var(--margin) * var(--square)); }
+  table th, table td {
+    text-align: left;
+    vertical-align: top;
+    padding: .3em;
+    padding-left: 0; }
+  table th:last-child, table td:last-child {
+    padding-right: .1em; }
+
+.layout-content-only table {
+  border-spacing: 0;
+  margin-left: 0;
+  width: 100%;
+  box-sizing: border-box; }
+  .layout-content-only table tr > *:first-child {
+    padding-left: .3rem;
+    padding-right: .3rem; }
+
+.box {
+  margin-left: calc(-1 * var(--margin) * var(--square));
+  padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); }
+
+.box.warning {
+  background: var(--primary); }
+
+blockquote {
+  color: var(--secondary-dark);
+  position: relative;
+  padding-bottom: 1.8em;
+  margin-left: 0;
+  margin-right: 0; }
+  blockquote p:first-of-type {
+    /* probably bungle, but works for one <p> inside <blockquote> */
+    display: contents; }
+    blockquote p:first-of-type::after {
+      content: " " var(--closing-double-quote); }
+  blockquote::before {
+    content: var(--opening-double-quote) " ";
+    color: var(--secondary-dark);
+    position: absolute;
+    display: inline-block;
+    right: 100%; }
+  blockquote cite {
+    position: absolute;
+    bottom: 0.6em;
+    left: calc(0.4 * var(--square));
+    width: calc(0.4 * var(--square)); }
+    blockquote cite::before {
+      content: "— "; }
+
+.layout-content figure {
+  margin: 0 1em 1em 0; }
+
+.bubble {
+  display: inline-block;
+  position: absolute;
+  margin-top: -2em;
+  margin-left: -3.8em;
+  width: 6em;
+  border: 0.1em solid var(--primary-dark);
+  background: var(--primary);
+  text-align: center;
+  border-radius: 1em; }
+  .bubble::before {
+    content: '';
+    width: 0;
+    height: 0;
+    position: absolute;
+    border: .5em solid transparent;
+    border-top-color: var(--primary-dark);
+    bottom: -1em;
+    left: calc(50% - .5em); }
+  .bubble::after {
+    content: '';
+    width: 0;
+    height: 0;
+    position: absolute;
+    border: .5em solid transparent;
+    border-top-color: var(--primary);
+    bottom: -0.87em;
+    left: calc(50% - .5em); }
+
+section > h1, section > h2, section > h3, section > p, section > ul {
+  background: var(--primary); }
+
+/*
+ * Keyboard Shortcut Styling
+ * =========================
+ */
+kbd {
+  font-family: "Fira Code", monospace;
+  font-size: 65%;
+  display: inline-block;
+  border: 1px solid dimgray;
+  border-width: 1px 5px 5px 1px;
+  padding: .2rem .5rem; }
+
+/*
+ * Emoji Fonts
+ * ============
+ */
+@font-face {
+  font-family: 'Twemoji';
+  src: url("../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf"); }
+.emoji {
+  font-family: "Twemoji"; }
+
+/*
+ * Links
+ * ============
+ */
+p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, td a:link, td a:hover, td a:active, td a:visited, figcaption a:link, figcaption a:hover, figcaption a:active, figcaption a:visited, div a:link, div a:hover, div a:active, div a:visited {
+  text-decoration: none;
+  color: var(--secondary-dark);
+  font-weight: bold;
+  position: relative;
+  z-index: 1; }
+  p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before, div a:link::before, div a:hover::before, div a:active::before, div a:visited::before {
+    content: '';
+    position: absolute;
+    width: 102%;
+    height: 0;
+    background-color: var(--secondary-light);
+    z-index: -1;
+    bottom: -5%;
+    left: -1%;
+    transition: .2s height ease; }
+p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before, div a:hover::before {
+  height: 110%; }
+
+figcaption a:not(.dark-font):link, figcaption a:not(.dark-font):hover, figcaption a:not(.dark-font):active, figcaption a:not(.dark-font):visited {
+  color: white; }
+  figcaption a:not(.dark-font):link::before, figcaption a:not(.dark-font):hover::before, figcaption a:not(.dark-font):active::before, figcaption a:not(.dark-font):visited::before {
+    background-color: var(--secondary-dark); }
+
+/*
+ * Code Listings
+ * =============
+ */
+pre.small-text {
+  font-size: 80%; }
+
+pre.scroll-one-half {
+  max-height: calc(.5 * var(--square));
+  overflow: auto !important; }
+
+/*
+ * Fragments
+ * =========
+ */
+.fragment {
+  opacity: 0;
+  transition: .3s opacity ease-in-out; }
+
+.fragment.visible {
+  opacity: 1; }
+
+/*
+ * Topic List
+ * ==========
+ */
+.topic-list {
+  box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3);
+  z-index: 500; }
+  .topic-list .topic-list-search {
+    display: block;
+    width: 100%;
+    border: none;
+    padding: .5rem;
+    margin-bottom: 1rem;
+    border-bottom: 1px solid var(--secondary);
+    text-align: center; }
+  .topic-list .topic-link {
+    font-weight: normal; }
+    .topic-list .topic-link.active-topic-link {
+      font-weight: bold; }
+    .topic-list .topic-link.not-matching-search-terms {
+      opacity: .2; }
+
+/* 
+ * Help Menu
+ * ==========
+ */
+#help-menu-wrapper {
+  display: none;
+  max-width: 90vw;
+  width: 800px;
+  height: 80vh;
+  box-sizing: border-box;
+  padding: 2rem;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  z-index: 500;
+  background: white;
+  box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3);
+  opacity: 0;
+  transition: .2s opacity ease-in-out; }
+
+#help-menu-checkbox:checked ~ #help-menu-wrapper {
+  opacity: 1;
+  display: block; }
+
+#help-menu-checkbox {
+  position: fixed;
+  right: 150vw; }
+
+#help-menu-toggle {
+  position: fixed;
+  right: 1rem;
+  bottom: 1rem;
+  width: 3rem;
+  height: 3rem;
+  color: white;
+  background-color: rgba(0, 0, 0, 0.3);
+  transition: .1s background-color ease-in-out;
+  display: flex;
+  justify-content: center;
+  align-items: center; }
+  #help-menu-toggle:hover {
+    background-color: rgba(0, 0, 0, 0.5); }
+
+/*# sourceMappingURL=latex.css.map */
--- a/latex-weekend-sose-2021/css/print/paper.css
+++ b/latex-weekend-sose-2021/css/print/paper.css
@ -0,0 +1,203 @@
+/* Default Print Stylesheet Template
+   by Rob Glazebrook of CSSnewbie.com
+   Last Updated: June 4, 2008
+
+   Feel free (nay, compelled) to edit, append, and
+   manipulate this file as you see fit. */
+
+
+@media print {
+
+	/* SECTION 1: Set default width, margin, float, and
+	   background. This prevents elements from extending
+	   beyond the edge of the printed page, and prevents
+	   unnecessary background images from printing */
+	html {
+		background: #fff;
+		width: auto;
+		height: auto;
+		overflow: visible;
+	}
+	body {
+		background: #fff;
+		font-size: 20pt;
+		width: auto;
+		height: auto;
+		border: 0;
+		margin: 0 5%;
+		padding: 0;
+		overflow: visible;
+		float: none !important;
+	}
+
+	/* SECTION 2: Remove any elements not needed in print.
+	   This would include navigation, ads, sidebars, etc. */
+	.nestedarrow,
+	.controls,
+	.fork-reveal,
+	.share-reveal,
+	.state-background,
+	.reveal .progress,
+	.reveal .backgrounds,
+	.reveal .slide-number {
+		display: none !important;
+	}
+
+	/* SECTION 3: Set body font face, size, and color.
+	   Consider using a serif font for readability. */
+	body, p, td, li, div {
+		font-size: 20pt!important;
+		font-family: Georgia, "Times New Roman", Times, serif !important;
+		color: #000;
+	}
+
+	/* SECTION 4: Set heading font face, sizes, and color.
+	   Differentiate your headings from your body text.
+	   Perhaps use a large sans-serif for distinction. */
+	h1,h2,h3,h4,h5,h6 {
+		color: #000!important;
+		height: auto;
+		line-height: normal;
+		font-family: Georgia, "Times New Roman", Times, serif !important;
+		text-shadow: 0 0 0 #000 !important;
+		text-align: left;
+		letter-spacing: normal;
+	}
+	/* Need to reduce the size of the fonts for printing */
+	h1 { font-size: 28pt !important;  }
+	h2 { font-size: 24pt !important; }
+	h3 { font-size: 22pt !important; }
+	h4 { font-size: 22pt !important; font-variant: small-caps; }
+	h5 { font-size: 21pt !important; }
+	h6 { font-size: 20pt !important; font-style: italic; }
+
+	/* SECTION 5: Make hyperlinks more usable.
+	   Ensure links are underlined, and consider appending
+	   the URL to the end of the link for usability. */
+	a:link,
+	a:visited {
+		color: #000 !important;
+		font-weight: bold;
+		text-decoration: underline;
+	}
+	/*
+	.reveal a:link:after,
+	.reveal a:visited:after {
+		content: " (" attr(href) ") ";
+		color: #222 !important;
+		font-size: 90%;
+	}
+	*/
+
+
+	/* SECTION 6: more reveal.js specific additions by @skypanther */
+	ul, ol, div, p {
+		visibility: visible;
+		position: static;
+		width: auto;
+		height: auto;
+		display: block;
+		overflow: visible;
+		margin: 0;
+		text-align: left !important;
+	}
+	.reveal pre,
+	.reveal table {
+		margin-left: 0;
+		margin-right: 0;
+	}
+	.reveal pre code {
+		padding: 20px;
+		border: 1px solid #ddd;
+	}
+	.reveal blockquote {
+		margin: 20px 0;
+	}
+	.reveal .slides {
+		position: static !important;
+		width: auto !important;
+		height: auto !important;
+
+		left: 0 !important;
+		top: 0 !important;
+		margin-left: 0 !important;
+		margin-top: 0 !important;
+		padding: 0 !important;
+		zoom: 1 !important;
+
+		overflow: visible !important;
+		display: block !important;
+
+		text-align: left !important;
+		-webkit-perspective: none;
+		   -moz-perspective: none;
+		    -ms-perspective: none;
+		        perspective: none;
+
+		-webkit-perspective-origin: 50% 50%;
+		   -moz-perspective-origin: 50% 50%;
+		    -ms-perspective-origin: 50% 50%;
+		        perspective-origin: 50% 50%;
+	}
+	.reveal .slides section {
+		visibility: visible !important;
+		position: static !important;
+		width: auto !important;
+		height: auto !important;
+		display: block !important;
+		overflow: visible !important;
+
+		left: 0 !important;
+		top: 0 !important;
+		margin-left: 0 !important;
+		margin-top: 0 !important;
+		padding: 60px 20px !important;
+		z-index: auto !important;
+
+		opacity: 1 !important;
+
+		page-break-after: always !important;
+
+		-webkit-transform-style: flat !important;
+		   -moz-transform-style: flat !important;
+		    -ms-transform-style: flat !important;
+		        transform-style: flat !important;
+
+		-webkit-transform: none !important;
+		   -moz-transform: none !important;
+		    -ms-transform: none !important;
+		        transform: none !important;
+
+		-webkit-transition: none !important;
+		   -moz-transition: none !important;
+		    -ms-transition: none !important;
+		        transition: none !important;
+	}
+	.reveal .slides section.stack {
+		padding: 0 !important;
+	}
+	.reveal section:last-of-type {
+		page-break-after: avoid !important;
+	}
+	.reveal section .fragment {
+		opacity: 1 !important;
+		visibility: visible !important;
+
+		-webkit-transform: none !important;
+		   -moz-transform: none !important;
+		    -ms-transform: none !important;
+		        transform: none !important;
+	}
+	.reveal section img {
+		display: block;
+		margin: 15px 0px;
+		background: rgba(255,255,255,1);
+		border: 1px solid #666;
+		box-shadow: none;
+	}
+
+	.reveal section small {
+		font-size: 0.8em;
+	}
+
+}
--- a/latex-weekend-sose-2021/css/print/pdf.css
+++ b/latex-weekend-sose-2021/css/print/pdf.css
@ -0,0 +1,164 @@
+/**
+ * This stylesheet is used to print reveal.js
+ * presentations to PDF.
+ *
+ * https://github.com/hakimel/reveal.js#pdf-export
+ */
+
+* {
+	-webkit-print-color-adjust: exact;
+}
+
+body {
+	margin: 0 auto !important;
+	border: 0;
+	padding: 0;
+	float: none !important;
+	overflow: visible;
+}
+
+html {
+	width: 100%;
+	height: 100%;
+	overflow: visible;
+}
+
+/* Remove any elements not needed in print. */
+.nestedarrow,
+.reveal .controls,
+.reveal .progress,
+.reveal .playback,
+.reveal.overview,
+.fork-reveal,
+.share-reveal,
+.state-background {
+	display: none !important;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	text-shadow: 0 0 0 #000 !important;
+}
+
+.reveal pre code {
+	overflow: hidden !important;
+	font-family: Courier, 'Courier New', monospace !important;
+}
+
+ul, ol, div, p {
+	visibility: visible;
+	position: static;
+	width: auto;
+	height: auto;
+	display: block;
+	overflow: visible;
+	margin: auto;
+}
+.reveal {
+	width: auto !important;
+	height: auto !important;
+	overflow: hidden !important;
+}
+.reveal .slides {
+	position: static;
+	width: 100% !important;
+	height: auto !important;
+	zoom: 1 !important;
+
+	left: auto;
+	top: auto;
+	margin: 0 !important;
+	padding: 0 !important;
+
+	overflow: visible;
+	display: block;
+
+	perspective: none;
+	perspective-origin: 50% 50%;
+}
+
+.reveal .slides .pdf-page {
+	position: relative;
+	overflow: hidden;
+	z-index: 1;
+
+	page-break-after: always;
+}
+
+.reveal .slides section {
+	visibility: visible !important;
+	display: block !important;
+	position: absolute !important;
+
+	margin: 0 !important;
+	padding: 0 !important;
+	box-sizing: border-box !important;
+	min-height: 1px;
+
+	opacity: 1 !important;
+
+	transform-style: flat !important;
+	transform: none !important;
+}
+
+.reveal section.stack {
+	position: relative !important;
+	margin: 0 !important;
+	padding: 0 !important;
+	page-break-after: avoid !important;
+	height: auto !important;
+	min-height: auto !important;
+}
+
+.reveal img {
+	box-shadow: none;
+}
+
+.reveal .roll {
+	overflow: visible;
+	line-height: 1em;
+}
+
+/* Slide backgrounds are placed inside of their slide when exporting to PDF */
+.reveal .slide-background {
+	display: block !important;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: auto !important;
+}
+
+/* Display slide speaker notes when 'showNotes' is enabled */
+.reveal.show-notes {
+	max-width: none;
+	max-height: none;
+}
+.reveal .speaker-notes-pdf {
+	display: block;
+	width: 100%;
+	height: auto;
+	max-height: none;
+	top: auto;
+	right: auto;
+	bottom: auto;
+	left: auto;
+	z-index: 100;
+}
+
+/* Layout option which makes notes appear on a separate page */
+.reveal .speaker-notes-pdf[data-layout="separate-page"] {
+	position: relative;
+	color: inherit;
+	background-color: transparent;
+	padding: 20px;
+	page-break-after: always;
+	border: 0;
+}
+
+/* Display slide numbers when 'slideNumber' is enabled */
+.reveal .slide-number-pdf {
+	display: block;
+	position: absolute;
+	font-size: 14px;
+}
--- a/latex-weekend-sose-2021/images/logo-fachschaft.png
+++ b/latex-weekend-sose-2021/images/logo-fachschaft.png
--- a/latex-weekend-sose-2021/index.html
+++ b/latex-weekend-sose-2021/index.html
--- a/latex-weekend-sose-2021/js/lazyload-images.js
+++ b/latex-weekend-sose-2021/js/lazyload-images.js
@ -0,0 +1,41 @@
+// credit: https://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/
+
+// create config object: rootMargin and threshold
+// are two properties exposed by the interface
+// more information: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
+const config = {
+  // margin around the root element defaulting to the viewport
+  rootMargin: '500px 0px 500px 0px',
+  // how much of the image has to be on screen to load the image
+  threshold: 0
+};
+
+// register the config object with an instance
+// of intersectionObserver
+let observer = new IntersectionObserver(onCloseToVisibleArea, config);
+
+window.addEventListener("load", function () {
+  const imgs = document.querySelectorAll('img[data-src]');
+  imgs.forEach(img => {
+    observer.observe(img);
+  });
+})
+
+function onCloseToVisibleArea(entries, self) {
+  // iterate over each entry
+  entries.forEach(entry => {
+    // process just the images that are intersecting.
+    // isIntersecting is a property exposed by the interface
+    if (entry.isIntersecting) {
+      // custom function that copies the path to the img
+      // from data-src to src
+      preloadImage(entry.target);
+      // the image is now in place, stop watching
+      self.unobserve(entry.target);
+    }
+  });
+}
+
+function preloadImage(imgTag) {
+  imgTag.setAttribute("src", imgTag.getAttribute("data-src"));
+}
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Bold.otf
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Bold.otf
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Light.otf
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Light.otf
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Medium.otf
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Medium.otf
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Regular.otf
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Regular.otf
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Retina.otf
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode-Retina.otf
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/eot/FiraCode-Bold.eot
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/eot/FiraCode-Bold.eot
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/eot/FiraCode-Light.eot
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/eot/FiraCode-Light.eot
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/eot/FiraCode-Medium.eot
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/eot/FiraCode-Medium.eot
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/eot/FiraCode-Regular.eot
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/eot/FiraCode-Regular.eot
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/fira_code.css
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/fira_code.css
@ -0,0 +1,43 @@
+@font-face{
+    font-family: 'Fira Code';
+    src: url('eot/FiraCode-Light.eot');
+    src: url('eot/FiraCode-Light.eot') format('embedded-opentype'),
+         url('woff2/FiraCode-Light.woff2') format('woff2'),
+         url('woff/FiraCode-Light.woff') format('woff'),
+         url('ttf/FiraCode-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face{
+    font-family: 'Fira Code';
+    src: url('eot/FiraCode-Regular.eot');
+    src: url('eot/FiraCode-Regular.eot') format('embedded-opentype'),
+         url('woff2/FiraCode-Regular.woff2') format('woff2'),
+         url('woff/FiraCode-Regular.woff') format('woff'),
+         url('ttf/FiraCode-Regular.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face{
+    font-family: 'Fira Code';
+    src: url('eot/FiraCode-Medium.eot');
+    src: url('eot/FiraCode-Medium.eot') format('embedded-opentype'),
+         url('woff2/FiraCode-Medium.woff2') format('woff2'),
+         url('woff/FiraCode-Medium.woff') format('woff'),
+         url('ttf/FiraCode-Medium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face{
+    font-family: 'Fira Code';
+    src: url('eot/FiraCode-Bold.eot');
+    src: url('eot/FiraCode-Bold.eot') format('embedded-opentype'),
+         url('woff2/FiraCode-Bold.woff2') format('woff2'),
+         url('woff/FiraCode-Bold.woff') format('woff'),
+         url('ttf/FiraCode-Bold.ttf') format('truetype');
+    font-weight: 700;
+    font-style: normal;
+}
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/specimen.html
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/specimen.html
@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title>Fira Code Specimen</title>
+
+  <link rel="stylesheet" href="fira_code.css">
+  <style>
+    body { font: 14px/1.5em "Fira Code"; }
+    .code {
+      font-feature-settings: "calt" 1;  /* Enable ligatures for IE 10+, Edge */
+      text-rendering: optimizeLegibility; /* Force ligatures for Webkit, Blink, Gecko */
+      width: 30em;
+      margin: 5em auto;
+      white-space: pre-wrap;
+      word-break: break-all;
+    }
+    .light { font-weight: 300; }
+    .regular { font-weight: 400; }
+    .medium { font-weight: 500; }
+    .bold { font-weight: 700; }
+    i { font-style: normal; color: #c33; }
+    b { font-weight: inherit; color: #c33; }
+  </style>
+<body>
+
+<div class="code light"><b># Fira Code Light</b>
+
+take = (n, [x, <i>...</i>xs]:list) <i>--></i>
+  | n <i><=</i> 0     <i>=></i> []
+  | empty list <i>=></i> []
+  | otherwise  <i>=></i> [x] <i>++</i> take n-1, xs
+
+last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div>
+
+
+    <div class="code regular"><b># Fira Code Regular</b>
+
+take = (n, [x, <i>...</i>xs]:list) <i>--></i>
+  | n <i><=</i> 0     <i>=></i> []
+  | empty list <i>=></i> []
+  | otherwise  <i>=></i> [x] <i>++</i> take n-1, xs
+
+last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div>
+
+
+    <div class="code medium"><b># Fira Code Medium</b>
+
+take = (n, [x, <i>...</i>xs]:list) <i>--></i>
+  | n <i><=</i> 0     <i>=></i> []
+  | empty list <i>=></i> []
+  | otherwise  <i>=></i> [x] <i>++</i> take n-1, xs
+
+last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div>
+
+
+    <div class="code bold"><b># Fira Code Bold</b>
+
+take = (n, [x, <i>...</i>xs]:list) <i>--></i>
+  | n <i><=</i> 0     <i>=></i> []
+  | empty list <i>=></i> []
+  | otherwise  <i>=></i> [x] <i>++</i> take n-1, xs
+
+last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div>
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/ttf/FiraCode-Bold.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/ttf/FiraCode-Bold.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/ttf/FiraCode-Light.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/ttf/FiraCode-Light.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/ttf/FiraCode-Medium.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/ttf/FiraCode-Medium.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/ttf/FiraCode-Regular.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/ttf/FiraCode-Regular.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/ttf/FiraCode-Retina.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/ttf/FiraCode-Retina.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff/FiraCode-Bold.woff
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff/FiraCode-Bold.woff
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff/FiraCode-Light.woff
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff/FiraCode-Light.woff
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff/FiraCode-Medium.woff
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff/FiraCode-Medium.woff
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff/FiraCode-Regular.woff
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff/FiraCode-Regular.woff
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff2/FiraCode-Bold.woff2
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff2/FiraCode-Bold.woff2
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff2/FiraCode-Light.woff2
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff2/FiraCode-Light.woff2
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff2/FiraCode-Medium.woff2
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff2/FiraCode-Medium.woff2
--- a/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff2/FiraCode-Regular.woff2
+++ b/latex-weekend-sose-2021/lib/font/fira-code/FiraCode_1.206/woff2/FiraCode-Regular.woff2
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Black.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Black.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-BlackItalic.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-BlackItalic.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Bold.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Bold.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-BoldItalic.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-BoldItalic.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-ExtraBold.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-ExtraBold.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-ExtraBoldItalic.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-ExtraBoldItalic.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-ExtraLight.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-ExtraLight.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-ExtraLightItalic.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-ExtraLightItalic.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Italic.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Italic.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Light.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Light.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-LightItalic.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-LightItalic.ttf
--- a/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Medium.ttf
+++ b/latex-weekend-sose-2021/lib/font/fira-sans/FiraSans-Medium.ttf
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
root	f7f5212fc3	init	2023-01-10 11:40:39 +01:00
Linux User	7a0163964e	Add privacy policy	2021-02-06 18:57:22 +01:00
Linux User	20efcf5bd1	Redirect to the shortlinks on the StuVe page.	2020-03-11 17:53:49 +01:00
Linux User	d8bc3d48bc	Update FlexNow link	2020-02-11 10:04:08 +01:00
Florian Knoch	93c8b3e075	Update link to the Fachschaft webpage	2019-10-08 14:20:39 +02:00
				`@ -0,0 +1,2 @@`
				`<meta http-equiv="refresh" content="0; URL=https://board.wiai.de/">`
				`@ -0,0 +1 @@`
				`Subproject commit 9987a87b6213204b7fc974079a6874d19ff57355`
				`@ -0,0 +1 @@`
				`Subproject commit 1c43f8f69d2529ec7faf410a3ee1b251f7285c2a`