Errorpage + RAPLA-Styling

# Conflicts:
#	static/style.css
#	templates/index.html

.gitignore

@@ -2,4 +2,6 @@ __pycache__/
 ENV/
 set/
 VIRTUAL_ENV/
-
+calendars/
+.idea/
+calendars/list.json

app.py

@@ -1,24 +0,0 @@
-#!/usr/bin/env python3.6
-import os
-from flask import Flask
-from flask import render_template, url_for, send_from_directory, redirect, request, send_file
-from werkzeug.utils import secure_filename
-
-
-
-app = Flask(__name__)
-
-@app.route("/")
-def index():
-  return render_template('index.html', headermessage = 'Header', message='DualHub')
-
-
-@app.route ("/<string:msg>")
-def make_msg(msg):
-  message = msg
-  return render_template('index.html', message="DualHub", headermessage=message)
-
-
-
-if __name__ == "__main__":
-  app.run(host='0.0.0.0', port=2024, debug=True)

calendar_generation.py

@@ -0,0 +1,97 @@
+import icalendar
+import datetime
+import recurring_ical_events
+from fetchMENSA import getMeals
+import pytz
+
+shortnames = ["mon", "tue", "wed", "thu", "fri", "sat"]
+longnames = ["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"]
+months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober",
+          "November", "Dezember"]
+
+
+def getWeek(weekstart: datetime, file: str, showsat: bool):
+    """
+    Liefert alle Events einer Woche zurück. \n
+    Wochenstart wird automatisch auf den Montag der Woche gelegt. \n
+    :param weekstart:
+    :param file:
+    :param showsat:
+    :return:
+    """
+    if weekstart == "today":
+        start_date = datetime.date.today()
+    else:
+        start_date = weekstart
+    nextw = start_date + datetime.timedelta(weeks=1)
+    prevw = start_date - datetime.timedelta(weeks=1)
+    start_date -= datetime.timedelta(days=start_date.weekday() % 7)
+    end_date = start_date + datetime.timedelta(days=6)
+    mon = months[start_date.month - 1]
+    if start_date.month != end_date.month:
+        if start_date.year != end_date.year:
+            mon += " " + str(start_date.year) + " | " + months[end_date.month - 1]
+        else:
+            mon += " | " + months[end_date.month-1]
+
+    mon += " " + str(end_date.year)
+    with open("calendars/" + file) as f:
+        calendar = icalendar.Calendar.from_ical(f.read())
+    events = recurring_ical_events.of(calendar).between(start_date, end_date)
+    eventl = []
+    for event in events:
+        estart = event["DTSTART"].dt
+        if str(estart.tzinfo) != "Europe/Berlin":
+            estart = estart.astimezone(pytz.timezone("Europe/Berlin"))
+        formstart = str(estart.hour) + ":" + str(estart.minute)
+        eend = event["DTEND"].dt
+        if str(eend.tzinfo) != "Europe/Berlin":
+            eend = eend.astimezone(pytz.timezone("Europe/Berlin"))
+        formend = str(eend.hour) + ":" + str(eend.minute)
+        forml = [formstart, formend]
+        for i in range(2):
+            if len(forml[i]) != 5:
+                if forml[i][-2] == ":":
+                    forml[i] = forml[i] + "0"
+                if forml[i][1] == ":":
+                    forml[i] = "0" + forml[i]
+        formstart = forml[0]
+        formend = forml[1]
+        eventdict = {
+            "start": formstart,
+            "end": formend,
+            "dur": str(event["DTEND"].dt - event["DTSTART"].dt)[:-3],
+            "name": event["SUMMARY"],
+            "room": event["LOCATION"],
+            "weekday": estart.weekday(),
+            "day": estart.day
+        }
+        eventl += [eventdict]
+    return eventl, daylist(start_date, showsat), prevw, nextw, mon
+
+
+def daylist(weekstart: datetime, showsat: bool):
+    """
+    Gibt die Essen einer Woche zurück.
+    :param weekstart:
+    :param showsat:
+    :return:
+    """
+    weekday = weekstart
+    dayl = []
+    if showsat:
+        r = 6
+    else:
+        r = 5
+    for i in range(r):
+        essen = getMeals(weekday)
+        dayl += [{
+            "day": weekday.day,
+            "short": shortnames[i],
+            "long": longnames[i],
+            "mensa": essen
+        }]
+        weekday += datetime.timedelta(days=1)
+    return dayl
+
+

calendars/list.json

@@ -0,0 +1,3 @@
+{
+
+}

fetchDUALIS.py

@@ -0,0 +1,179 @@
+import requests
+import urllib.parse
+import time
+from bs4 import BeautifulSoup
+from flask import redirect, url_for
+from init import Dualis
+
+headers = {
+    'Cookie': 'cnsc=0',
+    'Content-Type': 'application/x-www-form-urlencoded',
+    'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) '
+                  'Chrome/58.0.3029.110 Safari/537.36',
+    'Accept-Encoding': 'utf-8'
+}
+
+url = "https://dualis.dhbw.de/scripts/mgrqispi.dll"
+
+
+def checkUser(email: str, password: str):
+    """
+    Erhält von Dualis den Token und Cookie für User.
+    :param email:
+    :param password:
+    :return (Token, Session):
+    """
+    s = requests.Session()
+    fpw = urllib.parse.quote(password, safe='', encoding=None, errors=None)
+    fmail = urllib.parse.quote(email, safe='', encoding=None, errors=None)
+    payload = 'usrname=' + fmail + '&pass=' + fpw + ('&ARGUMENTS=clino%2Cusrname%2Cpass%2Cmenuno%2Cmenu_type%2Cbrowser'
+                                                     '%2Cplatform&APPNAME=CampusNet&PRGNAME=LOGINCHECK')
+    response = s.post(url, headers=headers, data=payload)
+    header = response.headers
+    try:
+        refresh = header["REFRESH"]
+        arg = refresh.find("=-N") + 3
+        komma = refresh[arg:].find(",")
+    except KeyError:
+        return -2, s
+    token = refresh[arg:komma + arg]
+    return token, s
+
+
+def getKurs(token: int, cookie: str):
+    """
+    Bestimmt aus der ersten Prüfung den Kursbezeichner des Users.
+    TODO: Umstellen auf Bezeichner INKL. Standort
+    :param token:
+    :param cookie:
+    :return Kurs-Bezeichner:
+    """
+    try:
+        headers["Cookie"] = "cnsc=" + cookie
+        token = str(token)
+        response = requests.request("GET", url +
+                                    "?APPNAME=CampusNet&PRGNAME=COURSERESULTS&ARGUMENTS=-N" + token + ",-N000307,",
+                                    headers=headers, data={})
+        html = BeautifulSoup(response.text, 'lxml')
+        link = html.body.find('a', attrs={'id': "Popup_details0001"})['href']
+        response = requests.request("GET", url + link[21:], headers=headers, data={})
+        html = BeautifulSoup(response.text, 'lxml')
+        content = html.body.find('td', attrs={'class': 'level02'}).text
+        start = content.find(" ") + 4
+        end = start + (content[start:].find(" "))
+        kurs = content[start:end]
+    except AttributeError:
+        kurs = 0
+    return kurs
+
+
+def logOut(token: int, cookie: str):
+    """
+    Invalidiert Token und Cookie bei Dualis.
+    :param token:
+    :param cookie:
+    """
+    headers["Cookie"] = "cnsc=" + cookie
+    requests.request("GET", url + "?APPNAME=CampusNet&PRGNAME=LOGOUT&ARGUMENTS=-N" + str(token)
+                     + ", -N001", headers=headers, data={})
+
+
+def getSem(token: int, cookie: str):
+    """
+    Liefert die Liste aller auf Dualis verfügbaren Semester.
+    :param token:
+    :param cookie:
+    :return Liste [[Semester, Semester-ID], ...]:
+    """
+    headers["Cookie"] = "cnsc=" + cookie
+    token = str(token)
+    response = requests.request("GET", url +
+                                "?APPNAME=CampusNet&PRGNAME=COURSERESULTS&ARGUMENTS=-N" + token + ",-N000307,",
+                                headers=headers, data={})
+    html = BeautifulSoup(response.text, 'lxml')
+    select = html.find('select')
+    select = select.find_all(value=True)
+    optlist = []
+    for i in select:
+        t = i.text.replace("Wi", "Winter").replace("So", "Sommer")
+        t = t.replace("Se", "semester")
+        optlist += [[t, i['value']]]
+    return optlist
+
+
+def getResults(token, cookie: str, resl: str):
+    """
+    Liefert die Liste aller Prüfungsergebnisse eines Semesters.
+    :param token:
+    :param cookie:
+    :param resl:
+    :return [[Name, Note, Credits], ...]:
+    """
+    headers["Cookie"] = "cnsc=" + cookie
+    response = requests.request("GET", url + "?APPNAME=CampusNet&PRGNAME=COURSERESULTS&ARGUMENTS=-N" + token +
+                                ",-N000307," + ",-N" + resl, headers=headers, data={})
+    html = BeautifulSoup(response.content.decode("utf-8"), 'lxml')
+    table = html.find('table', attrs={"class": "nb list"})
+    body = table.find("tbody")
+    vorl = body.find_all("tr")
+    vorlist = []
+    for row in vorl:
+        cols = row.find_all("td")
+        col = [e.text.strip() for e in cols]
+        if len(col) != 0:
+            if len(col[4]) == 0:
+                col[2] = getPruefung(row.find("a")["href"])
+            vorlist += [col[1:4]]
+    return vorlist
+
+
+def getPruefung(url):
+    """
+    Ermittelt Noten "geschachtelter" Prüfungen, die nicht auf der Hauptseite angezeigt werden.
+    TODO: Namen der spezifischen Prüfungen auch zurückgeben, um Zusammensetzung zu spezifizieren.
+    :param url:
+    :return:
+    """
+    response = requests.request("GET", "https://dualis.dhbw.de" + url, headers=headers, data={})
+    html = BeautifulSoup(response.content.decode("utf-8"), 'lxml')
+    table = html.find('table')
+    pruefung = table.find_all("tr")
+    ret = "   "
+    for row in pruefung:
+        cols = row.find_all("td")
+        col = [e.text.strip() for e in cols]
+        if len(col) == 6:
+            ret = col[3][:3]
+    if ret[1] != ",":
+        ret = "noch nicht gesetzt"
+    return ret
+
+
+def checkLifetime(timecode: float):
+    """
+    Dualis-Token laufen nach 30 Minuten ab.
+    True, wenn Token noch gültig ist.
+    False wenn ungültig.
+    :param timecode:
+    :return:
+    """
+    if time.time() - timecode > 1800:
+        return False
+    else:
+        return True
+
+
+def timeOut(dualis: Dualis, cookie: str, origin: str):
+    """
+    Checkt, ob Token und Cookie noch valide/vorhanden sind.
+    False, falls alles richtig ist.
+    Weiterleitung zum Login, falls nicht.
+    :param dualis:
+    :param cookie:
+    :param origin:
+    :return:
+    """
+    if not checkLifetime(dualis.token_created) or not cookie:
+        return redirect(url_for("login", next=url_for(origin), code=10))
+    else:
+        return False

