Experiment with colours

This commit is contained in:
Sauer 2019-04-12 21:30:37 +02:00
parent 725a2efce8
commit 7ebb9e4eb6
3 changed files with 15 additions and 12 deletions

View File

@ -31,7 +31,7 @@ class QuestionForm(Form):
@app.route('/') @app.route('/')
def index(): def index():
return render_template('index.html', title='Test', text='Hallo, Fooboar') return render_template('index.html', title='Sortierhut')
@app.route('/questions', methods=['GET', 'POST']) @app.route('/questions', methods=['GET', 'POST'])
def questions(): def questions():
@ -55,7 +55,7 @@ def questions():
# @app.route('/form') # @app.route('/form')
# def form(): # def form():
# id = generate_id() # id = generate_id()
# return render_template('form.html', title='Test', text='Hallo, Fooboar', your_id=id) # return render_template('form.html', title='Sortierhut', text='Hallo, Fooboar', your_id=id)
@app.route('/result') @app.route('/result')
def result(): def result():
@ -63,15 +63,15 @@ def result():
@app.route('/admin') @app.route('/admin')
def admin(): def admin():
return render_template('admin.html', title='Test', text='Hallo, Admin Fooboar') return render_template('admin.html', title='Sortierhut', text='Hallo, Admin Fooboar')
@app.route('/answers') @app.route('/answers')
def answers(): def answers():
return render_template('answers.html', title='Test', text='Hallo, Admin Fooboar') return render_template('answers.html', title='Sortierhut', text='Hallo, Admin Fooboar')
@app.route('/solution') @app.route('/solution')
def solution(): def solution():
return render_template('solution.html', title='Test', text='Hallo, Lösung') return render_template('solution.html', title='Sortierhut', text='Hallo, Lösung')
def generate_id(): def generate_id():
data = list() data = list()

View File

@ -7,11 +7,13 @@ html{
header{ header{
display: block; display: block;
vertical-align: middle; vertical-align: middle;
background: #4444
} }
/* Navigation bar */ /* Navigation bar */
nav{ nav{
background-color: #CCCCFF; /* background-color: #CCCCFF; */
background-color: #2E296C
} }
nav > ul{ nav > ul{
@ -28,15 +30,17 @@ nav ul li {
li a{ li a{
text-decoration: none; text-decoration: none;
color: white;
font-weight: bold;
} }
.active{ .active{
background-color: white background-color: #7470A8;
} }
/*Buttons*/ /*Buttons*/
.button{ .button{
background-color: #4CAF50; background-color: #0D2B4A;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
color: white; color: white;
@ -55,8 +59,7 @@ li a{
} }
.btn-group button { .btn-group button {
background-color: #4CAF50; /* Green background */ background-color: #0D2B4A; /* Green background */
border: 1px solid green; /* Green border */
color: white; /* White text */ color: white; /* White text */
padding: 10px 24px; /* Some padding */ padding: 10px 24px; /* Some padding */
cursor: pointer; /* Pointer/hand icon */ cursor: pointer; /* Pointer/hand icon */
@ -70,7 +73,7 @@ li a{
/* Add a background color on hover */ /* Add a background color on hover */
.btn-group button:hover { .btn-group button:hover {
background-color: #3e8e41; background-color: #03192F;
} }
/* Remove underline effect if links are inside a div (cf. index.html) */ /* Remove underline effect if links are inside a div (cf. index.html) */

View File

@ -9,7 +9,7 @@
<body> <body>
<header> <header>
<img src="static/images/WIAILogo.png" alt="Fachschaft WIAI" class="logo"/> <img src="static/images/WIAILogo.png" alt="Fachschaft WIAI" class="logo"/>
<h1>Sorting is Fun! The Importance of Being Sorted</h1> <h1>Sortierhut</h1>
</header> </header>
<nav> <nav>
<ul> <ul>