aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMarvin Borner2020-10-03 13:33:29 +0200
committerMarvin Borner2020-10-03 13:33:29 +0200
commit88a2c395ad96c65d75ea64c57d68b62d93bc12c3 (patch)
treeb476ebb9875789e857f5f8d96027aef292be93b7
parenta6cd52452e504c23921bb0be32e883b9efd97da7 (diff)
Added navbar
Diffstat
-rw-r--r--auth/public/index.html5
-rw-r--r--auth/public/style.css4
-rw-r--r--mottovote/public/index.html5
-rw-r--r--mottovote/public/style.css6
-rw-r--r--poll/public/index.html9
-rw-r--r--poll/public/style.css6
-rw-r--r--quotes/public/index.html19
-rw-r--r--quotes/public/style.css6
8 files changed, 48 insertions, 12 deletions
diff --git a/auth/public/index.html b/auth/public/index.html
index e927b13..b56db07 100644
--- a/auth/public/index.html
+++ b/auth/public/index.html
@@ -14,6 +14,11 @@
<title>Auth</title>
</head>
<body>
+ <div class="pure-menu pure-menu-horizontal">
+ <a href="/" class="pure-menu-item pure-menu-link">Home</a>
+ <a href="/auth/api/logout" class="pure-menu-item pure-menu-link">Logout</a>
+ </div>
+
<form class="pure-form pure-form-stacked" action="api/login" method="post">
<fieldset>
<legend>Login</legend>
diff --git a/auth/public/style.css b/auth/public/style.css
index 294fb98..4bbdc55 100644
--- a/auth/public/style.css
+++ b/auth/public/style.css
@@ -8,6 +8,10 @@ body {
background-image: linear-gradient(315deg, #eec0c6 0%, #7ee8fa 74%);
}
+div {
+ background: white;
+}
+
form {
position: absolute;
width: 30%;
diff --git a/mottovote/public/index.html b/mottovote/public/index.html
index 0bffbdd..c562fa7 100644
--- a/mottovote/public/index.html
+++ b/mottovote/public/index.html
@@ -14,6 +14,11 @@
</head>
<body>
+ <div class="pure-menu pure-menu-horizontal">
+ <a href="/" class="pure-menu-item pure-menu-link">Home</a>
+ <a href="/auth/api/logout" class="pure-menu-item pure-menu-link">Logout</a>
+ </div>
+
<main>
<div id="vote"></div>
<button class="pure-button pure-button-primary" id="voteButton">Vote!</button>
diff --git a/mottovote/public/style.css b/mottovote/public/style.css
index 6e735e3..7f92570 100644
--- a/mottovote/public/style.css
+++ b/mottovote/public/style.css
@@ -8,6 +8,10 @@ body {
background-image: linear-gradient(315deg, #eec0c6 0%, #7ee8fa 74%);
}
+div {
+ background: white;
+}
+
main {
display: flex;
flex-flow: row wrap;
@@ -49,7 +53,7 @@ select {
}
@media only screen and (max-width: 600px) {
- div {
+ main {
width: calc(100% - 50px);
}
}
diff --git a/poll/public/index.html b/poll/public/index.html
index 8530b76..dd66c96 100644
--- a/poll/public/index.html
+++ b/poll/public/index.html
@@ -14,7 +14,12 @@
<title>Schüler-Ranking</title>
</head>
<body>
- <div>
+ <div class="pure-menu pure-menu-horizontal">
+ <a href="/" class="pure-menu-item pure-menu-link">Home</a>
+ <a href="/auth/api/logout" class="pure-menu-item pure-menu-link">Logout</a>
+ </div>
+
+ <main>
<form class="pure-form pure-form-stacked" action="api/answer" method="post">
<fieldset>
<!-- TODO: Add progress -->
@@ -28,7 +33,7 @@
<button type="submit" class="pure-button pure-button-primary">Antworten</button>
</fieldset>
</form>
- </div>
+ </main>
<script src="script.js" charset="utf-8"></script>
</body>
diff --git a/poll/public/style.css b/poll/public/style.css
index 2c9c695..8ef7b57 100644
--- a/poll/public/style.css
+++ b/poll/public/style.css
@@ -9,6 +9,10 @@ body {
}
div {
+ background: white;
+}
+
+main {
position: absolute;
max-height: 80%;
overflow-y: scroll;
@@ -29,7 +33,7 @@ select {
}
@media only screen and (max-width: 600px) {
- div {
+ main {
width: calc(100% - 50px);
}
}
diff --git a/quotes/public/index.html b/quotes/public/index.html
index 32a46ec..343f5a3 100644
--- a/quotes/public/index.html
+++ b/quotes/public/index.html
@@ -14,7 +14,12 @@
<title>Zitate</title>
</head>
<body>
- <div>
+ <div class="pure-menu pure-menu-horizontal">
+ <a href="/" class="pure-menu-item pure-menu-link">Home</a>
+ <a href="/auth/api/logout" class="pure-menu-item pure-menu-link">Logout</a>
+ </div>
+
+ <main>
<form class="pure-form pure-form-stacked" action="api/add" method="post">
<fieldset>
<legend>Zitate</legend>
@@ -27,16 +32,16 @@
</form>
<button id="open_TGI13.1">TGI13.1</button>
- <ul style="display: none;" id="TGI13.1"></ul>
+ <ul style="display: none" id="TGI13.1"></ul>
<button id="open_TGI13.2">TGI13.2</button>
- <ul style="display: none;" id="TGI13.2"></ul>
+ <ul style="display: none" id="TGI13.2"></ul>
<button id="open_TGM13.1">TGM13.1</button>
- <ul style="display: none;" id="TGM13.1"></ul>
+ <ul style="display: none" id="TGM13.1"></ul>
<button id="open_TGM13.2">TGM13.2</button>
- <ul style="display: none;" id="TGM13.2"></ul>
+ <ul style="display: none" id="TGM13.2"></ul>
<button id="open_TGTM13.1">TGTM13.1</button>
- <ul style="display: none;" id="TGTM13.1"></ul>
- </div>
+ <ul style="display: none" id="TGTM13.1"></ul>
+ </main>
<script src="script.js" charset="utf-8"></script>
</body>
diff --git a/quotes/public/style.css b/quotes/public/style.css
index 4ead1a1..0336774 100644
--- a/quotes/public/style.css
+++ b/quotes/public/style.css
@@ -9,6 +9,10 @@ body {
}
div {
+ background: white;
+}
+
+main {
position: absolute;
max-height: 80%;
overflow-y: scroll;
@@ -51,7 +55,7 @@ select {
}
@media only screen and (max-width: 600px) {
- div {
+ main {
width: calc(100% - 50px);
}
}