Errorpage + RAPLA-Styling
This commit is contained in:
19
routing.py
19
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>")
|
||||
def error(ecode):
|
||||
@app.route("/error")
|
||||
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!"
|
||||
return render_template('index.html', message=msg, headermessage="DualHub")
|
||||
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('index.html', message=e, headermessage="DualHub")
|
||||
return render_template('display-message.html', message=e)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
|
||||
@ -6,12 +6,12 @@
|
||||
--timeHeight: 60px;
|
||||
--halfTimeHeight: 30px;
|
||||
--quartTimeHeight: 15px;
|
||||
--calBgColor: #fff1f8;
|
||||
--eventBorderColor: #f2d3d8;
|
||||
--eventColor1: #ffd6d1;
|
||||
--calBgColor: #3f2d2d;
|
||||
--eventBorderColor: #000000;
|
||||
--eventColor1: #b82424;
|
||||
--eventColor2: #fafaa3;
|
||||
--eventColor3: #e2f8ff;
|
||||
--eventColor4: #d1ffe6;
|
||||
--eventColor3: #1894bb;
|
||||
--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 {
|
||||
|
||||
@ -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"}
|
||||
@ -6,12 +6,12 @@
|
||||
--timeHeight: 60px;
|
||||
--halfTimeHeight: 30px;
|
||||
--quartTimeHeight: 15px;
|
||||
--calBgColor: #fff1f8;
|
||||
--eventBorderColor: #f2d3d8;
|
||||
--eventColor1: #ffd6d1;
|
||||
--calBgColor: #3f2d2d;
|
||||
--eventBorderColor: #000000;
|
||||
--eventColor1: #b82424;
|
||||
--eventColor2: #fafaa3;
|
||||
--eventColor3: #e2f8ff;
|
||||
--eventColor4: #d1ffe6;
|
||||
--eventColor3: #1894bb;
|
||||
--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,19 +222,15 @@ nav li.start a {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
nav a.top.selected {
|
||||
nav a.selected {
|
||||
color: red;
|
||||
background-color: black
|
||||
background-color: black
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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"}
|
||||
141
static/style.scss
Normal file
141
static/style.scss
Normal file
@ -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
|
||||
}
|
||||
@ -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>
|
||||
<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>
|
||||
<div class="box"></div>
|
||||
<div class="box"></div>
|
||||
<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 %}
|
||||
4
templates/display-message.html
Normal file
4
templates/display-message.html
Normal file
@ -0,0 +1,4 @@
|
||||
{% extends "index.html" %}
|
||||
{% block content %}
|
||||
<h2>{{ message }}</h2>
|
||||
{% endblock %}
|
||||
@ -20,10 +20,12 @@
|
||||
{% 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[:7] != "login" %}
|
||||
<li><a class="bottom" href={{ url_for("logout") }}>Log-Out</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>
|
||||
|
||||
@ -6,5 +6,4 @@
|
||||
<h2>Vorlesungsplan {{ kurs }}</h2>
|
||||
{% endblock %}
|
||||
{% block endcontent %}
|
||||
<a href={{ url_for("login") }}>Einloggen, um alle Features zu nutzen!</a>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user