fetchMENSA.py

@@ -0,0 +1,135 @@
+import json
+from init import db, Meals, scheduler
+import datetime
+import requests
+import time
+
+nomeal = 'Essen nicht (mehr) verfügbar'
+
+
+def getMeals(day: datetime):
+    """
+    Liefert alle Mahlzeiten eines Tages. \n
+    Befinden sie sich schon in der Datenbank, werden diese zurückgegeben. \n
+    Wenn nicht, wird getMealsFromAPI() aufgerufen. \n
+    :param day:
+    :return [Name1, Name2, ...]:
+    """
+    day = formatDay(day)
+    essen = []
+    query = Meals.query.filter_by(date=day).all()
+    if len(query) != 0:
+        for i in query:
+            essen += [i.name]
+        essen.sort(key=len, reverse=True)
+        return essen
+    return getMealsFromAPI(day, dbentry=True)
+
+
+def getMealsFromAPI(day: str, dbentry: bool = False):
+    """
+    Fragt die Mensa-API nach den Mahlzeiten eines Tages ab. \n
+    Wenn dbentry: Schreibt die Ergebnisse in die Datenbank. \n
+    TODO: Andere Mensen berücksichtigen.
+    :param day:
+    :param dbentry:
+    :return [Name1, Name2, ...]:
+    """
+    url = "https://dh-api.paulmartin.cloud/plans/" + day + "?canteens=erzberger"
+    response = requests.request("GET", url)
+    response = response.content
+    jres = json.loads(response.decode("utf-8"))
+    essen = []
+
+    try:
+        num = len(jres["data"][0]["lines"])
+        for i in range(num):
+            try:
+                jsmeal = jres["data"][0]["lines"][i]["meals"]
+                cont = True
+            except IndexError:
+                essen = []
+                cont = False
+            if cont:
+                for e in range(len(jsmeal)):
+                    ji = jsmeal[e]
+                    name = ji["name"]
+                    if pricetofloat(ji["price"]) >= 1.1:
+                        vegan = ji["classifiers"].count("VG") == 1
+                        schwein = ji["classifiers"].count("S") == 1
+                        if vegan:
+                            veget = True
+                        else:
+                            veget = ji["classifiers"].count("VEG") == 1
+                            if veget:
+                                if name.count("Reibekäse") > 0:
+                                    vegan = True
+
+                        essen += [name]
+                        if dbentry:
+                            mid = int(time.time()*1000) % 100000
+                            neu = Meals(date=day, name=name, id=mid, vegan=vegan, vegetarian=veget, schwein=schwein)
+                            db.session.add(neu)
+                            db.session.commit()
+        if not essen:
+            essen = [nomeal]
+    except KeyError:
+        essen = [nomeal]
+    return essen
+
+
+def pricetofloat(price: str):
+    """
+    Konvertiert den Preis-String der Mensa-API zu einem Python-Float.
+    :param price:
+    :return float:
+    """
+    price = price[:-2]
+    price = price.replace(",", ".")
+    try:
+        return float(price)
+    except ValueError:
+        return 0
+
+
+def formatDay(day: datetime):
+    """
+    Füllt ein Datum mit Nullen auf. \n
+    "2023-1-1" → "2023-01-01".
+    :param day:
+    :return str:
+    """
+    if day.day < 10:
+        tag = "0" + str(day.day)
+    else:
+        tag = str(day.day)
+    day = str(day.year) + "-" + str(day.month) + "-" + tag
+    return day
+
+
+@scheduler.task('cron', id="refreshMeals", hour='8-11', day_of_week='*', minute='15', week='*', second='30')
+def refreshMeals():
+    """
+    Aktualisiert immer vormittags alle Mahlzeiten in der Datenbank. \n
+    Datenbankeinträge werden ersetzt, wenn die API andere Mahlzeiten liefert.
+    """
+    print("Aktualisiere Essenspläne...\n")
+    with scheduler.app.app_context():
+        table = Meals.query.all()
+        dates = []
+        for i in table:
+            if i.date not in dates:
+                dates += [i.date]
+        for i in range(len(dates)):
+            dates[i] = formatDay(dates[i])
+        for i in dates:
+            apinames = getMealsFromAPI(i)
+            dbmeals = Meals.query.filter_by(date=i).all()
+            dbnames = []
+            for m in dbmeals:
+                dbnames += [m.name]
+            if set (dbnames) != set(apinames) and nomeal not in apinames:
+                for n in dbnames:
+                    db.session.delete(Meals.query.filter_by(date=i, name=n).first())
+                    db.session.commit()
+                getMealsFromAPI(i, True)

fetchRAPLA.py

@@ -0,0 +1,105 @@
+import urllib.error
+from urllib.request import urlretrieve
+import icalendar
+import json
+import recurring_ical_events
+from init import scheduler
+
+
+def parseURL(url: str):
+    """
+    Konvertiert URLs ins korrekte Format. \n
+    Konvertiert werden: http, www.; page=calendar \n
+    In: https; page=ical
+    :param url:
+    :return str:
+    """
+    rapla = url.find("rapla.")
+    if rapla == -1:
+        return 0
+    elif len(url[:rapla]) == 4 or len(url[:rapla]) > 6:
+        url = url[rapla:]
+    http = url.find(":")
+    if url[:http] == "http":
+        url = "https" + url[http:]
+    elif http == -1:
+        url = "https://" + url
+    p = url.find("page=")
+    u = url.find("&")
+    if (url[p + 5:u]).lower() == "ical":
+        return url
+    elif p != -1:
+        return url[:p + 5] + "ical" + url[u:]
+    else:
+        return 0
+
+
+def getNewRapla(url: str):
+    """
+    Speichert den iCal eines Raplas auf dem Server. \n
+    Gibt Namen der Datei zurück. \n
+    TODO: Standort zu Dateibezeichner hinzufügen, um Konflikte zu vermeiden.
+    :param url:
+    :return str:
+    """
+    url = parseURL(url)
+    if url == 0:
+        return 0
+    urlfile = url.find("file=")
+    kurs = url[urlfile + 5:].upper()
+
+    try:
+        urlretrieve(url, "calendars/rapla" + kurs + ".ical")
+    except urllib.error.URLError:
+        return -1
+
+    file = open("calendars/list.json", "r+")
+    jsoncal = json.load(file)
+    jsoncal.update({kurs: ["rapla" + kurs + ".ical", url]})
+    file.close()
+    file = open("calendars/list.json", "w")
+    json.dump(jsoncal, file, indent=4)
+    return "rapla" + kurs + ".ical"
+
+
+def getIcal(kurs: str):
+    """
+    Liefert den Namen der Datei des mitgegebenen Kurses.
+    :param kurs:
+    :return str:
+    """
+    file = open("calendars/list.json", "r")
+    jf = json.load(file)
+    try:
+        return jf[kurs][0]
+    except KeyError:
+        return None
+
+
+def getRaplas():
+    """
+    Liefert alle auf dem Server gespeicherten Raplas.
+    :return (Kursliste, Dateiliste, URL-Liste):
+    """
+    file = open("calendars/list.json", "r")
+    jsonf = json.load(file)
+    kursl = []
+    filel = []
+    urll = []
+    for i in jsonf:
+        kursl += [i]
+        filel += [jsonf[i][0]]
+        urll += [jsonf[i][1]]
+    return sorted(kursl), sorted(filel), sorted(urll)
+
+
+@scheduler.task("interval", id="refreshRapla", minutes=30)
+def refreshRapla():
+    """
+    Aktualisiert alle 30 Minuten alle gespeicherten Raplas.
+    """
+    filel = getRaplas()[1]
+    urll = getRaplas()[2]
+    for i in range(len(filel)):
+        urlretrieve(urll[i], "calendars/"+filel[i])
+    print("Update die Kalender...")

genstarts.py

@@ -0,0 +1,40 @@
+from flask import url_for
+
+css = ""
+
+for se in ("start", "end"):
+    acht = 0
+    for i in range(0, 28):
+        if i % 4 == 0:
+            acht += 100
+            h = str(acht)
+        else:
+            h = str(acht + (i % 4 * 15))
+        if len(h) == 3:
+            h = "0" + h
+        css += "." + se + "-" + h + " {\n"
+        if se == "start":
+            css += "grid-row-" + se + ": " + "1" + "\n}\n"
+        else:
+            css += "grid-row-" + se + ": " + "4" + "\n}\n"
+    css += "\n\n\n"
+
+
+for se in ("start", "end"):
+    acht = 700
+    for i in range(0, 45):
+        if i % 4 == 0:
+            acht += 100
+            h = str(acht)
+        else:
+            h = str(acht + (i % 4 * 15))
+        if len(h) == 3:
+            h = "0" + h
+        css += "." + se + "-" + h + " {\n"
+        css += "grid-row-" + se + ": " + str(i+1) + "\n}\n"
+    css += "\n\n\n"
+
+f = open("static/cal.scss", "a")
+f.write ("\n // Generated by genstarts.py\n\n")
+f.write(css)
+f.close()

get_mysql.py

@@ -0,0 +1,17 @@
+import getpass
+
+
+def get_mysql():
+    """
+    Extrahiert die MySQL-Anmeldedaten aus ~/.my.cnf . \n
+    Funktioniert wahrscheinlich nur auf Linux, vor allem für den Server gedacht.
+    """
+    u = getpass.getuser()
+    f = open("/home/"+u+"/.my.cnf", "r")
+    i = f.read()
+    u = i.find("user=")
+    p = i.find("password=")
+    u = i[u+5:p-1]
+    ro = i.find("[clientreadonly]")
+    p = i[p+9:ro-2]
+    return u, p

init-sql.sh

@@ -0,0 +1,6 @@
+#!/bin/sh
+#Erstellt alle benötigten MySQL-Tabellen.
+
+mysql -e "USE paulmrtn_DUALHUB; CREATE TABLE user ( id int NOT NULL, email VARCHAR(255), name VARCHAR(255), kurs VARCHAR (15), PRIMARY KEY (ID), UNIQUE (ID, EMAIL) );"
+mysql -e "USE paulmrtn_DUALHUB; CREATE TABLE dualis ( uid int NOT NULL, token  VARCHAR(255), result_list VARCHAR(15), token_created INT, PRIMARY KEY (uid));"
+mysql -e "USE paulmrtn_DUALHUB; CREATE TABLE meals (  id int NOT NULL, date date, name VARCHAR(200), vegetarian tinyint(1), vegan tinyint(1), schwein tinyint(1), PRIMARY KEY (id));"

init.py

