Errorpage + RAPLA-Styling

routing.py

@@ -224,7 +224,7 @@ def getRapla():
             User.query.filter_by(id=current_user.id).first().kurs = file[5:-5]
             db.session.commit()
         else:
-            return redirect(url_for("error", ecode=file + 900))
+            return redirect(url_for("error", ecode=900))
     return redirect(url_for("welcome"))
 
 
@@ -309,29 +309,30 @@ def logout():
     return red
 
 
-@app.route("/backendpoc/error<int:ecode>")
+@app.route("/error")
-def error(ecode):
+def error():
     """
     Error Page für custom-Errors. \n
     TODO: Funktion depreciaten. Ersetzen durch Errors auf den entsprechenden Seiten.
-    :param ecode:
     :return:
     """
-    if ecode == 900:
+    error = request.args.get("ecode")
+    if error == "900":
         msg = "Ungültige RAPLA-URL! Sicher, dass der Link zum DHBW-Rapla führt?"
-    elif ecode == 899:
+    elif error == "899":
         msg = "Der Kalender wurde nicht gefunden! Sicher, dass der Link korrekt ist?"
     else:
-        msg = "Unbekannter Fehler!"
+        msg = str(error)
-    return render_template('index.html', message=msg, headermessage="DualHub")
+    return render_template('display-message.html', message=msg)
 
 
+@app.route("/error")
 @app.errorhandler(HTTPException)
 def handle(e):
     """"
     HTTP-Exception-Handler
     """
-    return render_template('index.html', message=e, headermessage="DualHub")
+    return render_template('display-message.html', message=e)
 
 
 if __name__ == "__main__":

static/cal.css

@@ -6,12 +6,12 @@
   --timeHeight: 60px;
   --halfTimeHeight: 30px;
   --quartTimeHeight: 15px;
-  --calBgColor: #fff1f8;
+  --calBgColor: #3f2d2d;
-  --eventBorderColor: #f2d3d8;
+  --eventBorderColor: #000000;
-  --eventColor1: #ffd6d1;
+  --eventColor1: #b82424;
   --eventColor2: #fafaa3;
-  --eventColor3: #e2f8ff;
+  --eventColor3: #1894bb;
-  --eventColor4: #d1ffe6;
+  --eventColor4: rgba(184, 36, 36, 0.65);
 }
 
 .calendar {
@@ -22,11 +22,12 @@
 }
 
 select {
-  width: 300px;
+  width: 100%;
   height: 40px;
   border-radius: 5px;
+  color: white;
   border-color: transparent;
-  background-color: var(--eventColor4);
+  background-color: var(--calBgColor);
   text-align: center;
 }
 
