init on new stuve machine

2019-04-25 19:28:16 +02:00 · 2019-04-25 19:28:16 +02:00 · 351c5cbf63
commit 351c5cbf63
45 changed files with 2031 additions and 0 deletions
--- a/.htaccess
+++ b/.htaccess
@ -0,0 +1,16 @@
+# temporary redirect to subdomains
+Redirect 302 /intern https://intern.wiai.de
+Redirect 302 /klausuren https://klausuren.wiai.de
+Redirect 302 /limesurvey https://survey.wiai.de
+Redirect 302 /otrs https://otrs.wiai.de
+Redirect 302 /phpmyadmin https://phpmyadmin.wiai.de
+
+#Redirect 302 /redmine https://redmine.wiai.de
+
+
+#rewrite to www.wiai.de
+# redirect to dashboard/
+#RewriteEngine on
+#RewriteCond %{HTTP_HOST} ^wiai\.de$
+#RewriteRule (.*) http://www.wiai.de/$1 [R=301,L]
+#RewriteRule ^$ dashboard [L]
--- a/1
+++ b/1
@ -0,0 +1 @@
+wahl/
--- a/ball/index.html
+++ b/ball/index.html
@ -0,0 +1,7 @@
+<h1>Tanzball</h1>
+
+Bitte gehen Sie weiter, hier gibt es (noch!) nichts zu sehen :)
+
+
+
+
--- a/dashboard/css/ie.css
+++ b/dashboard/css/ie.css
@ -0,0 +1,294 @@
+* {
+    padding:0px;
+    margin:0px;
+}
+
+html, body{
+    background: url(./../images/square_bg.png) repeat top left;
+    font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+    width:100%;
+    height:100%;
+    padding:0;
+    margin:0;
+    
+    position:absolute;
+    top:0px;
+    left:0px;
+    z-index:-1;
+}
+
+#centerhelp{
+    width:1%;
+    height:60%;
+    margin-bottom:-150px; /* half of container's height */
+    float:left;
+}
+
+#header{
+    text-align:right;
+    position:absolute;
+    right:0px;
+    padding:0px;
+    padding-right:10px;
+    margin:0px;
+	
+    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1cffffff', endColorstr='#1cffffff');
+}
+
+#title{
+    color:#0B75AF;
+    font-size: 3.5em;
+    font-weight:normal;
+    margin-top:-16px;
+    text-shadow:2px 1px 2px #999;
+    vertical-align:top;
+}
+
+#subtitle{
+    color:#777;
+    text-transform:uppercase;
+    font-size: 1em;
+    font-weight:normal;
+    margin:0px;
+    margin-top:20px;
+    border-width:0px;
+}
+
+#logo{
+    margin:0px;
+    border-width:0px;
+    width:400px;
+    background:none;
+}
+
+#dashboard{
+    width:100%;
+    margin:0 auto;
+    clear:left;
+    height:100px;
+    text-align: center;
+}
+
+/* Dashboard Navigation */
+
+#nav{
+    padding:0;
+    list-style: none;
+    font-size:14px;
+    display: inline-block;
+}
+
+#nav a{
+    text-decoration:none;
+    outline:none;
+}
+
+#nav li{
+    float:left;
+    width:300px;
+    height:85px;
+    position:relative;
+    cursor:pointer;
+	border: 1px solid white;
+}
+
+#nav li > a{
+    position:absolute;
+    top:0px;
+    left:0px;
+    width:100%;
+    height:85px;
+    z-index:12;
+    background: #DDDDDD;
+}
+
+#nav li a img{
+    border:none;
+    position:absolute;
+    width:0px;
+    height:0px;
+    bottom:0px;
+    left:85px;
+    z-index:100;
+}
+
+#nav li span.nav_wrap{
+    position:absolute;
+    top:25px;
+    left:0px;
+    height:60px;
+    z-index:15;
+    margin-left:5%;
+    width:90%;
+}
+#nav li span.nav_active{
+    position:absolute;
+    background:#111;
+    top:85px;
+    width:300px;
+    height:0px;
+    left:0px;
+    z-index:14;
+
+    background:#000000;
+}
+
+#nav li span span.nav_link,
+#nav li span span.nav_descr,
+#nav li div.nav_box a{
+    text-transform:uppercase;
+    width:100%;
+    text-align:center;
+}
+
+#nav li span span.nav_link{
+    color:#000;
+    font-size:24px;
+    float:left;
+    clear:both;
+    text-align:center;
+    text-shadow:1px 1px 1px #FFF;
+}
+#nav li span span.nav_descr{
+    color:#0B75AF;
+    float:left;
+    clear:both;
+    font-size:10px;
+    letter-spacing:1px;
+    width:100%;
+}
+
+/* DEV CUT */
+
+#nav li div.nav_box{
+    display:block;
+    position:absolute;
+    width:280px;
+    overflow:hidden;
+    height:200px;
+    top:85px;
+    left:0px;
+    display:none;
+    background:#000000;
+
+    padding-left:20px;
+}
+#nav li div.nav_box a{
+    float:left;
+    clear:both;
+    line-height:30px;
+    color:#0B75AF;
+    text-align:left;
+}
+#nav li div.nav_box a:first-child{
+    margin-top:15px;
+}
+#nav li div.nav_box a:hover{
+    color:#fff;
+}
+
+#nav li:hover .nav_link {
+    color:#FFFFFF;
+    text-shadow:1px 1px 1px #000000;
+}
+
+#dashboard ul
+{
+    height:50px;
+    padding:12px 0 0 0;
+    list-style-type: none;
+    text-align: left;
+}
+
+#dashboard ul li:first-child {
+    border-left:none;
+}
+
+#dashboard ul li {
+    display: inline;
+    padding:0;
+}
+
+#dashboard ul li a {
+    font-size:13px;
+    line-height:1.5em;
+    font-weight:bold;
+    color:#7d838b;
+    text-decoration:none;
+}
+
+#dashboard ul li a:hover { 
+    text-decoration:none;
+    color:#bbc0c7;
+}
+
+/* Footer */
+
+#reference{
+    position:fixed;
+    left:10px;
+    bottom:10px;
+    font-size:12px;
+    color:#444;
+}
+#reference a{
+    color:#222;
+    text-transform:uppercase;
+    text-decoration:none;
+    text-shadow:1px 1px 1px #fff;
+}
+#reference a:hover{
+    color:#000;
+    text-decoration:underline;
+}
+
+
+/* Impressum */
+
+#impressum{
+    color:#000000;
+    display:block;
+    background: #DDDDDD;
+    width:650px;
+    padding:20px 50px;
+    margin:30px auto;
+}
+
+#impressum a{
+    color:#000000;
+    text-decoration: underline;
+}
+
+#impressum a:hover{
+    color:#FFFFFF;
+}
+
+.impressum_sources_list{
+    padding-left:2em;
+    text-align:left;
+}
+
+#impressum_back{
+    width:50px;
+    margin-top:15px;
+    margin-left:10px;
+	border:0;
+}
+
+.columnHeader{
+    text-align:left;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    padding-left:10px;
+}
+
+.columns{
+    text-align:justify;
+    margin:auto;
+    padding-left:10px;
+}
+
+.nameBox{
+    float:left;
+    padding-right:10px;
+}
--- a/dashboard/css/style.css
+++ b/dashboard/css/style.css
@ -0,0 +1,303 @@
+* {
+    padding:0px;
+    margin:0px;
+}
+
+html, body{
+    background: url(./../images/square_bg.png) repeat top left;
+    font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", sans-serif;
+    width:100%;
+    height:100%;
+    padding:0;
+    margin:0;
+    
+    position:absolute;
+    top:0px;
+    left:0px;
+    z-index:-1;
+}
+
+#centerhelp{
+    width:1%;
+    height:60%;
+    margin-bottom:-150px; /* half of container's height */
+    float:left;
+}
+
+#header{
+    text-align:right;
+    position:absolute;
+    right:0px;
+    padding:0px;
+    padding-right:10px;
+    margin:0px;
+    
+    background:rgba(255,255,255,0.1);
+    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1cffffff', endColorstr='#1cffffff'); 
+}
+
+#title{
+    color:#0B75AF;
+    font-size: 3.5em;
+    font-weight:normal;
+    margin-top:-16px;
+    text-shadow:2px 1px 2px #999;
+    vertical-align:top;
+}
+
+#subtitle{
+    color:#777;
+    text-transform:uppercase;
+    font-size: 1em;
+    font-weight:normal;
+    margin:0px;
+    margin-top:20px;
+    border-width:0px;
+}
+
+#logo{
+    margin:0px;
+    border-width:0px;
+    width:400px;
+    background:none;
+}
+
+#dashboard{
+    width:100%;
+    margin:0 auto;
+    clear:left;
+    height:100px;
+    text-align: center;
+}
+
+/* Dashboard Navigation */
+
+#nav{
+    padding:0;
+    list-style: none;
+    font-size:14px;
+    display: inline-block;
+}
+
+#nav a{
+    text-decoration:none;
+    outline:none;
+}
+
+#nav li{
+    float:left;
+    width:300px;
+    height:85px;
+    position:relative;
+    cursor:pointer;
+}
+
+#nav li > a{
+    position:absolute;
+    top:0px;
+    left:0px;
+    width:100%;
+    height:85px;
+    z-index:12;
+    background: rgb(0,0,0) transparent;
+    background: rgba(0,0,0,0.2);
+    -moz-box-shadow:1px 2px 2px #fff inset;
+    -webkit-box-shadow:0px 0px 2px #fff inset;
+    box-shadow:1px 2px 2px #fff inset;
+}
+
+#nav li a img{
+    border:none;
+    position:absolute;
+    width:0px;
+    height:0px;
+    bottom:0px;
+    left:85px;
+    z-index:100;
+}
+
+#nav li span.nav_wrap{
+    position:absolute;
+    top:25px;
+    left:0px;
+    height:60px;
+    z-index:15;
+    margin-left:5%;
+    width:90%;
+}
+#nav li span.nav_active{
+    position:absolute;
+    background:#111;
+    top:85px;
+    width:300px;
+    height:0px;
+    left:0px;
+    z-index:14;
+	/*
+    -moz-box-shadow:0px 0px 4px #fff inset;
+    -webkit-box-shadow:0px 0px 4px #fff inset;
+    box-shadow:1px -2px 4px #fff inset;
+	*/
+
+    background:#000000;
+}
+
+#nav li span span.nav_link,
+#nav li span span.nav_descr,
+#nav li div.nav_box a{
+    text-transform:uppercase;
+    width:100%;
+    text-align:center;
+}
+
+#nav li span span.nav_link{
+    color:#000;
+    font-size:24px;
+    float:left;
+    clear:both;
+    text-align:center;
+    text-shadow:1px 1px 1px #FFF;
+}
+#nav li span span.nav_descr{
+    color:#0B75AF;
+    float:left;
+    clear:both;
+    font-size:10px;
+    letter-spacing:1px;
+    width:100%;
+}
+
+/* DEV CUT */
+
+#nav li div.nav_box{
+    display:block;
+    position:absolute;
+    width:280px;
+    overflow:hidden;
+    height:200px;
+    top:85px;
+    left:0px;
+    display:none;
+    background:#000000;
+
+    padding-left:20px;
+}
+#nav li div.nav_box a{
+    float:left;
+    clear:both;
+    line-height:30px;
+    color:#0B75AF;
+    text-align:left;
+}
+#nav li div.nav_box a:first-child{
+    margin-top:15px;
+}
+#nav li div.nav_box a:hover{
+    color:#fff;
+}
+
+#nav li:hover .nav_link {
+    color:#FFFFFF;
+    text-shadow:1px 1px 1px #000000;
+}
+
+#dashboard ul
+{
+    height:50px;
+    padding:12px 0 0 0;
+    list-style-type: none;
+    text-align: left;
+}
+
+#dashboard ul li:first-child {
+    border-left:none;
+}
+
+#dashboard ul li {
+    display: inline;
+    padding:0;
+}
+
+#dashboard ul li a {
+    font-size:13px;
+    line-height:1.5em;
+    font-weight:bold;
+    color:#7d838b;
+    text-decoration:none;
+}
+
+#dashboard ul li a:hover { 
+    text-decoration:none;
+    color:#bbc0c7;
+}
+
+/* Footer */
+
+#reference{
+    position:fixed;
+    left:10px;
+    bottom:10px;
+    font-size:12px;
+    color:#444;
+}
+#reference a{
+    color:#222;
+    text-transform:uppercase;
+    text-decoration:none;
+    text-shadow:1px 1px 1px #fff;
+}
+#reference a:hover{
+    color:#000;
+    text-decoration:underline;
+}
+
+
+/* Impressum */
+
+#impressum{
+    color:#000000;
+    display:block;
+    background: rgb(0, 0, 0) transparent; /* default fallback */
+    background: rgba(0, 0, 0, 0.2); /* usual browser behaviour */
+    width:650px;
+    padding:20px 50px;
+    margin:30px auto;
+}
+
+#impressum a{
+    color:#000000;
+    text-decoration: underline;
+}
+
+#impressum a:hover{
+    color:#FFFFFF;
+}
+
+.impressum_sources_list{
+    padding-left:2em;
+    text-align:left;
+}
+
+#impressum_back{
+    width:50px;
+    margin-top:15px;
+    margin-left:10px;
+}
+
+.columnHeader{
+    text-align:left;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    padding-left:10px;
+}
+
+.columns{
+    text-align:justify;
+    margin:auto;
+    padding-left:10px;
+}
+
+.nameBox{
+    float:left;
+    padding-right:10px;
+}
--- a/dashboard/favicon.ico
+++ b/dashboard/favicon.ico
--- a/dashboard/images/back_64.png
+++ b/dashboard/images/back_64.png
--- a/dashboard/images/bg.jpg
+++ b/dashboard/images/bg.jpg
--- a/dashboard/images/cubes_bg.png
+++ b/dashboard/images/cubes_bg.png
--- a/dashboard/images/fachschaft.png
+++ b/dashboard/images/fachschaft.png
--- a/dashboard/images/fak_wiai.jpg
+++ b/dashboard/images/fak_wiai.jpg
--- a/dashboard/images/fak_wiai2.jpg
+++ b/dashboard/images/fak_wiai2.jpg
--- a/dashboard/images/square_bg.png
+++ b/dashboard/images/square_bg.png
--- a/dashboard/images/uniba.png
+++ b/dashboard/images/uniba.png
--- a/dashboard/images/wiaicomm.png
+++ b/dashboard/images/wiaicomm.png
--- a/dashboard/impressum.html
+++ b/dashboard/impressum.html
@ -0,0 +1,110 @@
+<!DOCTYPE html>
+
+<html lang="de">
+	<head>
+		<title>wiai.de - Impressum</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+		<meta name="description" content="Studium rund rund die Fakultät WIAI an der Universität Bamberg" />
+		<meta name="keywords" content="Bamberg, Uni, Universität, WIAI, Erba, Wirtschaftsinformatik, Angewandte Informatik, Community, WIAI Community, Fachschaft WIAI, Fachschaft"/>
+		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
+		
+		<!--[if !IE]><!-->
+			<link rel="stylesheet" href="./css/style.css" type="text/css" media="screen"/>
+		<!--<![endif]-->
+			
+		<!--[if IE]>
+			<link rel="stylesheet" type="text/css" href="./css/ie.css" media="screen"/>
+		<![endif]-->
+			
+	</head>
+	<body>
+		<!--
+		<div id="header">
+			<h3 id="subtitle">Fakultät WIAI</h3>
+			<h1 id="title">wiai.de</h1>
+		</div>
+		-->
+		<div id="back">
+			<a href="./index.html"><img id="impressum_back" src="./images/back_64.png" title="zurück" alt="zurück"/></a>
+		</div>
+
+		<div id="impressum">
+			<h1 class="pageHeader">Impressum</h1>
+			<p>Angaben gemäß §5 TMG:<br/><br/></p>
+			<p>Fachschaft WIAI<br />
+				An der Weberei 5<br />
+				96049 Bamberg<br /><br />
+
+				Vertreten durch den jeweils aktuellen Fachschaftssprecher
+				<br />
+				<br />
+			</p>
+			<h3>Kontakt:</h3>
+			<div class="nameBox">
+				Telefon:<br />
+				E-Mail:
+			</div>
+			<div class="valueBox">
+				+49 951 863-1219<br />
+				fachschaft-wiai.stuve@uni-bamberg.de
+			</div>
+		<br /><br />
+
+			<h3 class="columnHeader">Grafiken und Icons</h3>
+			<ul class="impressum_sources_list">
+				<li>
+					<p>zurück icon: <a target="_blank" href="http://www.177designs.com" >Pawel Kadysz</a></p>
+				</li>
+				<li>
+					<p><a target="_blank" href="http://www.uni-bamberg.de/wiai/wiaicommunity" >WIAI Community</a></p>
+				</li>
+				<li>
+					<p><a target="_blank" href="http://www.uni-bamberg.de" >Otto-Friedrich-Universität Bamberg:</a></p>
+				</li>
+			</ul>
+			<br />
+			<h3 class="columnHeader">Basic navigation idea</h3>
+			<ul class="impressum_sources_list">
+				<li>
+					<p><a target="_blank" href="http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/" >MARY LOU</a></p>
+				</li>
+			</ul>
+			<br /><br />
+
+
+			<h2 class="blockHeader">Haftungsausschluss:</h2>
+			<h3 class="columnHeader">Haftung für Inhalte</h3>
+			<p class="columns">Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
+			<br />
+
+			<h3 class="columnHeader">Haftung für Links</h3>
+			<p class="columns">Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
+			<br />
+
+			<h3 class="columnHeader">Urheberrecht</h3>
+			<p class="columns">Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>
+			<br />
+
+			<h3 class="columnHeader">Datenschutz</h3>
+			<p class="columns">Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.<br /><br />
+			Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.<br /><br />
+			Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.<br /><br />
+
+
+			<h3 class="columnHeader">Quellen:</h3>
+			<ul class="impressum_sources_list">
+				<li>
+					<a href="http://www.e-recht24.de/impressum-generator.html" target="_blank" >Impressumgenerator</a> des Anwaltes Sören Siebert
+				</li>
+				<li>
+					<a href="http://www.e-recht24.de/muster-disclaimer.htm" target="_blank">eRecht24 Disclaimer</a>
+				</li>
+			</ul>
+		</div>
+
+		<!-- The JavaScript -->
+		<script src="./scripts/jquery.min.js"></script>
+		<script src="./scripts/jquery.easing.1.3.min.js"></script>
+		<script src="./scripts/script.js"></script>
+	</body>
+</html>
--- a/dashboard/index.html
+++ b/dashboard/index.html
@ -0,0 +1,79 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html>
+    <head>
+        <title>wiai.de</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+		<meta name="description" content="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"/>
+		
+		<!--[if !IE]><!-->
+			<link rel="stylesheet" href="./css/style.css" type="text/css" media="screen"/>
+		<!--<![endif]-->
+		
+		<!--[if IE]>
+			<link rel="stylesheet" type="text/css" href="./css/ie.css" />
+		<![endif]-->
+		
+    </head>
+    <body>
+        <script type="text/javascript" src="./scripts/jquery.min.js"></script>
+        <script type="text/javascript" src="./scripts/jquery.color-plugin.min.js"></script>
+        <script type="text/javascript" src="./scripts/jquery.easing.1.3.js"></script>
+        <script type="text/javascript" src="./scripts/script.js"></script>
+
+        <div id="centerhelp"></div>
+        <div id="dashboard">
+            <ul id="nav">
+                <li>
+                    <a class="navbg" href="http://www.uni-bamberg.de/wiai/fs">
+                        <img src="images/fachschaft.png" alt="Fachschaft WIAI"/>
+                        <span class="nav_active"></span>
+                        <span class="nav_wrap">
+                            <span class="nav_link">Fachschaft WIAI</span>
+                            <span class="nav_descr">Studierendenvertretung</span>
+                        </span>
+                    </a>
+                    
+                    <div class="nav_box">
+                        <a href="http://www.uni-bamberg.de/wiai/fs">auf den offiziellen Seiten</a>
+                        <a href="https://vc.uni-bamberg.de/moodle/course/view.php?id=284">im Virtuellen Campus (VC)</a>
+                    </div>
+                </li>
+                <li>
+                    <a class="navbg" href="http://www.uni-bamberg.de/wiai">
+                        <img src="images/fak_wiai2.jpg" alt="Fakultät WIAI"/>
+                        <span class="nav_active"></span>
+                        <span class="nav_wrap">
+                            <span class="nav_link">Fakult&auml;t WIAI</span>
+                            <span class="nav_descr">an der Universit&auml;t Bamberg</span>
+                        </span>
+                    </a>
+                </li>
+                <li>
+                    <a class="navbg" href="http://www.uni-bamberg.de/wiai/wiaicommunity">
+                        <img src="images/wiaicomm.png" alt="WIAI Community"/>
+                        <span class="nav_active"></span>
+                        <span class="nav_wrap">
+                            <span class="nav_link">WIAI Community</span>
+                            <span class="nav_descr">Netzwerk</span>
+                        </span>
+                    </a>
+                    
+                    <div class="nav_box">
+                        <a href="http://www.uni-bamberg.de/wiai/wiaicommunity/">auf den offiziellen Seiten</a>
+                        <a href="https://vc.uni-bamberg.de/moodle/course/view.php?id=430">im Virtuellen Campus (VC)</a>
+                    </div>
+                    
+                </li>
+            </ul>
+        </div>
+
+        <div id="reference">
+            <a href="./impressum.html">Impressum</a> | <a href="https://intern.wiai.de" target="_blank">Login</a> | &copy; Cedric R&ouml;ck (Fachschaft WIAI) 2012
+        </div>  
+
+    </body>
+</html>
+
--- a/dashboard/scripts/jquery.color-plugin.min.js
+++ b/dashboard/scripts/jquery.color-plugin.min.js
@ -0,0 +1,103 @@
+/**!
+ * @preserve Color animation jQuery-plugin
+ * http://www.bitstorm.org/jquery/color-animation/
+ * Copyright 2011 Edwin Martin <edwin@bitstorm.org>
+ * Released under the MIT and GPL licenses.
+ */
+
+(function($) {
+	/**
+	 * Check whether the browser supports RGBA color mode.
+	 *
+	 * Author Mehdi Kabab <http://pioupioum.fr>
+	 * @return {boolean} True if the browser support RGBA. False otherwise.
+	 */
+	function isRGBACapable() {
+		var $script = $('script:first'),
+				color = $script.css('color'),
+				result = false;
+		if (/^rgba/.test(color)) {
+			result = true;
+		} else {
+			try {
+				result = ( color != $script.css('color', 'rgba(0, 0, 0, 0.5)').css('color') );
+				$script.css('color', color);
+			} catch (e) {
+			}
+		}
+
+		return result;
+	}
+
+	$.extend(true, $, {
+		support: {
+			'rgba': isRGBACapable()
+		}
+	});
+
+	var properties = ['color', 'backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'outlineColor'];
+	$.each(properties, function(i, property) {
+		$.fx.step[property] = function(fx) {
+			if (!fx.init) {
+				fx.begin = parseColor($(fx.elem).css(property));
+				fx.end = parseColor(fx.end);
+				fx.init = true;
+			}
+
+			fx.elem.style[property] = calculateColor(fx.begin, fx.end, fx.pos);
+		}
+	});
+
+	// borderColor doesn't fit in standard fx.step above.
+	$.fx.step.borderColor = function(fx) {
+		if (!fx.init) {
+			fx.end = parseColor(fx.end);
+		}
+		var borders = properties.slice(2, 6); // All four border properties
+		$.each(borders, function(i, property) {
+			if (!fx.init) {
+				fx[property] = {begin: parseColor($(fx.elem).css(property))};
+			}
+
+			fx.elem.style[property] = calculateColor(fx[property].begin, fx.end, fx.pos);
+		});
+		fx.init = true;
+	}
+
+	// Calculate an in-between color. Returns "#aabbcc"-like string.
+	function calculateColor(begin, end, pos) {
+		var color = 'rgb' + ($.support['rgba'] ? 'a' : '') + '('
+				+ parseInt((begin[0] + pos * (end[0] - begin[0])), 10) + ','
+				+ parseInt((begin[1] + pos * (end[1] - begin[1])), 10) + ','
+				+ parseInt((begin[2] + pos * (end[2] - begin[2])), 10);
+		if ($.support['rgba']) {
+			color += ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1);
+		}
+		color += ')';
+		return color;
+	}
+
+	// Parse an CSS-syntax color. Outputs an array [r, g, b]
+	function parseColor(color) {
+		var match, triplet;
+
+		// Match #aabbcc
+		if (match = /#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})/.exec(color)) {
+			triplet = [parseInt(match[1], 16), parseInt(match[2], 16), parseInt(match[3], 16), 1];
+
+			// Match #abc
+		} else if (match = /#([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])/.exec(color)) {
+			triplet = [parseInt(match[1], 16) * 17, parseInt(match[2], 16) * 17, parseInt(match[3], 16) * 17, 1];
+
+			// Match rgb(n, n, n)
+		} else if (match = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color)) {
+			triplet = [parseInt(match[1]), parseInt(match[2]), parseInt(match[3]), 1];
+
+		} else if (match = /rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9\.]*)\s*\)/.exec(color)) {
+			triplet = [parseInt(match[1], 10), parseInt(match[2], 10), parseInt(match[3], 10),parseFloat(match[4])];
+
+			// No browser returns rgb(n%, n%, n%), so little reason to support this format.
+		}
+		return triplet;
+	}
+})(jQuery);
--- a/dashboard/scripts/jquery.easing.1.3.js
+++ b/dashboard/scripts/jquery.easing.1.3.js
@ -0,0 +1,205 @@
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - jQuery Easing
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2008 George McGinley Smith
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+*/
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+jQuery.easing['jswing'] = jQuery.easing['swing'];
+
+jQuery.extend( jQuery.easing,
+{
+	def: 'easeOutQuad',
+	swing: function (x, t, b, c, d) {
+		//alert(jQuery.easing.default);
+		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+	},
+	easeInQuad: function (x, t, b, c, d) {
+		return c*(t/=d)*t + b;
+	},
+	easeOutQuad: function (x, t, b, c, d) {
+		return -c *(t/=d)*(t-2) + b;
+	},
+	easeInOutQuad: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t + b;
+		return -c/2 * ((--t)*(t-2) - 1) + b;
+	},
+	easeInCubic: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t + b;
+	},
+	easeOutCubic: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t + 1) + b;
+	},
+	easeInOutCubic: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t + b;
+		return c/2*((t-=2)*t*t + 2) + b;
+	},
+	easeInQuart: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t + b;
+	},
+	easeOutQuart: function (x, t, b, c, d) {
+		return -c * ((t=t/d-1)*t*t*t - 1) + b;
+	},
+	easeInOutQuart: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+		return -c/2 * ((t-=2)*t*t*t - 2) + b;
+	},
+	easeInQuint: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t*t + b;
+	},
+	easeOutQuint: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t*t*t + 1) + b;
+	},
+	easeInOutQuint: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+		return c/2*((t-=2)*t*t*t*t + 2) + b;
+	},
+	easeInSine: function (x, t, b, c, d) {
+		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+	},
+	easeOutSine: function (x, t, b, c, d) {
+		return c * Math.sin(t/d * (Math.PI/2)) + b;
+	},
+	easeInOutSine: function (x, t, b, c, d) {
+		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+	},
+	easeInExpo: function (x, t, b, c, d) {
+		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+	},
+	easeOutExpo: function (x, t, b, c, d) {
+		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+	},
+	easeInOutExpo: function (x, t, b, c, d) {
+		if (t==0) return b;
+		if (t==d) return b+c;
+		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+	},
+	easeInCirc: function (x, t, b, c, d) {
+		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+	},
+	easeOutCirc: function (x, t, b, c, d) {
+		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+	},
+	easeInOutCirc: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+	},
+	easeInElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+	},
+	easeOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+	},
+	easeInOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+	},
+	easeInBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*(t/=d)*t*((s+1)*t - s) + b;
+	},
+	easeOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+	},
+	easeInOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158; 
+		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+	},
+	easeInBounce: function (x, t, b, c, d) {
+		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+	},
+	easeOutBounce: function (x, t, b, c, d) {
+		if ((t/=d) < (1/2.75)) {
+			return c*(7.5625*t*t) + b;
+		} else if (t < (2/2.75)) {
+			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+		} else if (t < (2.5/2.75)) {
+			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+		} else {
+			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+		}
+	},
+	easeInOutBounce: function (x, t, b, c, d) {
+		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+	}
+});
+
+/*
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2001 Robert Penner
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+ */
--- a/dashboard/scripts/jquery.min.js
+++ b/dashboard/scripts/jquery.min.js
--- a/dashboard/scripts/script.js
+++ b/dashboard/scripts/script.js
@ -0,0 +1,84 @@
+/**
+ * for each menu element, on mouseenter, 
+ * we enlarge the image, and show both nav_active span and 
+ * nav_wrap span. If the element has a sub menu (nav_box),
+ * then we slide it - if the element is the last one in the menu
+ * we slide it to the left, otherwise to the right
+ */
+$(function() {
+  $('ul#nav > li').bind('mouseenter',function(){
+
+    var $elem = $(this);
+    var $sub_menu = $elem.find('div.nav_box');
+    var $link = $elem.find('span.nav_link');
+
+	var $navbg = $elem.find('a.navbg');
+	$navbg.stop(true).animate({ backgroundColor: '#000000' },300);
+
+    $elem.find('img').stop(true).animate({
+        'width':'300px',
+        'height':'300px',
+        'left':'0px'
+      },400,'easeOutBack')
+      .andSelf().find('.nav_wrap').stop(true).animate({'top':'140px'},500,'easeOutBack')
+      .andSelf().find('.nav_link').stop(true).animate({color:"#FFFFFF"}, 800)
+      .andSelf().find('.nav_active').stop(true).animate({'height':'200px'},300,function(){                                                                                                                                                               var $sub_menu = $elem.find('.nav_box');                                                                                                                                                               if($sub_menu.length){                                                                                                                                                                        var left = '300px';                                                                                                                                                               if($elem.parent().children().length == $elem.index()+1)                                                                                                                                                               left = '-300px';                                                                                                                                                               $sub_menu.show().animate({'left':left},200);                                                                                                                                                               }	                                                                                                                                                               });
+      })
+	  
+	.bind('mouseleave',function(){
+        var $elem = $(this);
+        var $sub_menu = $elem.find('div.nav_box');
+        var $link = $elem.find('span.nav_link');
+        $link.animate({color:"#000000"},300);
+		
+		var $navbg = $elem.find('a.navbg');
+		if(isIE()) {
+			$navbg.stop(true).animate({ backgroundColor: '#DDDDDD' },800);
+		}else {
+			$navbg.stop(true).animate({ backgroundColor: 'rgba(0, 0, 0, 0.2)' },800);
+		}
+		
+        if($sub_menu.length) {
+            $sub_menu.animate({'left':'0px'},200, function() {
+                $sub_menu.hide();
+                $elem.find('span.nav_active')
+                .stop(true)
+                .animate({'height':'0px'},300)
+                .andSelf().find('img')
+                .stop(true)
+                .animate({
+                 'width':'0px',
+                 'height':'0px',
+                 'left':'85px'},400)
+                .andSelf()
+                .find('span.nav_wrap')
+                .stop(true)
+                .animate({'top':'25px'},500);
+            });
+        }else {
+            $elem.find('span.nav_active')
+            .stop(true)
+            .animate({'height':'0px'},300)
+            .andSelf().find('img')
+            .stop(true)
+            .animate({
+             'width':'0px',
+             'height':'0px',
+             'left':'85px'},400)
+            .andSelf()
+            .find('span.nav_wrap')
+            .stop(true)
+            .animate({'top':'25px'},500);
+        }
+    });
+  });
+  
+function isIE() {
+	var isIE = false;
+     
+	var val = navigator.userAgent.toLowerCase();
+	if(val.indexOf("msie") > -1) {
+	   isIE = true;
+	} 
+	return isIE;
+};
--- a/eet/css/style-plan.css
+++ b/eet/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/css/style.css
+++ b/eet/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/english.html
+++ b/eet/english.html
@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+
+        <title>EETs | Shortlinks</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="Shortlinks for studying at the Department of Information Systems and Applied Computer Sciences in Bamberg" />
+        <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.css">
+
+    </head>
+    <body>
+        <header>
+            <h1>Introductory Days for First Semester Students</h1>
+            Overview of useful web pages for studying in Bamberg
+        </header>
+        <main>
+            <ul>
+                <li>
+                    <a target="_blank" href="https://www.uni-bamberg.de/en/wiai/fs/">
+                        <h2>Student Association</h2>
+                        <p>Opening hours, contact information, services (tutorials and exam archive) and events</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://www.uni-bamberg.de/en/wiai/">
+                        <h2>WIAI Faculty</h2>
+                        <p>Study paths and subjects, regulations, module guides and Career &amp; International Center</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://zul.zuv.uni-bamberg.de/qisserver/rds?state=user&type=0&noDBAction=y&init=y">
+                        <h2>Student Office Online Services</h2>
+                        <p>Certificate of enrollment, address editing and parking permits for the Park &amp; Ride</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://fn2stud.zuv.uni-bamberg.de/FN2AUTH/FN2AuthServlet?op=Login">
+                        <h2>FlexNow</h2>
+                        <p>Exam and lecture registration, grades list, exam dates and places as well as TAN lists</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="http://vc.uni-bamberg.de">
+                        <h2>Virtual Campus</h2>
+                        <p>Online courses, study material and forums for each lecture</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="http://univis.uni-bamberg.de">
+                        <h2>UnivIS</h2>
+                        <p>Schedule creation and index of all lectures, rooms and university employees (unfortunately German only)</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://katalog.ub.uni-bamberg.de/ubg-www/Katalog/TouchPoint_en.html">
+                        <h2>Library</h2>
+                        <p>Catalog, book preorders (including delivery to your university site) and online full-text volumes</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://o365.uni-bamberg.de">
+                        <h2>Email and MS Office</h2>
+                        <p>"Office 365" web version including Word, Excel, Powerpoint and the like</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://mailex.uni-bamberg.de">
+                        <h2>Alternative Email System</h2>
+                        <p>Login for the university's alternative email system (switching is possible in the IAM Portal)</p>
+                    </a>
+                </li>
+                <li>
+                    <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 icprint</p>
+                    </a>
+                </li>
+                <li>
+                    <a target="_blank" href="https://www.studentenwerk-wuerzburg.de/bamberg/essen-trinken/mensen.html">
+                        <h2>Canteens</h2>
+                        <p>Menu and opening hours of the university's canteens</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>Email forwarding configuration, switching the email system and password resets (unfortunately German only)</p>
+                    </a>
+                </li>
+                <li class="without-english-version">
+                    <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>
+            </ul>
+        </main>
+
+        <footer>
+            &copy; Fachschaft WIAI - 2013 to 2019 (<a href="index.html">Deutsche Version</a>)
+        </footer>
+
+    </body>
+</html>
--- a/eet/images/back_64.png
+++ b/eet/images/back_64.png
--- a/eet/images/bg.jpg
+++ b/eet/images/bg.jpg
--- a/eet/images/cubes_bg.png
+++ b/eet/images/cubes_bg.png
--- a/eet/images/fachschaft.png
+++ b/eet/images/fachschaft.png
--- a/eet/images/fak_wiai.jpg
+++ b/eet/images/fak_wiai.jpg
--- a/eet/images/fak_wiai2.jpg
+++ b/eet/images/fak_wiai2.jpg
--- a/eet/images/logo_transparent.png
+++ b/eet/images/logo_transparent.png
--- a/eet/images/square_bg.png
+++ b/eet/images/square_bg.png
--- a/eet/images/uniba.png
+++ b/eet/images/uniba.png
--- a/eet/images/wiaicomm.png
+++ b/eet/images/wiaicomm.png
--- a/eet/index.html
+++ b/eet/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/plan/english.html
+++ b/eet/plan/english.html
@ -0,0 +1,184 @@
+<!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
@ -0,0 +1,193 @@
+<!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/robots.txt
+++ b/eet/robots.txt
@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /
--- a/favicon.ico
+++ b/favicon.ico
--- a/fs/index.html
+++ b/fs/index.html
@ -0,0 +1,2 @@
+<meta http-equiv="refresh" content="0; URL=https://www.uni-bamberg.de/wiai/fs/">
+
--- a/index.html
+++ b/index.html
@ -0,0 +1,11 @@
+<html>
+  <head>
+    <meta HTTP-EQUIV="REFRESH" content="0; url=./dashboard"></meta>
+    <title> Fachschaft WIAI </title>
+  </head>
+  <body>
+    <div align="center">
+	  <h1>You will be redirected immediately...</h1>
+    </div>
+  </body>
+</html>
--- a/latex/index.html
+++ b/latex/index.html
@ -0,0 +1,2 @@
+<meta http-equiv="refresh" content="0; URL=https://vc.uni-bamberg.de/moodle/course/view.php?id=3415">
+
--- a/ralley/index.html
+++ b/ralley/index.html
@ -0,0 +1 @@
+<h1>Die Ralley muss leider entfallen!</h1>
--- a/robots.txt
+++ b/robots.txt
@ -0,0 +1,3 @@
+User-agent: *
+Disallow: /
+Allow: /dashboard/
--- a/wahl/index.html
+++ b/wahl/index.html
@ -0,0 +1,2 @@
+<meta http-equiv="refresh" content="0; URL=https://www.uni-bamberg.de/wiai/fs/hochschulwahl/">
+
				`@ -0,0 +1,2 @@`
				`<meta http-equiv="refresh" content="0; URL=https://www.uni-bamberg.de/wiai/fs/">`