@@ -0,0 +1,77 @@
+from flask import Flask
+from flask_login import LoginManager, UserMixin
+from flask_sqlalchemy import SQLAlchemy
+from talisman import Talisman
+from get_mysql import get_mysql
+import atexit
+from flask_apscheduler import APScheduler
+
+
+def create():
+    """
+    Erstellt die Flask-App inkl. Datenbank und Login-Manager.
+    :return app:
+    """
+    app = Flask(__name__)
+    dbpw = get_mysql()[1]
+    dbun = get_mysql()[0]
+
+    app.config['SECRET_KEY'] = 'SECRET_KEY_GOES_HERE'
+    app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql+pymysql://' + dbun + ':' + dbpw + '@localhost/paulmrtn_DUALHUB'
+    db.init_app(app)
+
+    login_manager = LoginManager()
+    login_manager.init_app(app)
+    login_manager.login_view = "login"
+
+    # Shut down the scheduler when exiting the app
+    atexit.register(lambda: scheduler.shutdown())
+
+    @login_manager.user_loader
+    def load_user(uid: int):
+        return User.query.filter_by(id=uid).first()
+
+    return app
+
+
+db = SQLAlchemy()
+
+
+class User(UserMixin, db.Model):
+    """
+    Datenbank-Modell für User.
+    """
+    id = db.Column(db.Integer, primary_key=True)
+    email = db.Column(db.String(255), unique=True)
+    name = db.Column(db.String(255))
+    kurs = db.Column(db.String(15))
+
+
+class Dualis(db.Model):
+    """
+    Datenbank-Modell für Dualis.
+    """
+    token = db.Column(db.String(255), unique=True)
+    uid = db.Column(db.Integer, primary_key=True)
+    token_created = db.Column(db.Integer)
+    result_list = db.Column(db.String(15))
+
+
+class Meals(db.Model):
+    """
+    Datenbank-Modell für Meals.
+    """
+    id = db.Column(db.Integer, primary_key=True)
+    date = db.Column(db.Date)
+    name = db.Column(db.String(100))
+    vegetarian = db.Column(db.Boolean)
+    vegan = db.Column(db.Boolean)
+    schwein = db.Column(db.Boolean)
+
+
+scheduler = APScheduler()
+app = create()
+Talisman(app)
+scheduler.init_app(app)
+scheduler.start()
+scheduler.api_enabled = True

requesthelpers.py

@@ -0,0 +1,10 @@
+def getCookie(cookies):
+    """
+    Liefert (letzten) Cookie der Cookies-Liste zurück.
+    :param cookies:
+    :return:
+    """
+    cookie = 0
+    for c in cookies:
+        cookie = c.value
+    return cookie

requirements.txt

@@ -0,0 +1,13 @@
+beautifulsoup4
+Flask
+Flask_APScheduler
+Flask_Login
+flask_sqlalchemy
+icalendar
+recurring_ical_events
+Requests
+talisman
+Werkzeug
+lxml
+bs4
+pytz

routing.py

@@ -0,0 +1,339 @@
+#!/usr/bin/env python3.6
+from flask import make_response
+from flask import render_template, url_for, redirect, request
+from flask_login import login_user, login_required, current_user, logout_user
+from werkzeug.exceptions import HTTPException
+from werkzeug.security import generate_password_hash, check_password_hash
+import hashlib
+import datetime
+import time
+
+import fetchDUALIS
+import fetchRAPLA
+import requesthelpers
+from fetchRAPLA import *
+from calendar_generation import getWeek
+from init import *
+
+
+@app.route("/")
+def index():
+    """
+    Leitet den normalen Website-Aufruf zum Login weiter.
+    :return HTML:
+    """
+    return redirect(url_for("login"))
+
+
+@app.route("/dashboard")
+@login_required
+def welcome():
+    """
+    Dashboard
+    :return HTML:
+    """
+    if not current_user.kurs:
+        return redirect(url_for("getKurs", next=url_for(request.endpoint)))
+    sel = request.args.get("sel")
+    if not sel:
+        sel="theorie"
+    kurs = current_user.kurs
+    name = current_user.name
+    if sel == "theorie":
+        t = ""
+        p = "hidden"
+    else:
+        t = "hidden"
+        p = ""
+    return render_template('dashboard.html', kurs=kurs, name=name, theorie=t, praxis=p)
+
+
+@app.route("/theorie/noten")
+@login_required
+def displayNoten():
+    """
+    Zeigt die Noten aus Dualis an. Hierfür ist ein aktives Token nötig.
+    :return HTML:
+    """
+    d = Dualis.query.filter_by(uid=current_user.id).first()
+    if not d.result_list:
+        return redirect(url_for("getSemester", next=url_for(request.endpoint)))
+    t = d.token
+    sem = d.result_list
+    c = request.cookies.get("cnsc")
+    timeout = fetchDUALIS.timeOut(d, c, "displayNoten")
+    if timeout:
+        return timeout
+    res = fetchDUALIS.getResults(t, c, sem)
+    return render_template("noten.html", noten=res, semester=fetchDUALIS.getSem(t, c), sel=sem, s="n", praxis="hidden")
+
+
+@app.route("/plan", methods=["GET"])
+@login_required
+def displayRapla():
+    """
+    Zeigt den Stundenplan für eingeloggte User an. \n
+    TODO: Persönliche Filter, Notizen, Essensvorlieben etc. berücksichtigen.
+    :return HTML:
+    """
+    if not current_user.kurs:
+        return redirect(url_for("getKurs", next=url_for(request.endpoint)))
+    week = request.args.get("week")
+    if week:
+        week = datetime.datetime.strptime(week, "%Y-%m-%d")
+    else:
+        week = "today"
+    samstag = request.args.get("samstag")
+    if not samstag:
+        samstag = False
+    events = getWeek(week, fetchRAPLA.getIcal(current_user.kurs), samstag)
+    return render_template("plan-user.html", events=events[0], eventdays=events[1],
+                           name=current_user.name, prev=str(events[2])[:10], next=str(events[3])[:10], mon=events[4],
+                           s="p", praxis="hidden")
+
+
+@app.route("/plan/<string:kurs>")
+def displayPlan(kurs):
+    """
+    Zeigt den Stundenplan ohne Login an. \n
+    Präferenzen werden nicht berücksichtigt.
+    :param kurs:
+    :return HTML:
+    """
+    week = request.args.get("week")
+    if week:
+        week = datetime.datetime.strptime(week, "%Y-%m-%d")
+    else:
+        week = "today"
+    try:
+        if current_user.kurs == kurs.upper():
+            return redirect(url_for("displayRapla"))
+    except AttributeError:
+        pass
+    kurs = kurs.upper()
+    plan = fetchRAPLA.getIcal(kurs)
+    if plan:
+        samstag = request.args.get("samstag")
+        if not samstag:
+            samstag = False
+        events = getWeek(week, plan, samstag)
+        return render_template("plan-anon.html", events=events[0], eventdays=events[1], kurs=kurs,
+                               prev=str(events[2])[:10], next=str(events[3])[:10], mon=events[4])
+    else:
+        return redirect(url_for("login"))
+
+
+@app.route("/set-up")
+def redKurs():
+    """
+    Setup beginnt mit Kurs.
+    :return HTML:
+    """
+    return redirect(url_for("getKurs"))
+
+
+@app.route("/set-up/kurs")
+@login_required
+def getKurs():
+    """
+    Automatische Kurs-Auswahl. \n
+    Aktives Dualis-Token benötigt.
+    :return HTML:
+    """
+    d = Dualis.query.filter_by(uid=current_user.id).first()
+    if d:
+        cookie = request.cookies.get("cnsc")
+        timeout = fetchDUALIS.timeOut(d, cookie, "getKurs")
+        if timeout:
+            return timeout
+        e = False
+        if not current_user.kurs:
+            kurs = fetchDUALIS.getKurs(d.token, cookie)
+            if kurs != 0:
+                current_user.kurs = kurs
+                db.session.commit()
+            else:
+                e = True
+        else:
+            kurs = current_user.kurs
+            current_user.kurs = kurs
+            db.session.commit()
+    else:
+        e = True
+        kurs = ""
+    return render_template('kurs.html', detected=(kurs, e), s="s",  theorie="hidden", praxis="hidden")
+
+
+@app.route("/set-up/semester")
+@login_required
+def getSemester():
+    """
+    Manuelle Semester-Auswahl.
+    :return HTML:
+    """
+    t = Dualis.query.filter_by(uid=current_user.id).first().token
+    c = request.cookies.get("cnsc")
+
+    return render_template("semester.html", semester=fetchDUALIS.getSem(t, c), s="s",  theorie="hidden", praxis="hidden")
+
+
+@app.route("/set-up/semester", methods=["POST"])
+@login_required
+def setSemester():
+    """
+    Speichern der Semester-Auswahl.
+    :return HTML:
+    """
+    n = request.args.get("next")
+    if not n:
+        n = url_for("welcome")
+    d = Dualis.query.filter_by(uid=current_user.id).first()
+    d.result_list = request.form.get("sem")
+    db.session.commit()
+    return redirect(n)
+
+
+@app.route("/set-up/rapla")
+@login_required
+def chooseRaplas():
+    """
+    Manuelle Rapla-Auswahl.
+    :return HTML:
+    """
+    r = getRaplas()
+    return render_template("rapla.html", raplas=r, s="s",  theorie="hidden", praxis="hidden")
+
+
+@app.route("/set-up/rapla", methods=["POST"])
+@login_required
+def getRapla():
+    """
+    Verarbeitet die Eingabe von chooseRaplas().
+    :return HTML:
+    """
+    file = str(request.form.get("file"))
+    url = str(request.form.get("url"))
+    if file == url == "None":
+        return redirect(url_for("chooseRaplas"))
+    if file != "None":
+        User.query.filter_by(id=current_user.id).first().kurs = file[5:-5]
+        db.session.commit()
+    elif url != "None":
+        file = getNewRapla(url)
+        if type(file) is not int:
+            User.query.filter_by(id=current_user.id).first().kurs = file[5:-5]
+            db.session.commit()
+        else:
+            return redirect(url_for("error", ecode=900))
+    return redirect(url_for("welcome"))
+
+
+@app.route("/log-in")
+def login():
+    """
+    Login-Maske.
+    :return HTML:
+    """
+    return render_template("login.html", theorie="hidden", praxis="hidden", s="s")
+
+
+@app.route("/log-in", methods=["POST"])
+def login_post():
+    """
+    Verarbeitet die Eingabe von login(). \n
+    Falls der User schon angelegt ist, wird das Passwort verglichen. \n
+    Falls nicht, wird ein neuer angelegt.
+    :return HTML:
+    """
+    email = request.form.get("email")
+    password = request.form.get("password")
+    n = request.args.get("next")
+    if n:
+        success = make_response(redirect(n))
+    else:
+        success = make_response(redirect(url_for("getKurs")))
+
+    user = User.query.filter_by(email=email).first()
+    t = fetchDUALIS.checkUser(email, password)
+    if t[0] == -2:
+        return redirect(url_for("login", code=-2))
+    if user:
+        dualis = Dualis.query.filter_by(uid=user.id).first()
+        dualis.token = t[0]
+        newcookie = requesthelpers.getCookie(t[1].cookies)
+        dualis.token_created = time.time()
+        db.session.commit()
+        login_user(user)
+        if user.kurs:
+            if not dualis.result_list:
+                success = make_response(redirect(url_for("getSemester")))
+            elif not n:
+                success = make_response(redirect(url_for("welcome")))
+            success.set_cookie("cnsc", value=newcookie, httponly=True, secure=True)
+
+    else:
+        hashid = int(hashlib.sha1(email.encode("utf-8")).hexdigest(), 16) % (10 ** 8)
+        pname = email.find(".") + 1
+        ename = min(email[pname:].find("."), email[pname:].find("@"))
+        name = email[pname:pname + ename].capitalize()
+        new_user = User(email=email, name=name, id=hashid)
+        db.session.add(new_user)
+
+        cookie = requesthelpers.getCookie(t[1].cookies)
+
+        new_dualis = Dualis(uid=hashid, token=t[0], token_created=int(time.time()))
+        db.session.add(new_dualis)
+        db.session.commit()
+        login_user(new_user)
+        success.set_cookie("cnsc", value=cookie, httponly=True, secure=True)
+    return success
+
+
+@app.route("/log-out")
+@login_required
+def logout():
+    """
+    Loggt den User aus.
+    :return Empty Token:
+    """
+    cookie = request.cookies.get("cnsc")
+    dualis = Dualis.query.filter_by(uid=current_user.id).first()
+    fetchDUALIS.logOut(dualis.token, cookie)
+    dualis.token = None
+    db.session.commit()
+    logout_user()
+    red = make_response(redirect(url_for("login", code=1, next=url_for("welcome"))))
+    red.set_cookie("cnsc", value="Logged out! Your temporary token "
+                                 "on our server and the cookie on your device have been deleted.", httponly=True,
+                   secure=True)
+    return red
+
+
+@app.route("/error")
+def error():
+    """
+    Error Page für custom-Errors. \n
+    TODO: Funktion depreciaten. Ersetzen durch Errors auf den entsprechenden Seiten.
+    :return:
+    """
+    error = request.args.get("ecode")
+    if error == "900":
+        msg = "Ungültige RAPLA-URL! Sicher, dass der Link zum DHBW-Rapla führt?"
+    elif error == "899":
+        msg = "Der Kalender wurde nicht gefunden! Sicher, dass der Link korrekt ist?"
+    else:
+        msg = str(error)
+    return render_template('display-message.html', message=msg)
+
+
+@app.route("/error")
+@app.errorhandler(HTTPException)
+def handle(e):
+    """"
+    HTTP-Exception-Handler
+    """
+    return render_template('display-message.html', message=e)
+
+
+if __name__ == "__main__":
+    app.run(host='0.0.0.0', port=2024, debug=True)

