FaSTTUBe/fs-quiz-tool
57
2
Fork 0
Code Issues5 Pull Requests Releases Wiki Activity

Fix button alignmant, add footer. Also, needs more memes

Browse Source
This commit is contained in:
Oskar Winkels 2020-01-14 01:22:54 +01:00 committed by Oskar
parent 4c13d49346
commit 29a5e2aa8c
3 changed files with 68 additions and 12 deletions

25
src/index.html

@ -25,17 +25,19 @@
<main> <main>
<form id="spreadsheet" class="view"> <div id="spreadsheet" class="view">
<form>
Title:<br> Title:<br>
<input type="text" id="titleField" required> <input type="text" id="titleField" required>
Paste your questions from a spreadsheet here:<br> Paste your questions from a spreadsheet here:<br>
<textarea rows="20" id="questions" required></textarea> <textarea rows="20" id="questions" required></textarea>
<br> <br>
<input type="button" value="Create Quiz" onclick="createQuiz()"> <input type="button" value="Create Quiz" onclick="createQuiz()">
</form> </form>
</div>
<div id="prescreen" class="view"> <div id="prescreen" class="view">
<h1></h1> <h1></h1>
@ -62,7 +64,12 @@
</main> </main>
<footer></footer> <footer>
&copy; 2020 Oskar / FaSTTUBe
&middot; GPLv3
&middot; Code &amp; feedback: <a href="https://git.fasttube.de/FaSTTUBe/fs-quiz-tool">git</a>
&middot; <span id="meme"></span>
</footer>
<script src="main.js"></script> <script src="main.js"></script>

42
src/main.js

@ -22,7 +22,7 @@ function changeView(view) {
for (el of document.querySelectorAll('.view')) for (el of document.querySelectorAll('.view'))
el.style.display = 'none' el.style.display = 'none'
document.getElementById(view).style.display = 'inline-block' document.getElementById(view).style.display = 'block'
} }
@ -46,7 +46,7 @@ function removeLink() {
linkEl.href = '' linkEl.href = ''
linkEl.innerHTML = '' linkEl.innerHTML = ''
document.querySelector('#sharing input').style.display = 'block' document.querySelector('#sharing input').style.display = 'inline-block'
} }
@ -387,6 +387,43 @@ async function fetchQuiz(id) {
} }
const memes = [
'GE-SUND-BRUN-NEN-CENTER!',
'Deine Mudda! Berlin!',
'Eine Runde Kicker?',
'Hulkdrian!',
'Jetz\' bin i\' wieda doa',
'Mmmmh Carbonstaub :P',
'#würthshausfranz',
'#berlinerluft',
'FaST<b>TUBe</b>, not Fast<b>COCUE</b>',
'Yes, we CAN',
'Ist in der Cloud.',
'Ist im Wiki.',
'Ich liiebe Teamcenter <3',
'Podio kann alles!',
'Let\'s build 3 fucking racecars!',
'Der Fahrstuhl ist kaputt',
'Frau Ipta reißt euch den Kopf ab!',
'Max, Max, Max, Max, Max, Max, MaxMax!',
'Julian, Anwärter, Firewall',
'Diese Webseite ist geerdet.',
'Wer AMS sagt muss auch BMS sagen',
'Ist der Kabelbinder in der BOM?',
'*Fistbump*',
'Nividia',
'Ihr schafft das! :)',
'Klotzen, nicht kleckern!',
'*revving noises*',
'Resistance is futile',
'Jan schweißt das noch',
'Would Claude approve of this?',
'Im CAD hat\'s gepasst',
'¯\\_(ツ)_/¯',
'AMK Brudi',
'Mmmhh cones',
]
window.onload = async function() { window.onload = async function() {
console.log('onload') console.log('onload')
@ -419,6 +456,7 @@ window.onload = async function() {
} }
updateTitles() updateTitles()
document.getElementById('meme').innerHTML = memes[Math.floor(Math.random()*memes.length)]
if (stateString && !useUrl) if (stateString && !useUrl)
startQuiz() startQuiz()

13
src/style.css

@ -7,17 +7,28 @@ html, body {
font-size: 20px; font-size: 20px;
} }
header { header, footer {
text-align: center; text-align: center;
display: block;
}
footer {
color: #888;
} }
main { main {
display: block;
overflow: auto;
width: 100%; width: 100%;
max-width: 700px; max-width: 700px;
margin: 42px auto; margin: 42px auto;
text-align: center; text-align: center;
} }
a {
color: inherit;
}
img { img {
display: block; display: block;
margin: auto; margin: auto;