@@ -39,15 +40,15 @@ select {
 
 .changeweek {
   font-size: 2.5em;
-  color: black;
   text-decoration: none;
   font-weight: 600;
+  color: white;
 }
 
 .changeweek:hover {
   color: transparent;
   -webkit-text-fill-color: transparent;
-  -webkit-text-stroke: 2px black;
+  -webkit-text-stroke: 3px white;
 }
 
 h2 {
@@ -69,7 +70,8 @@ h2 {
 
 button {
   border-radius: 5px;
-  border-color: black;
+  border-color: white;
+  color: white;
   border-style: solid;
   background: transparent;
   font-weight: 600;
@@ -112,6 +114,7 @@ option {
   display: grid;
   grid-template-rows: repeat(var(--numQuartHours), var(--quartTimeHeight));
   border-radius: 5px;
+  color: black;
   background: var(--calBgColor);
 }
 
@@ -138,7 +141,8 @@ option {
   border-radius: 5px;
   padding: 0.5rem;
   margin: 0 0.5rem;
-  background: white;
+  color: white;
+  background: var(--eventColor4);
   position: relative;
 }
 
@@ -148,7 +152,9 @@ option {
 }
 
 body {
-  font-family: system-ui, sans-serif;
+  font-family: "Asap", "Calibri", "Arial", sans-serif;
+  color: white;
+  background-color: black;
 }
 
 .date {
@@ -184,6 +190,7 @@ nav ul {
   left: 0;
   height: 100%;
   overflow-y: auto;
+  font-size: 150%;
 }
 
 nav li {
@@ -208,7 +215,7 @@ nav li.start a {
   padding-top: 30px;
 }
 
-nav a.top.selected {
+nav a.selected {
   color: red;
   background-color: black;
 }
@@ -217,11 +224,6 @@ nav li.top.selected {
   border-color: red;
 }
 
-nav li a.selected {
-  background-color: white;
-  color: black;
-}
-
 nav li a {
   display: block;
   color: white;
@@ -236,7 +238,7 @@ nav li a:hover {
 nav li .bottom {
   position: absolute;
   bottom: 0;
-  width: 100%;
+  width: 200px;
 }
 
 .start-0100 {

static/cal.css.map

@@ -1 +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;;;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;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAKF;EACE;;;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;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACF;;;AAGF;EACI;;;AAGJ;EACI;EACA;;;AAGJ;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"}
+{"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

@@ -6,12 +6,12 @@
   --timeHeight: 60px;
   --halfTimeHeight: 30px;
   --quartTimeHeight: 15px;
-  --calBgColor: #fff1f8;
+  --calBgColor: #3f2d2d;
-  --eventBorderColor: #f2d3d8;
+  --eventBorderColor: #000000;
-  --eventColor1: #ffd6d1;
+  --eventColor1: #b82424;
   --eventColor2: #fafaa3;
-  --eventColor3: #e2f8ff;
+  --eventColor3: #1894bb;
-  --eventColor4: #d1ffe6;
+  --eventColor4: rgba(184, 36, 36, 0.65);
 }
 
 .calendar {
@@ -22,11 +22,12 @@
 }
 
 select {
-  width: 300px;
+  width: 100%;
   height: 40px;
   border-radius: 5px;
+  color: white;
   border-color: transparent;
-  background-color: var(--eventColor4);
+  background-color: var(--calBgColor);
   text-align: center;
 }
 
@@ -39,15 +40,15 @@ select {
 
 .changeweek {
   font-size: 2.5em;
-  color: black;
   text-decoration: none;
   font-weight: 600;
+  color: white;
 }
 
 .changeweek:hover {
   color: transparent;
   -webkit-text-fill-color: transparent;
-  -webkit-text-stroke: 2px black;
+  -webkit-text-stroke: 3px white;
 }
 
 h2 {
@@ -69,7 +70,8 @@ h2 {
 
 button {
   border-radius: 5px;
-  border-color: black;
+  border-color: white;
+  color: white;
   border-style: solid;
   background: transparent;
   font-weight: 600;
@@ -111,6 +113,7 @@ option {
   display: grid;
   grid-template-rows: repeat(var(--numQuartHours), var(--quartTimeHeight));
   border-radius: 5px;
+  color: black;
   background: var(--calBgColor);
 }
 
@@ -140,7 +143,8 @@ option {
   border-radius: 5px;
   padding: 0.5rem;
   margin: 0 0.5rem;
-  background: white;
+  color: white;
+  background: var(--eventColor4);
   position: relative;
 }
 
@@ -152,7 +156,9 @@ option {
 // Global / Etc
 
 body {
-  font-family: system-ui, sans-serif;
+  font-family: "Asap", "Calibri", "Arial", sans-serif;
+  color: white;
+  background-color: black;
 }
 
 .date {
@@ -191,6 +197,7 @@ nav ul {
     left: 0;
     height: 100%;
     overflow-y: auto;
+    font-size: 150%;
 }
 
 nav li {
@@ -215,7 +222,7 @@ nav li.start a {
     padding-top: 30px;
 }
 
-nav a.top.selected {
+nav a.selected {
     color: red;
     background-color: black
 }
@@ -224,10 +231,6 @@ nav li.top.selected {
     border-color: red;
 }
 
-nav li a.selected {
-    background-color: white;
-    color: black
-}
 
 nav li a {
     display: block;
@@ -243,7 +246,7 @@ nav li a:hover {
 nav li .bottom {
     position: absolute;
     bottom: 0;
-    width: 100%;
+    width: 200px;
 }
 
 

static/style.css

@@ -46,7 +46,7 @@ nav li.start a {
   padding-top: 30px;
 }
 
-nav a.top.selected {
+nav a.selected {
   color: red;
 }
 
@@ -56,7 +56,6 @@ nav li.top.selected {
 
 nav li a.selected {
   background-color: black;
-  color: white;
 }
 
 nav li a {
@@ -73,7 +72,7 @@ nav li a:hover {
 nav li .bottom {
   position: absolute;
   bottom: 0;
-  width: 100%;
+  width: 200px;
 }
 
 .cs1 {
@@ -105,10 +104,14 @@ nav li .bottom {
   width: calc(100% / var(--numBoxes));
   height: 300px;
   border: 5px solid red;
-  margin: 5px;
+  margin: 7px;
   border-radius: 10px;
 }
 
+.box:hover {
+  transform: scale(101%);
+}
+
 .cs1 h1 {
   margin-left: 0;
 }

static/style.css.map

@@ -1 +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;EACA;;;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;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;EACH;;;AAKD;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA","file":"style.css"}
+{"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

@@ -5,18 +5,53 @@
     <h1> Willkommen, {{ name }} ({{ kurs }})!</h1>
 </div>
 
+{% if praxis == "hidden" %}
 <div class="container">
-
     <div class="row">
-        <div class="box"></div>
+        <div class="box">
-        <div class="box"></div>
+            <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>
+        <div class="box">
-        <div class="box"></div>
+            <div class="cs">
-        <div class="box"></div>
+                <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

@@ -20,11 +20,13 @@
         {% 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={{ url_for("redKurs") }}>To Dos</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>
 

templates/plan-anon.html

@@ -6,5 +6,4 @@
     <h2>Vorlesungsplan {{ kurs }}</h2>
 {% endblock %}
 {% block endcontent %}
-    <a href={{ url_for("login") }}>Einloggen, um alle Features zu nutzen!</a>
 {% endblock %}