static/cal.css

@@ -0,0 +1,828 @@
+:root {
+  --numDays: 5;
+  --numHours: 13;
+  --numHalfHours: 23;
+  --numQuartHours: 45;
+  --timeHeight: 60px;
+  --halfTimeHeight: 30px;
+  --quartTimeHeight: 15px;
+  --calBgColor: #3f2d2d;
+  --eventBorderColor: #000000;
+  --eventColor1: #b82424;
+  --eventColor2: #fafaa3;
+  --eventColor3: #1894bb;
+  --eventColor4: rgba(184, 36, 36, 0.65);
+}
+
+.calendar {
+  display: grid;
+  gap: 10px;
+  grid-template-columns: auto 1fr;
+  margin: 2rem;
+}
+
+select {
+  width: 100%;
+  height: 40px;
+  border-radius: 5px;
+  color: white;
+  border-color: transparent;
+  background-color: var(--calBgColor);
+  text-align: center;
+}
+
+.userbuttons {
+  width: 90%;
+  position: absolute;
+  display: flex;
+  justify-content: end;
+}
+
+.changeweek {
+  font-size: 2.5em;
+  text-decoration: none;
+  font-weight: 600;
+  color: white;
+}
+
+.changeweek:hover {
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+  -webkit-text-stroke: 3px white;
+}
+
+h2 {
+  font-weight: 300;
+  margin: 5px;
+}
+
+.headerblock {
+  display: flex;
+  justify-content: space-between;
+  padding-right: 20%;
+  padding-left: 20%;
+}
+
+.customheader {
+  display: flex;
+  justify-content: space-evenly;
+}
+
+button {
+  border-radius: 5px;
+  border-color: white;
+  color: white;
+  border-style: solid;
+  background: transparent;
+  font-weight: 600;
+  width: 30px;
+  height: 30px;
+  margin: 2px;
+  line-height: 25px;
+}
+
+button:hover {
+  cursor: pointer;
+}
+
+.plusbutton {
+  font-size: 1.5em;
+}
+
+form {
+  margin-top: 5px;
+}
+
+option {
+  width: 300px;
+  font-size: 1rem;
+}
+
+.timeline {
+  display: grid;
+  grid-template-rows: repeat(12, 58px);
+}
+
+.days {
+  display: grid;
+  grid-column: 2;
+  gap: 5px;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+}
+
+.events {
+  display: grid;
+  grid-template-rows: repeat(var(--numQuartHours), var(--quartTimeHeight));
+  border-radius: 5px;
+  color: black;
+  background: var(--calBgColor);
+}
+
+.title {
+  width: 70%;
+  font-weight: 600;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.room,
+.time {
+  display: block;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.room {
+  width: 70%;
+}
+
+.event {
+  border: 1px solid var(--eventBorderColor);
+  border-radius: 5px;
+  padding: 0.5rem;
+  margin: 0 0.5rem;
+  color: white;
+  background: var(--eventColor4);
+  position: relative;
+}
+
+.space,
+.date {
+  height: 100px;
+}
+
+body {
+  font-family: "Asap", "Calibri", "Arial", sans-serif;
+  color: white;
+  background-color: black;
+}
+
+.date {
+  margin-bottom: 1em;
+  gap: 1em;
+}
+
+.date-num {
+  font-size: 3rem;
+  font-weight: 600;
+  display: inline;
+}
+
+.date-day {
+  display: inline;
+  font-size: 3rem;
+  font-weight: 100;
+}
+
+.cs1 {
+  margin-left: 220px;
+  padding: 20px;
+}
+
+nav ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  width: 200px;
+  background-color: #333;
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  overflow-y: auto;
+  font-size: 150%;
+}
+
+nav li {
+  border-top: none;
+}
+
+nav li.top {
+  border-style: solid;
+  border-radius: 5px;
+  border-color: white;
+  margin: 10px;
+  text-align: center;
+}
+
+nav a.top:hover {
+  background: transparent;
+}
+
+nav li.start a {
+  border-top: 3px solid white;
+  margin-top: 20px;
+  padding-top: 30px;
+}
+
+nav a.selected {
+  color: red;
+  background-color: black;
+}
+
+nav li.top.selected {
+  border-color: red;
+}
+
+nav li a {
+  display: block;
+  color: white;
+  padding: 12px 16px;
+  text-decoration: none;
+}
+
+nav li a:hover {
+  background-color: red;
+}
+
+nav li .bottom {
+  position: absolute;
+  bottom: 0;
+  width: 200px;
+}
+
+.start-0100 {
+  grid-row-start: 1;
+}
+
+.start-0115 {
+  grid-row-start: 1;
+}
+
+.start-0130 {
+  grid-row-start: 1;
+}
+
+.start-0145 {
+  grid-row-start: 1;
+}
+
+.start-0200 {
+  grid-row-start: 1;
+}
+
+.start-0215 {
+  grid-row-start: 1;
+}
+
+.start-0230 {
+  grid-row-start: 1;
+}
+
+.start-0245 {
+  grid-row-start: 1;
+}
+
+.start-0300 {
+  grid-row-start: 1;
+}
+
+.start-0315 {
+  grid-row-start: 1;
+}
+
+.start-0330 {
+  grid-row-start: 1;
+}
+
+.start-0345 {
+  grid-row-start: 1;
+}
+
+.start-0400 {
+  grid-row-start: 1;
+}
+
+.start-0415 {
+  grid-row-start: 1;
+}
+
+.start-0430 {
+  grid-row-start: 1;
+}
+
+.start-0445 {
+  grid-row-start: 1;
+}
+
+.start-0500 {
+  grid-row-start: 1;
+}
+
+.start-0515 {
+  grid-row-start: 1;
+}
+
+.start-0530 {
+  grid-row-start: 1;
+}
+
+.start-0545 {
+  grid-row-start: 1;
+}
+
+.start-0600 {
+  grid-row-start: 1;
+}
+
+.start-0615 {
+  grid-row-start: 1;
+}
+
+.start-0630 {
+  grid-row-start: 1;
+}
+
+.start-0645 {
+  grid-row-start: 1;
+}
+
+.start-0700 {
+  grid-row-start: 1;
+}
+
+.start-0715 {
+  grid-row-start: 1;
+}
+
+.start-0730 {
+  grid-row-start: 1;
+}
+
+.start-0745 {
+  grid-row-start: 1;
+}
+
+.end-0100 {
+  grid-row-end: 4;
+}
+
+.end-0115 {
+  grid-row-end: 4;
+}
+
+.end-0130 {
+  grid-row-end: 4;
+}
+
+.end-0145 {
+  grid-row-end: 4;
+}
+
+.end-0200 {
+  grid-row-end: 4;
+}
+
+.end-0215 {
+  grid-row-end: 4;
+}
+
+.end-0230 {
+  grid-row-end: 4;
+}
+
+.end-0245 {
+  grid-row-end: 4;
+}
+
+.end-0300 {
+  grid-row-end: 4;
+}
+
+.end-0315 {
+  grid-row-end: 4;
+}
+
+.end-0330 {
+  grid-row-end: 4;
+}
+
+.end-0345 {
+  grid-row-end: 4;
+}
+
+.end-0400 {
+  grid-row-end: 4;
+}
+
+.end-0415 {
+  grid-row-end: 4;
+}
+
+.end-0430 {
+  grid-row-end: 4;
+}
+
+.end-0445 {
+  grid-row-end: 4;
+}
+
+.end-0500 {
+  grid-row-end: 4;
+}
+
+.end-0515 {
+  grid-row-end: 4;
+}
+
+.end-0530 {
+  grid-row-end: 4;
+}
+
+.end-0545 {
+  grid-row-end: 4;
+}
+
+.end-0600 {
+  grid-row-end: 4;
+}
+
+.end-0615 {
+  grid-row-end: 4;
+}
+
+.end-0630 {
+  grid-row-end: 4;
+}
+
+.end-0645 {
+  grid-row-end: 4;
+}
+
+.end-0700 {
+  grid-row-end: 4;
+}
+
+.end-0715 {
+  grid-row-end: 4;
+}
+
+.end-0730 {
+  grid-row-end: 4;
+}
+
+.end-0745 {
+  grid-row-end: 4;
+}
+
+.start-0800 {
+  grid-row-start: 1;
+}
+
+.start-0815 {
+  grid-row-start: 2;
+}
+
+.start-0830 {
+  grid-row-start: 3;
+}
+
+.start-0845 {
+  grid-row-start: 4;
+}
+
+.start-0900 {
+  grid-row-start: 5;
+}
+
+.start-0915 {
+  grid-row-start: 6;
+}
+
+.start-0930 {
+  grid-row-start: 7;
+}
+
+.start-0945 {
+  grid-row-start: 8;
+}
+
+.start-1000 {
+  grid-row-start: 9;
+}
+
+.start-1015 {
+  grid-row-start: 10;
+}
+
+.start-1030 {
+  grid-row-start: 11;
+}
+
+.start-1045 {
+  grid-row-start: 12;
+}
+
+.start-1100 {
+  grid-row-start: 13;
+}
+
+.start-1115 {
+  grid-row-start: 14;
+}
+
+.start-1130 {
+  grid-row-start: 15;
+}
+
+.start-1145 {
+  grid-row-start: 16;
+}
+
+.start-1200 {
+  grid-row-start: 17;
+}
+
+.start-1215 {
+  grid-row-start: 18;
+}
+
+.start-1230 {
+  grid-row-start: 19;
+}
+
+.start-1245 {
+  grid-row-start: 20;
+}
+
+.start-1300 {
+  grid-row-start: 21;
+}
+
+.start-1315 {
+  grid-row-start: 22;
+}
+
+.start-1330 {
+  grid-row-start: 23;
+}
+
+.start-1345 {
+  grid-row-start: 24;
+}
+
+.start-1400 {
+  grid-row-start: 25;
+}
+
+.start-1415 {
+  grid-row-start: 26;
+}
+
+.start-1430 {
+  grid-row-start: 27;
+}
+
+.start-1445 {
+  grid-row-start: 28;
+}
+
+.start-1500 {
+  grid-row-start: 29;
+}
+
+.start-1515 {
+  grid-row-start: 30;
+}
+
+.start-1530 {
+  grid-row-start: 31;
+}
+
+.start-1545 {
+  grid-row-start: 32;
+}
+
+.start-1600 {
+  grid-row-start: 33;
+}
+
+.start-1615 {
+  grid-row-start: 34;
+}
+
+.start-1630 {
+  grid-row-start: 35;
+}
+
+.start-1645 {
+  grid-row-start: 36;
+}
+
+.start-1700 {
+  grid-row-start: 37;
+}
+
+.start-1715 {
+  grid-row-start: 38;
+}
+
+.start-1730 {
+  grid-row-start: 39;
+}
+
+.start-1745 {
+  grid-row-start: 40;
+}
+
+.start-1800 {
+  grid-row-start: 41;
+}
+
+.start-1815 {
+  grid-row-start: 42;
+}
+
+.start-1830 {
+  grid-row-start: 43;
+}
+
+.start-1845 {
+  grid-row-start: 44;
+}
+
+.start-1900 {
+  grid-row-start: 45;
+}
+
+.end-0800 {
+  grid-row-end: 1;
+}
+
+.end-0815 {
+  grid-row-end: 2;
+}
+
+.end-0830 {
+  grid-row-end: 3;
+}
+
+.end-0845 {
+  grid-row-end: 4;
+}
+
+.end-0900 {
+  grid-row-end: 5;
+}
+
+.end-0915 {
+  grid-row-end: 6;
+}
+
+.end-0930 {
+  grid-row-end: 7;
+}
+
+.end-0945 {
+  grid-row-end: 8;
+}
+
+.end-1000 {
+  grid-row-end: 9;
+}
+
+.end-1015 {
+  grid-row-end: 10;
+}
+
+.end-1030 {
+  grid-row-end: 11;
+}
+
+.end-1045 {
+  grid-row-end: 12;
+}
+
+.end-1100 {
+  grid-row-end: 13;
+}
+
+.end-1115 {
+  grid-row-end: 14;
+}
+
+.end-1130 {
+  grid-row-end: 15;
+}
+
+.end-1145 {
+  grid-row-end: 16;
+}
+
+.end-1200 {
+  grid-row-end: 17;
+}
+
+.end-1215 {
+  grid-row-end: 18;
+}
+
+.end-1230 {
+  grid-row-end: 19;
+}
+
+.end-1245 {
+  grid-row-end: 20;
+}
+
+.end-1300 {
+  grid-row-end: 21;
+}
+
+.end-1315 {
+  grid-row-end: 22;
+}
+
+.end-1330 {
+  grid-row-end: 23;
+}
+
+.end-1345 {
+  grid-row-end: 24;
+}
+
+.end-1400 {
+  grid-row-end: 25;
+}
+
+.end-1415 {
+  grid-row-end: 26;
+}
+
+.end-1430 {
+  grid-row-end: 27;
+}
+
+.end-1445 {
+  grid-row-end: 28;
+}
+
+.end-1500 {
+  grid-row-end: 29;
+}
+
+.end-1515 {
+  grid-row-end: 30;
+}
+
+.end-1530 {
+  grid-row-end: 31;
+}
+
+.end-1545 {
+  grid-row-end: 32;
+}
+
+.end-1600 {
+  grid-row-end: 33;
+}
+
+.end-1615 {
+  grid-row-end: 34;
+}
+
+.end-1630 {
+  grid-row-end: 35;
+}
+
+.end-1645 {
+  grid-row-end: 36;
+}
+
+.end-1700 {
+  grid-row-end: 37;
+}
+
+.end-1715 {
+  grid-row-end: 38;
+}
+
+.end-1730 {
+  grid-row-end: 39;
+}
+
+.end-1745 {
+  grid-row-end: 40;
+}
+
+.end-1800 {
+  grid-row-end: 41;
+}
+
+.end-1815 {
+  grid-row-end: 42;
+}
+
+.end-1830 {
+  grid-row-end: 43;
+}
+
+.end-1845 {
+  grid-row-end: 44;
+}
+
+.end-1900 {
+  grid-row-end: 45;
+}
+
+/*# sourceMappingURL=cal.css.map */

static/cal.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["cal.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAKF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAKF;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AASJ;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAKA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAKA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAKA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA;;;AAEA;EACA","file":"cal.css"}

static/cal.scss

@@ -0,0 +1,707 @@
+:root {
+  --numDays: 5;
+  --numHours: 13;
+  --numHalfHours: 23;
+  --numQuartHours: 45;
+  --timeHeight: 60px;
+  --halfTimeHeight: 30px;
+  --quartTimeHeight: 15px;
+  --calBgColor: #3f2d2d;
+  --eventBorderColor: #000000;
+  --eventColor1: #b82424;
+  --eventColor2: #fafaa3;
+  --eventColor3: #1894bb;
+  --eventColor4: rgba(184, 36, 36, 0.65);
+}
+
+.calendar {
+  display: grid;
+  gap: 10px;
+  grid-template-columns: auto 1fr;
+  margin: 2rem;
+}
+
+select {
+  width: 100%;
+  height: 40px;
+  border-radius: 5px;
+  color: white;
+  border-color: transparent;
+  background-color: var(--calBgColor);
+  text-align: center;
+}
+
+.userbuttons {
+  width: 90%;
+  position: absolute;
+  display: flex;
+  justify-content: end;
+}
+
+.changeweek {
+  font-size: 2.5em;
+  text-decoration: none;
+  font-weight: 600;
+  color: white;
+}
+
+.changeweek:hover {
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+  -webkit-text-stroke: 3px white;
+}
+
+h2 {
+  font-weight: 300;
+  margin: 5px;
+}
+
+.headerblock {
+  display: flex;
+  justify-content: space-between;
+  padding-right: 20%;
+  padding-left: 20%;
+}
+
+.customheader {
+  display: flex;
+  justify-content: space-evenly;
+}
+
+button {
+  border-radius: 5px;
+  border-color: white;
+  color: white;
+  border-style: solid;
+  background: transparent;
+  font-weight: 600;
+  width: 30px;
+  height: 30px;
+  margin: 2px;
+  line-height: 25px;
+}
+
+button:hover{
+  cursor: pointer;
+}
+
+.plusbutton {
+  font-size: 1.5em
+}
+
+form {
+  margin-top: 5px;
+}
+
+option {
+  width: 300px;
+  font-size: 1rem;
+}
+
+.timeline {
+  display: grid;
+  grid-template-rows: repeat(12, 58px);
+}
+
+.days {
+  display: grid;
+  grid-column: 2;
+  gap: 5px;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+}
+.events {
+  display: grid;
+  grid-template-rows: repeat(var(--numQuartHours), var(--quartTimeHeight));
+  border-radius: 5px;
+  color: black;
+  background: var(--calBgColor);
+}
+
+
+// Events
+
+.title {
+  width: 70%;
+  font-weight: 600;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.room,
+.time {
+  display: block;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.room {
+  width: 70%;
+}
+
+.event {
+  border: 1px solid var(--eventBorderColor);
+  border-radius: 5px;
+  padding: 0.5rem;
+  margin: 0 0.5rem;
+  color: white;
+  background: var(--eventColor4);
+  position: relative;
+}
+
+.space,
+.date {
+  height: 100px
+}
+
+// Global / Etc
+
+body {
+  font-family: "Asap", "Calibri", "Arial", sans-serif;
+  color: white;
+  background-color: black;
+}
+
+.date {
+  margin-bottom: 1em;
+  gap: 1em;
+}
+
+.date-num {
+  font-size: 3rem;
+  font-weight: 600;
+  display: inline;
+}
+
+.date-day {
+  display: inline;
+  font-size: 3rem;
+  font-weight: 100;
+}
+
+// Navbar
+
+.cs1 {
+    margin-left: 220px;
+    padding: 20px;
+}
+
+
+nav ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    width: 200px;
+    background-color: #333;
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100%;
+    overflow-y: auto;
+    font-size: 150%;
+}
+
+nav li {
+    border-top: none;
+}
+
+nav li.top {
+    border-style: solid;
+    border-radius: 5px;
+    border-color: white;
+    margin: 10px;
+    text-align: center;
+}
+
+nav a.top:hover {
+    background: transparent;
+}
+
+nav li.start a {
+    border-top: 3px solid white;
+    margin-top: 20px;
+    padding-top: 30px;
+}
+
+nav a.selected {
+    color: red;
+    background-color: black
+}
+
+nav li.top.selected {
+    border-color: red;
+}
+
+
+nav li a {
+    display: block;
+    color: white;
+    padding: 12px 16px;
+    text-decoration: none;
+}
+
+nav li a:hover {
+    background-color: red;
+}
+
+nav li .bottom {
+    position: absolute;
+    bottom: 0;
+    width: 200px;
+}
+
+
+  // Place on Timeline
+
+
+ // Generated by genstarts.py
+
+.start-0100 {
+grid-row-start: 1
+}
+.start-0115 {
+grid-row-start: 1
+}
+.start-0130 {
+grid-row-start: 1
+}
+.start-0145 {
+grid-row-start: 1
+}
+.start-0200 {
+grid-row-start: 1
+}
+.start-0215 {
+grid-row-start: 1
+}
+.start-0230 {
+grid-row-start: 1
+}
+.start-0245 {
+grid-row-start: 1
+}
+.start-0300 {
+grid-row-start: 1
+}
+.start-0315 {
+grid-row-start: 1
+}
+.start-0330 {
+grid-row-start: 1
+}
+.start-0345 {
+grid-row-start: 1
+}
+.start-0400 {
+grid-row-start: 1
+}
+.start-0415 {
+grid-row-start: 1
+}
+.start-0430 {
+grid-row-start: 1
+}
+.start-0445 {
+grid-row-start: 1
+}
+.start-0500 {
+grid-row-start: 1
+}
+.start-0515 {
+grid-row-start: 1
+}
+.start-0530 {
+grid-row-start: 1
+}
+.start-0545 {
+grid-row-start: 1
+}
+.start-0600 {
+grid-row-start: 1
+}
+.start-0615 {
+grid-row-start: 1
+}
+.start-0630 {
+grid-row-start: 1
+}
+.start-0645 {
+grid-row-start: 1
+}
+.start-0700 {
+grid-row-start: 1
+}
+.start-0715 {
+grid-row-start: 1
+}
+.start-0730 {
+grid-row-start: 1
+}
+.start-0745 {
+grid-row-start: 1
+}
+
+
+
+.end-0100 {
+grid-row-end: 4
+}
+.end-0115 {
+grid-row-end: 4
+}
+.end-0130 {
+grid-row-end: 4
+}
+.end-0145 {
+grid-row-end: 4
+}
+.end-0200 {
+grid-row-end: 4
+}
+.end-0215 {
+grid-row-end: 4
+}
+.end-0230 {
+grid-row-end: 4
+}
+.end-0245 {
+grid-row-end: 4
+}
+.end-0300 {
+grid-row-end: 4
+}
+.end-0315 {
+grid-row-end: 4
+}
+.end-0330 {
+grid-row-end: 4
+}
+.end-0345 {
+grid-row-end: 4
+}
+.end-0400 {
+grid-row-end: 4
+}
+.end-0415 {
+grid-row-end: 4
+}
+.end-0430 {
+grid-row-end: 4
+}
+.end-0445 {
+grid-row-end: 4
+}
+.end-0500 {
+grid-row-end: 4
+}
+.end-0515 {
+grid-row-end: 4
+}
+.end-0530 {
+grid-row-end: 4
+}
+.end-0545 {
+grid-row-end: 4
+}
+.end-0600 {
+grid-row-end: 4
+}
+.end-0615 {
+grid-row-end: 4
+}
+.end-0630 {
+grid-row-end: 4
+}
+.end-0645 {
+grid-row-end: 4
+}
+.end-0700 {
+grid-row-end: 4
+}
+.end-0715 {
+grid-row-end: 4
+}
+.end-0730 {
+grid-row-end: 4
+}
+.end-0745 {
+grid-row-end: 4
+}
+
+
+
+.start-0800 {
+grid-row-start: 1
+}
+.start-0815 {
+grid-row-start: 2
+}
+.start-0830 {
+grid-row-start: 3
+}
+.start-0845 {
+grid-row-start: 4
+}
+.start-0900 {
+grid-row-start: 5
+}
+.start-0915 {
+grid-row-start: 6
+}
+.start-0930 {
+grid-row-start: 7
+}
+.start-0945 {
+grid-row-start: 8
+}
+.start-1000 {
+grid-row-start: 9
+}
+.start-1015 {
+grid-row-start: 10
+}
+.start-1030 {
+grid-row-start: 11
+}
+.start-1045 {
+grid-row-start: 12
+}
+.start-1100 {
+grid-row-start: 13
+}
+.start-1115 {
+grid-row-start: 14
+}
+.start-1130 {
+grid-row-start: 15
+}
+.start-1145 {
+grid-row-start: 16
+}
+.start-1200 {
+grid-row-start: 17
+}
+.start-1215 {
+grid-row-start: 18
+}
+.start-1230 {
+grid-row-start: 19
+}
+.start-1245 {
+grid-row-start: 20
+}
+.start-1300 {
+grid-row-start: 21
+}
+.start-1315 {
+grid-row-start: 22
+}
+.start-1330 {
+grid-row-start: 23
+}
+.start-1345 {
+grid-row-start: 24
+}
+.start-1400 {
+grid-row-start: 25
+}
+.start-1415 {
+grid-row-start: 26
+}
+.start-1430 {
+grid-row-start: 27
+}
+.start-1445 {
+grid-row-start: 28
+}
+.start-1500 {
+grid-row-start: 29
+}
+.start-1515 {
+grid-row-start: 30
+}
+.start-1530 {
+grid-row-start: 31
+}
+.start-1545 {
+grid-row-start: 32
+}
+.start-1600 {
+grid-row-start: 33
+}
+.start-1615 {
+grid-row-start: 34
+}
+.start-1630 {
+grid-row-start: 35
+}
+.start-1645 {
+grid-row-start: 36
+}
+.start-1700 {
+grid-row-start: 37
+}
+.start-1715 {
+grid-row-start: 38
+}
+.start-1730 {
+grid-row-start: 39
+}
+.start-1745 {
+grid-row-start: 40
+}
+.start-1800 {
+grid-row-start: 41
+}
+.start-1815 {
+grid-row-start: 42
+}
+.start-1830 {
+grid-row-start: 43
+}
+.start-1845 {
+grid-row-start: 44
+}
+.start-1900 {
+grid-row-start: 45
+}
+
+
+
+.end-0800 {
+grid-row-end: 1
+}
+.end-0815 {
+grid-row-end: 2
+}
+.end-0830 {
+grid-row-end: 3
+}
+.end-0845 {
+grid-row-end: 4
+}
+.end-0900 {
+grid-row-end: 5
+}
+.end-0915 {
+grid-row-end: 6
+}
+.end-0930 {
+grid-row-end: 7
+}
+.end-0945 {
+grid-row-end: 8
+}
+.end-1000 {
+grid-row-end: 9
+}
+.end-1015 {
+grid-row-end: 10
+}
+.end-1030 {
+grid-row-end: 11
+}
+.end-1045 {
+grid-row-end: 12
+}
+.end-1100 {
+grid-row-end: 13
+}
+.end-1115 {
+grid-row-end: 14
+}
+.end-1130 {
+grid-row-end: 15
+}
+.end-1145 {
+grid-row-end: 16
+}
+.end-1200 {
+grid-row-end: 17
+}
+.end-1215 {
+grid-row-end: 18
+}
+.end-1230 {
+grid-row-end: 19
+}
+.end-1245 {
+grid-row-end: 20
+}
+.end-1300 {
+grid-row-end: 21
+}
+.end-1315 {
+grid-row-end: 22
+}
+.end-1330 {
+grid-row-end: 23
+}
+.end-1345 {
+grid-row-end: 24
+}
+.end-1400 {
+grid-row-end: 25
+}
+.end-1415 {
+grid-row-end: 26
+}
+.end-1430 {
+grid-row-end: 27
+}
+.end-1445 {
+grid-row-end: 28
+}
+.end-1500 {
+grid-row-end: 29
+}
+.end-1515 {
+grid-row-end: 30
+}
+.end-1530 {
+grid-row-end: 31
+}
+.end-1545 {
+grid-row-end: 32
+}
+.end-1600 {
+grid-row-end: 33
+}
+.end-1615 {
+grid-row-end: 34
+}
+.end-1630 {
+grid-row-end: 35
+}
+.end-1645 {
+grid-row-end: 36
+}
+.end-1700 {
+grid-row-end: 37
+}
+.end-1715 {
+grid-row-end: 38
+}
+.end-1730 {
+grid-row-end: 39
+}
+.end-1745 {
+grid-row-end: 40
+}
+.end-1800 {
+grid-row-end: 41
+}
+.end-1815 {
+grid-row-end: 42
+}
+.end-1830 {
+grid-row-end: 43
+}
+.end-1845 {
+grid-row-end: 44
+}
+.end-1900 {
+grid-row-end: 45
+}
+
+
+

static/style.css

@@ -1,93 +1,140 @@
-body
+:root {
-{
+  --numBoxes: 2;
-	background-color: #1d1919; 
+  --numRows: 2;
+}
+
+body {
+  background-color: black;
+  font-family: "Asap", "Calibri", "Arial", sans-serif;
   font-size: 150%;
-	font-family: "Asap","Calibri", "Arial";
-    color: #fff1f1;
-    animation-name: HG;
-    animation-duration: 20s;
-    animation-iteration-count: infinite
-}
-
-.cs
-{   
-
-    position: absolute;
-    top: 38%;
-    left:12%;
   margin: 0;
-    width: 75%;
+  color: white;
-    /*border: 3px solid red;*/
 }
 
-.cs h1, .cs h2, .cs form
+nav ul {
-{
+  list-style-type: none;
-    display: flex;
+  margin: 0;
+  padding: 0;
+  width: 200px;
+  background-color: #333;
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  overflow-y: auto;
+}
+
+nav li {
+  border-top: none;
+}
+
+nav li.top {
+  border-style: solid;
+  border-radius: 5px;
+  border-color: white;
+  margin: 10px;
   text-align: center;
+}
+
+nav a.top:hover {
+  background: transparent;
+}
+
+nav li.start a {
+  border-top: 3px solid white;
+  margin-top: 20px;
+  padding-top: 30px;
+}
+
+nav a.selected {
+  color: red;
+}
+
+nav li.top.selected {
+  border-color: red;
+}
+
+nav li a.selected {
+  background-color: black;
+}
+
+nav li a {
+  display: block;
+  color: white;
+  padding: 12px 16px;
+  text-decoration: none;
+}
+
+nav li a:hover {
+  background-color: red;
+}
+
+nav li .bottom {
+  position: absolute;
+  bottom: 0;
+  width: 200px;
+}
+
+.cs1 {
+  margin-left: 220px;
+  padding: 20px;
+}
+
+.cs {
   display: flex;
   justify-content: center;
   align-items: center;
-    height: 200%;
+  flex-direction: column;
-    /*border: 3px solid green;*/
+  padding: 20px;
-}
-h1
-{
-    text-align: center;
-	font-weight: bold;
-    font-family: "Asap","Calibri","Arial";
-    font-size: 300%;
-    color: #e7dbdb;
 }
 
-h2
+.container {
-{
+  display: flex;
-    font-size: 100%;
+  flex-direction: column;
-    position: sticky;
-    bottom: 0;
-    text-align: left;
 }
 
-p
+/* Reihen */
-{
+.row {
-    line-height: 150%;
+  display: flex;
+  justify-content: space-evenly;
+  margin-bottom: 10px;
 }
 
-a:link
+.box {
-{
+  width: calc(100% / var(--numBoxes));
-    font-style: italic;
+  height: 300px;
-    text-decoration: none;
+  border: 5px solid red;
-    font-weight: bolder;
+  margin: 7px;
-    color: #adadad
+  border-radius: 10px;
 }
 
-a:visited
+.box:hover {
-{
+  transform: scale(101%);
-    color: #9e9393;
 }
 
-a:hover
+.cs1 h1 {
-{
+  margin-left: 0;
-    color: #726868;
-    font-size: 105%;
-    transition: font-size 100ms ease-in;
 }
 
-a, img
+.notification-icon {
-{
+  position: fixed;
-    transition: 100ms ease-out
+  top: 10px;
+  right: 10px;
+  width: 50px;
 }
 
-img
+input {
-{
+  width: 150px;
-    width: 30%;
+  height: 50px;
-    height: auto
 }
 
-img:hover
+input[type=url], input[type=email], input[type=password] {
-{
+  width: 500px;
-    width: 32%;
-    height: auto;
-    opacity: 75%;
-    transition: 100ms ease-in; 
 }
 
+select {
+  width: 200px;
+  height: 50px;
+}
+
+/*# sourceMappingURL=style.css.map */

static/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAA;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAGJ;AACA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACH;;;AAKD;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA","file":"style.css"}

static/style.scss

@@ -0,0 +1,141 @@
+:root {
+    --numBoxes: 2;
+    --numRows: 2;
+}
+
+body {
+    background-color: black;
+    font-family: "Asap", "Calibri", "Arial", sans-serif;
+    font-size: 150%;
+    margin: 0;
+    color: white;
+}
+
+nav ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    width: 200px;
+    background-color: #333;
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100%;
+    overflow-y: auto;
+}
+
+nav li {
+    border-top: none;
+}
+
+nav li.top {
+    border-style: solid;
+    border-radius: 5px;
+    border-color: white;
+    margin: 10px;
+    text-align: center;
+}
+
+nav a.top:hover {
+    background: transparent;
+}
+
+nav li.start a {
+    border-top: 3px solid white;
+    margin-top: 20px;
+    padding-top: 30px;
+}
+
+nav a.selected {
+    color: red;
+}
+
+nav li.top.selected {
+    border-color: red;
+}
+
+nav li a.selected {
+    background-color: black;
+}
+
+nav li a {
+    display: block;
+    color: white;
+    padding: 12px 16px;
+    text-decoration: none;
+}
+
+nav li a:hover {
+    background-color: red;
+}
+
+nav li .bottom {
+    position: absolute;
+    bottom: 0;
+    width: 200px;
+}
+
+.cs1 {
+    margin-left: 220px;
+    padding: 20px;
+}
+
+.cs {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    padding: 20px;
+}
+
+
+.container {
+    display: flex;
+    flex-direction: column;
+}
+
+/* Reihen */
+.row {
+    display: flex;
+    justify-content: space-evenly;
+    margin-bottom: 10px;
+}
+
+.box {
+    width: calc(100%/var(--numBoxes));
+    height: 300px;
+    border: 5px solid red;
+    margin: 7px;
+    border-radius: 10px;
+}
+
+.box:hover {
+    transform: scale(101%);
+}
+
+.cs1 h1 {
+    margin-left: 0;
+}
+
+.notification-icon {
+    position: fixed;
+    top: 10px;
+    right: 10px;
+	width:50px;
+    
+}
+
+
+input {
+    width: 150px;
+    height: 50px
+}
+
+input[type=url], input[type=email], input[type=password] {
+    width: 500px;
+}
+
+select {
+    width: 200px;
+    height: 50px
+}

templates/dashboard.html

@@ -0,0 +1,57 @@
+{% extends "index.html" %}
+
+{%  block content %}
+<div class="cs">
+    <h1> Willkommen, {{ name }} ({{ kurs }})!</h1>
+</div>
+
+{% if praxis == "hidden" %}
+<div class="container">
+    <div class="row">
+        <div class="box">
+            <div class="cs">
+                <h2>Aktueller GPA</h2>
+            </div>
+        </div>
+        <div class="box">
+            <div class="cs">
+                <h2>Countdown bis zur nächsten Klausur</h2>
+            </div>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="box">
+            <div class="cs">
+                <h2>Lernplan</h2>
+            </div>
+        </div>
+        <div class="box">
+            <div class="cs">
+                <h2>Nächste Vorlesung</h2>
+            </div>
+        </div>
+        <div class="box">
+            <div class="cs">
+                <h2>Neueste Chatnachricht</h2>
+            </div>
+        </div>
+    </div>
+</div>
+{% else %}
+<div class="container">
+    <div class="row">
+        <div class="box">
+            <div class="cs">
+                <h2>ToDos</h2>
+            </div>
+        </div>
+        <div class="box">
+            <div class="cs">
+                <h2>Literatursammlung</h2>
+            </div>
+        </div>
+    </div>
+</div>
+{% endif %}
+{% endblock %}

templates/display-message.html

@@ -0,0 +1,4 @@
+{% extends "index.html" %}
+{% block content %}
+<h2>{{ message }}</h2>
+{% endblock %}

templates/index.html

@@ -1,17 +1,38 @@
 <!DOCTYPE html>
 <html lang="de">
-	<head>
+<head>
-        <title> {{headermessage}} 👀</title>
+    <title>DualHub</title>
-        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
+    <link rel="stylesheet" type="text/css" href={{ url_for("static", filename="style.css") }}>
+    <script async src="https://analytics.paulmartin.cloud/script.js" data-website-id="459fa66e-e255-4393-8e89-ead8b1572d0d"></script>
+</head>
+<body>
+<nav>
+    <ul>
+        {% if theorie=="hidden" and praxis=="hidden" %}
+            <li class="top"><a class="top" href={{ url_for("welcome", sel="theorie") }}>Theorie</a></li>
+            <li class="top"><a class="top" href={{ url_for("welcome", sel="praxis") }}>Praxis</a></li>
+        {% elif theorie == "hidden" %}
+            <li class="top"><a class="top" href={{ url_for("welcome", sel="theorie") }}>Theorie</a></li>
+            <li class="top selected"><a class="top selected" href={{ url_for("welcome", sel="praxis") }}>Praxis</a></li>
+        {% else %}
+            <li class="top selected"><a class="top selected" href={{ url_for("welcome", sel="theorie") }}>Theorie</a></li>
+            <li class="top"><a class="top" href={{ url_for("welcome", sel="praxis") }}>Praxis</a></li>
+        {% endif %}
+        <li {{ theorie }}><a {% if s == "n" %} class="selected" {% endif %} href={{ url_for("displayNoten") }}>Noten</a></li>
+        <li {{ theorie }}><a {% if s == "p" %} class="selected" {% endif %} href={{ url_for("displayRapla") }}>Stundenplan</a></li>
+        <li {{ praxis }}><a {% if s == "t" %} class="selected" {% endif %} href="">To Dos</a></li>
+        <li><a {% if s == "s" %} class="selected" {% endif %} href={{ url_for("redKurs") }}>Konfiguration</a></li>
+        {% if request.endpoint %}
+            {% if request.endpoint[:7] != "login" %}
+                <li><a class="bottom" href={{ url_for("logout") }}>Log-Out</a></li>
+            {% endif %}
+        {% endif %}
+    </ul>
+</nav>
 
-        <script async src="https://analytics.paulmartin.cloud/script.js" data-website-id="1c02dacf-6952-4560-a303-0c25f432c48d"></script>
+<div class="cs1">
-
+{% block content %}
-
+{% endblock %}
-      </head>
+</div>
-	  <link rel="shortcut icon" type="image/x-icon" href="temp.png">
+</body>
-	  <body>
-		<div class="cs">
-			<h1>{{message}}</h1>
-		</div>
-	</body>
 </html>

templates/kurs.html

@@ -0,0 +1,18 @@
+{% extends "index.html" %}
+{% block content %}
+    {%   if not detected[1] %}
+        <h1>Wir haben {{ detected[0] }} als deinen Kurs ermittelt. Falls er nicht stimmt, kannst du ihn unten auswählen.</h1>
+        {% if not request.args.get("next") %}
+            <form action={{ url_for("getSemester") }}>
+        {% else %}
+            <form action={{ request.args.get("next") }}>
+        {% endif %}
+                <input type="submit" value="Der Kurs stimmt!">
+        </form>
+    {% else %}
+        <h1>Dein Kurs konnte leider nicht ermittelt werden. Klicke den Button, um direkt zur Auswahl zu kommen.</h1>
+    {% endif %}
+    <form action={{ url_for("chooseRaplas", next=request.args.get("next")) }}>
+        <input type="submit" value="Manuell auswählen!">
+    </form>
+{% endblock %}

templates/login.html

@@ -0,0 +1,15 @@
+{% extends "index.html" %}
+{% block content %}
+    <div class="cs">
+        <h1>Einloggen</h1>
+    </div>
+    <div class="cs">
+        <form method="post" action={{ url_for ("login_post", next=request.args.get("next")) }}>
+            <label for="email" >Dualis-Email: </label>
+            <input class="input" type="email" name="email" placeholder="Email-Adresse" autofocus="">
+            <label for="password">Dualis-Passwort:</label>
+            <input class="input" type="password" name="password" placeholder="Passwort">
+            <button class="button">Login</button>
+        </form>
+    </div>
+{% endblock %}

templates/noten.html

@@ -0,0 +1,24 @@
+{% extends "index.html" %}
+{% block content %}
+    {%  for i in range (semester|length) %}
+        {% if semester[i][1]==sel %}
+            <h1>Deine Noten im {{ semester[i][0] }}</h1>
+        {% endif %}
+    {% endfor %}
+    <br>
+    <br>
+    {% for i in noten %}
+        <h2>{{ i[0] }}: {{ i[1].capitalize() }} (Credits: {{ i[2] }})</h2>
+    {% endfor %}
+    <br>
+    <br>
+    <form method="post" action={{ url_for ("setSemester", next=url_for("displayNoten")) }}>
+            <label for="sem">Semester wählen! </label>
+            <select name="sem" id="sem">
+                {%  for i in range (semester|length) %}
+                    <option value= {{ semester [i] [1] }} {% if semester[i][1]==sel %} selected {% endif %}>{{ semester [i] [0] }} </option>
+                {% endfor %}
+            </select>
+            <input type="submit" value="Semester setzen!">
+        </form>
+{% endblock %}

templates/plan-anon.html

@@ -0,0 +1,9 @@
+{% extends "plan-general.html"%}
+{% block loginout %}
+    <li><a class="bottom" href={{ url_for("login") }}>Log-In</a></li>
+{% endblock %}
+{% block startcontent %}
+    <h2>Vorlesungsplan {{ kurs }}</h2>
+{% endblock %}
+{% block endcontent %}
+{% endblock %}

templates/plan-general.html

@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Vorlesungsplan</title>
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='cal.css') }}">
+</head>
+<body>
+<nav>
+    <ul>
+        <li class="top selected"><a class="top selected" href={{ url_for("welcome", sel="theorie") }}>Theorie</a></li>
+        <li class="top"><a class="top" href={{ url_for("welcome", sel="praxis") }}>Praxis</a></li>
+        <li {{ theorie }}><a href={{ url_for("displayNoten") }}>Noten</a></li>
+        <li {{ theorie }}><a class="selected" href={{ url_for("displayRapla") }}>Stundenplan</a></li>
+        <li {{ praxis }}><a href={{ url_for("redKurs") }}>To Dos</a></li>
+        <li><a href={{ url_for("redKurs") }}>Konfiguration</a></li>
+        {% block loginout %}
+        {% endblock %}
+    </ul>
+</nav>
+<div class="cs1">
+    <div class="customheader">
+        {% block startcontent %}
+        {% endblock %}
+    </div>
+    <div class="headerblock">
+        <a href="?week={{prev}}" class="changeweek">🢐</a>
+        <a href="?today" class="changeweek">{{ mon }}</a>
+        <a href="?week={{next}}" class="changeweek">🢒</a>
+    </div>
+    <div class="calendar">
+  <div class="timeline">
+    <div class="spacer"></div>
+    <div class="time-marker">08</div>
+    <div class="time-marker">09</div>
+    <div class="time-marker">10</div>
+    <div class="time-marker">11</div>
+    <div class="time-marker">12</div>
+    <div class="time-marker">13</div>
+    <div class="time-marker">14</div>
+    <div class="time-marker">15</div>
+    <div class="time-marker">16</div>
+    <div class="time-marker">17</div>
+    <div class="time-marker">18</div>
+    <div class="time-marker">19</div>
+  </div>
+    <div class="days">
+        {% for e in range (eventdays|length) %}
+              <div class="day {{ eventdays[e]["short"] }}">
+              <div class="date">
+                <p class="date-num">{{ eventdays[e]["day"] }}</p>
+                <p class="date-day">{{ eventdays[e]["long"] }}</p>
+                <form>
+                    <select>
+                        <option value="none" selected disabled> Mensa</option>
+                    {% for n in eventdays [e]["mensa"] %}
+                        <option class="mensa"> {{ n }}</option>
+                    {% endfor %}
+                    </select>
+                </form>
+              </div>
+                <div class="events">
+              {% for i in events %}
+                  {% if i["weekday"] == e %}
+                        <div class="event start-{{ i["start"][:2]+i["start"][3:] }} end-{{ i["end"][:2]+i["end"][3:]}}">
+                          {% block event %} {% endblock %}
+                          <p class="title">{{ i["name"] }}</p>
+                          <p class="room">{{ i["room"] }}</p>
+                          <p class="time">{{ i["start"] }} - {{ i["end"] }} ({{ i["dur"] }}h)</p>
+                        </div>
+                  {% endif %}
+               {% endfor %}
+                </div>
+              </div>
+        {% endfor %}
+      </div>
+    </div>
+    {% block endcontent %}
+    {% endblock %}
+</div>
+</body>
+</html>

templates/plan-user.html

@@ -0,0 +1,15 @@
+{% extends "plan-general.html" %}
+{% block loginout %}
+    <li><a class="bottom" href={{ url_for("logout") }}>Log-Out</a></li>
+{% endblock %}
+{% block startcontent %}
+    <h2>{{ name }}s Vorlesungsplan</h2>
+{% endblock %}
+{% block event %}
+    <div class="userbuttons">
+        <button>👁</button>
+        <button class="plusbutton">+</button>
+    </div>
+{% endblock %}
+{% block endcontent %}
+{% endblock %}

templates/rapla.html

@@ -0,0 +1,21 @@
+{% extends "index.html" %}
+{% block content %}
+    <h1>Verfügbare Raplas </h1>
+        <form method="post" action={{ url_for ("getRapla") }}>
+            <label for="file">Vefügbaren RAPLA wählen! </label>
+
+            <select name="file" id="file">
+                <option value = "none" selected disabled hidden></option>
+                {%  for i in range (raplas[0]|length) %}
+                    <option value= {{ raplas [1] [i] }}>{{ raplas [0] [i] }} </option>
+                {% endfor %}
+            </select>
+            <input type="submit" value="Importieren!">
+        </form>
+    <h1>Eigenen Rapla hinzufügen</h1>
+    <form method="post" action={{ url_for ("getRapla") }}>
+        <label for="url">Rapla-URL eingeben, falls Du Deinen Kurs nicht siehst:</label>
+        <input type="url" name="url" id="url">
+        <input type="submit" value="Importieren!">
+    </form>
+{% endblock %}

templates/semester.html

@@ -0,0 +1,14 @@
+{% extends "index.html" %}
+{% block content %}
+    <h1>Bitte wähle aus der unten stehenden Liste das Semester, dessen Noten du sehen möchtest.</h1>
+    <form method="post" action={{ url_for ("setSemester", next=request.args.get("next")) }}>
+        <label for="sem">Semester wählen! </label>
+        <select name="sem" id="sem">
+            <option value = "none" selected disabled hidden></option>
+            {%  for i in range (semester|length) %}
+                <option value= {{ semester [i] [1] }}>{{ semester [i] [0] }} </option>
+            {% endfor %}
+        </select>
+        <input type="submit" value="Semester setzen!">
+    </form>
+{% endblock %}

templates/testpages.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Test Pages</title>
+</head>
+<body>
+<a href={{ url_for("kurs") }} > kurs </a> <br>
+<a href={{ url_for("login") }} > login </a><br>
+<a href={{ url_for("displayNoten") }} > noten </a><br>
+<a href={{ url_for("plananon", kurs="tinf22b3") }} > plan-anon </a><br>
+<a href={{ url_for("planuser") }} > plan-user </a><br>
+<a href={{ url_for("chooseRaplas") }} > rapla </a><br>
+<a href={{ url_for("getSemester") }} > semester </a><br>
+</body>
+</html>

testpages.py

@@ -0,0 +1,97 @@
+import datetime
+
+import flask
+from flask import render_template, Flask, url_for, redirect
+
+app = Flask(__name__)
+
+sampleweek = ([{'start': '08:30', 'end': '11:00', 'dur': '2:30', 'name': "Rechnerarchitekturen",
+                'room': "A266  Hörsaal", 'weekday': 0, 'day': 11},
+               {'start': '09:30', 'end': '12:00', 'dur': '2:30', 'name': "Netztechnik 1", 'room': "", 'weekday': 1,
+                'day': 12},
+               {'start': '08:30', 'end': '12:00', 'dur': '3:30', 'name': "Info3", 'room': "", 'weekday': 2,
+                'day': 13},
+               {'start': '08:30', 'end': '12:00', 'dur': '3:30', 'name': "Info3", 'room': "", 'weekday': 3,
+                'day': 14}, {'start': '11:00', 'end': '12:30', 'dur': '1:30', 'name': "Systemnahes Programmieren",
+                             'room': "A266  Hörsaal", 'weekday': 0, 'day': 11},
+               {'start': '13:00', 'end': '16:15', 'dur': '3:15', 'name': "Java", 'room': "A266  Hörsaal",
+                'weekday': 3, 'day': 14}], [{'day': 11, 'short': 'mon', 'long': 'Montag', 'mensa': [
+    'Frikadelle Hausfrauen Art mit Kräutersoße und Risoleekartoffeln Kräutersoße',
+    'Veganes Gemüseschnitzel Risoleekartoffeln Kräutersoße', 'Kaiserschmarrn mit Rosinen und Apfelmus Vanillesoße']},
+                                            {'day': 12, 'short': 'tue', 'long': 'Dienstag', 'mensa': [
+                                                'Alaska Seelachsfilet in Backteig hausgemachter Kartoffelsalat Dip',
+                                                'Gemüsefrikadellen hausgemachter Kartoffelsalat Dip']},
+                                            {'day': 13, 'short': 'wed', 'long': 'Mittwoch', 'mensa': [
+                                                'Roter Curry - Gemüseeintopf mit Hähnchenstreifen und Baguettebrötchen',
+                                                'Roter Curry - Gemüseeintopf mit Sojastreifen und Baguettebrötchen',
+                                                'Gebratene Gnocchis mit Karotten und Schnittlauchsoße']},
+                                            {'day': 14, 'short': 'thu', 'long': 'Donnerstag', 'mensa': [
+                                                'Pasta mit Paprika, getrockneten Tomaten, Pinienkernen, Basilikum und Reibekäse',
+                                                '2010: Königsberger Klopse in Kapernsoße und Salzkartoffeln',
+                                                'Pasta mit Hackfleisch - Champignon - Soße, Reibekäse']},
+                                            {'day': 15, 'short': 'fri', 'long': 'Freitag', 'mensa': [
+                                                'Griechische Nudelpfanne mit Sojastreifen, Gemüse, Pinienkerne und Tomatensoße',
+                                                'Griechische Nudelpfanne mit Geflügel, Gemüse, Pinienkerne und Tomatensoße']}],
+              datetime.date(2023, 12, 6), datetime.date(2023, 12, 20), 'Dezember 2023')
+
+
+@app.route("/")
+def index():
+    return render_template('testpages.html')
+
+
+@app.route("/kurs")
+def kurs():
+    return render_template("kurs.html", detected=("TINF22B3", False))
+
+
+@app.route("/login")
+def login():
+    return render_template("login.html")
+
+
+@app.route("/noten")
+def displayNoten():
+    return render_template("noten.html", noten=[["Info", "nicht bestanden", 2000]],
+                           semester=[["Sommersemester", "SoSe"]], sel="SoSe")
+
+
+@app.route("/plan/<string:kurs>")
+def plananon(kurs):
+    return render_template("plan-anon.html", events=sampleweek[0], eventdays=sampleweek[1], kurs=kurs,
+                           prev=str(sampleweek[2])[:10], next=str(sampleweek[3])[:10], mon=sampleweek[4])
+
+
+@app.route("/plan")
+def planuser():
+    return render_template("plan-user.html", events=sampleweek[0], eventdays=sampleweek[1], kurs=kurs,
+                           prev=str(sampleweek[2])[:10], next=str(sampleweek[3])[:10], mon=sampleweek[4], name="Studi")
+
+
+@app.route("/rapla")
+def chooseRaplas():
+    return render_template("rapla.html", raplas=[["TINF22B3"], ["TINF22B3"], ["TINF22B3"]])
+
+
+@app.route("/semester")
+def getSemester():
+    return render_template("semester.html", semester=[["Sommersemester 2023", "SoSeID"]])
+
+
+@app.route("/setsemester", methods=["POST"])
+def setSemester():
+    return redirect(url_for("index"))
+
+
+@app.route("/getrapla", methods=["POST"])
+def getRapla():
+    return redirect(url_for("index"))
+
+
+@app.route("/login", methods=["POST"])
+def login_post():
+    return redirect(url_for("index"))
+
+
+if __name__ == "__main__":
+    app.run(host='0.0.0.0', port=2024, debug=True)

uwsgi.ini

@@ -1,5 +1,5 @@
 [uwsgi]
-mount = /dualhub=app:app
+mount = /dualhub=routing:app
 manage-script-name = true
 pidfile = dualhub_flask.pid
 master = true
@@ -7,3 +7,5 @@ processes = 1
 http-socket = :2024
 chmod-socket = 660
 vacuum = true
+enable-threads = true
+thunder-lock = true