fknoch/weihnachtsquiz-2020
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: fknoch:4404b935e1ebf5e0ab1ad684f913f4da58712c13
Branches Tags
fknoch:master
..
compare: fknoch:48a039ed04cf8de4eeebc3fc95152681e30a1dfa
Branches Tags
fknoch:master

No commits in common. "4404b935e1ebf5e0ab1ad684f913f4da58712c13" and "48a039ed04cf8de4eeebc3fc95152681e30a1dfa" have entirely different histories.
4404b935e1 ... 48a039ed04

17 changed files with 145 additions and 190 deletions
Show Stats Expand all files Collapse all files

237
css/style.css
View File

@ -39,105 +39,105 @@ body {
.start-screen .score, .end-screen .score { .start-screen .score, .end-screen .score {
text-align: center; } text-align: center; }
.ingame-screen .score.focus { .ingame-screen {
animation: 1s attention; } display: grid;
.ingame-screen .header { grid-template-rows: 2fr 6fr 2fr; }
display: flex; .ingame-screen .score.focus {
padding: 1rem 2rem; animation: 1s attention; }
justify-content: space-between; .ingame-screen header, .ingame-screen footer {
align-items: center; padding: 1rem 2rem; }
background-color: black; .ingame-screen .header {
color: white; } display: flex;
.ingame-screen .header h1 { justify-content: space-between;
margin: 0; align-items: center;
padding: 0; } background-color: black;
.ingame-screen .question { color: white; }
padding: 2rem; } .ingame-screen .header h1 {
.ingame-screen .question.revealed .answer { margin: 0;
background-color: lightgray; } padding: 0; }
.ingame-screen .question.revealed .answer.chosen { .ingame-screen .question {
background-color: #b34040; padding: 2rem; }
color: white; } .ingame-screen .question.revealed .answer {
.ingame-screen .question.revealed .answer.correct { background-color: lightgray; }
background-color: #8fb340; .ingame-screen .question.revealed .answer.chosen {
color: white; } background-color: #b34040;
.ingame-screen .question.revealed .answer.correct.chosen { color: white; }
.ingame-screen .question.revealed .answer.correct {
background-color: #8fb340; background-color: #8fb340;
color: white; } color: white; }
.ingame-screen .question .question-answers .answer { .ingame-screen .question.revealed .answer.correct.chosen {
display: block; background-color: #8fb340;
padding: 0.5rem; color: white; }
width: 100%; .ingame-screen .question .question-answers .answer {
margin-bottom: 2px; display: block;
border: 1px solid lightgray; padding: 0.5rem;
border-radius: 0; width: 100%;
text-align: left; margin-bottom: 2px;
counter-increment: answer; } border: 1px solid lightgray;
.ingame-screen .question .question-answers .answer::before {
content: counter(answer);
color: lightgray;
padding: 0.5em; }
.ingame-screen .question .question-estimate {
display: grid;
grid-template-columns: 7fr 3fr; }
.ingame-screen .question .question-estimate .input-estimate {
padding: 0.25rem;
margin: 0;
box-sizing: border-box;
border-radius: 0; border-radius: 0;
border: 1px solid lightgray; } text-align: left;
.ingame-screen .question .question-estimate .btn-submit-estimate { counter-increment: answer; }
padding: auto 0.25rem; .ingame-screen .question .question-answers .answer::before {
margin: 0; content: counter(answer);
box-sizing: border-box; color: lightgray;
border-radius: 0; padding: 0.5em; }
border: 1px solid lightgray; } .ingame-screen .question .question-estimate {
.ingame-screen .question .question-result-wrapper { display: grid;
padding-top: 1px; grid-template-columns: 7fr 3fr; }
margin-top: 2rem; .ingame-screen .question .question-estimate .input-estimate {
display: none; margin: 0;
background-color: rgba(21, 45, 59, 0.7); box-sizing: border-box; }
color: white; } .ingame-screen .question .question-estimate .btn-submit-estimate {
.ingame-screen .question .question-result-wrapper.visible { padding: auto 0.25rem;
display: block; } margin: 0;
.ingame-screen .question .question-result { box-sizing: border-box; }
position: relative; .ingame-screen .question .question-result-wrapper {
height: 100px; padding-top: 1px;
width: 80%; margin-top: 2rem;
margin: 0 auto; display: none;
margin-top: 7rem; background-color: rgba(21, 45, 59, 0.7);
border-top: 2px solid #ddd; } border-radius: 5px;
.ingame-screen .question .question-result .correct-result, .ingame-screen .question .question-result .estimate { color: white; }
position: absolute; .ingame-screen .question .question-result-wrapper.visible {
transform: translateX(-50%) translateY(20px); display: block; }
text-align: center; } .ingame-screen .question .question-result {
.ingame-screen .question .question-result .correct-result strong, .ingame-screen .question .question-result .estimate strong { position: relative;
font-size: 150%; } height: 100px;
.ingame-screen .question .question-result .correct-result::before, .ingame-screen .question .question-result .estimate::before { width: 80%;
content: ""; margin: 0 auto;
display: block; margin-top: 7rem;
border-top: 2px solid #ddd; }
.ingame-screen .question .question-result .correct-result, .ingame-screen .question .question-result .estimate {
position: absolute; position: absolute;
width: 30px; transform: translateX(-50%) translateY(20px);
height: 30px; text-align: center; }
left: 50%; .ingame-screen .question .question-result .correct-result strong, .ingame-screen .question .question-result .estimate strong {
transform: translateX(-50%) translateY(-37px); } font-size: 150%; }
.ingame-screen .question .question-result .correct-result { .ingame-screen .question .question-result .correct-result::before, .ingame-screen .question .question-result .estimate::before {
z-index: 5; content: "";
transform: translateX(-50%) translateY(-75px); } display: block;
.ingame-screen .question .question-result .correct-result::before { position: absolute;
background-image: url(../img/star.png); width: 30px;
background-size: contain; height: 30px;
transform: translateX(-50%) translateY(55px); } left: 50%;
.ingame-screen .question .question-result .estimate::before { transform: translateX(-50%) translateY(-37px); }
background-image: url(../img/snowflake.png); .ingame-screen .question .question-result .correct-result {
background-size: contain; } z-index: 5;
.ingame-screen .btn-continue { transform: translateX(-50%) translateY(-75px); }
display: block; .ingame-screen .question .question-result .correct-result::before {
margin-top: 1rem; background-image: url(../img/star.png);
width: 100%; background-size: contain;
border-radius: 0; transform: translateX(-50%) translateY(55px); }
border: 1px solid lightgray; .ingame-screen .question .question-result .estimate::before {
padding: 0.5rem; } background-image: url(../img/snowflake.png);
background-size: contain; }
.ingame-screen .btn-continue {
display: block;
margin-top: 1rem;
width: 100%;
border-radius: 0;
border: 1px solid lightgray;
padding: 0.5rem; }
@keyframes attention { @keyframes attention {
0% { 0% {
@ -153,44 +153,33 @@ body {
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0; }
display: block;
height: auto; }
body .screen { body .screen {
width: 100vw; width: 100vw;
height: auto; height: 100vh;
max-width: 100vw; max-width: 100vw;
min-height: 100vh; } min-height: 100vh;
overflow-y: scroll; }
body .screen .headline { body .screen .headline {
text-align: center; } text-align: center; }
body .screen .btn-start { body .screen .btn-start {
padding: 1rem 2rem; padding: 1rem 2rem;
width: auto; } width: auto; }
body .screen.ingame-screen {
display: block;
height: auto; }
body .header { body .header {
width: 100vw;
flex-direction: column; } flex-direction: column; }
body .question { body .question-text {
display: block; font-size: 14pt; }
width: 100vw; } body .question.estimate {
body .question .question-text { max-width: 95vw;
font-size: 14pt; height: auto;
margin-top: 0; } box-sizing: border-box; }
body .question.estimate { body .question.estimate .question-estimate {
height: auto; display: block; }
box-sizing: border-box; } body .question.estimate .input-estimate,
body .question.estimate .question-estimate { body .question.estimate .btn-submit-estimate {
display: block; } width: 100%;
body .question.estimate .input-estimate, padding: 0.5rem 1rem; }
body .question.estimate .btn-submit-estimate { body .question.estimate .question-result {
width: 100%; width: 60%; } }
display: block;
padding: 0.5rem 1rem; }
body .question.estimate .question-result {
width: 70%;
margin-top: 5rem;
height: 5rem; } }
/*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=style.css.map */

2
css/style.css.map
View File

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "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", "mappings": "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",
"sources": ["style.sass"], "sources": ["style.sass"],
"names": [], "names": [],
"file": "style.css" "file": "style.css"

60
css/style.sass
View File

@ -47,13 +47,17 @@ body
text-align: center text-align: center
.ingame-screen .ingame-screen
display: grid
grid-template-rows: 2fr 6fr 2fr
.score.focus .score.focus
animation: 1s attention animation: 1s attention
header, footer
padding: 1rem 2rem
.header .header
display: flex display: flex
padding: 1rem 2rem
justify-content: space-between justify-content: space-between
align-items: center align-items: center
background-color: black background-color: black
@ -104,24 +108,21 @@ body
grid-template-columns: 7fr 3fr grid-template-columns: 7fr 3fr
.input-estimate .input-estimate
padding: .25rem
margin: 0 margin: 0
box-sizing: border-box box-sizing: border-box
border-radius: 0
border: 1px solid lightgray
.btn-submit-estimate .btn-submit-estimate
padding: auto .25rem padding: auto .25rem
margin: 0 margin: 0
box-sizing: border-box box-sizing: border-box
border-radius: 0
border: 1px solid lightgray
.question-result-wrapper .question-result-wrapper
padding-top: 1px padding-top: 1px
margin-top: 2rem margin-top: 2rem
display: none display: none
background-color: rgba(21, 45, 59, .7) background-color: rgba(21, 45, 59, .7)
// box-shadow: 0 0 5px 10px rgba(0,0,0,.1) inset
border-radius: 5px
color: white color: white
&.visible &.visible
@ -189,14 +190,13 @@ body
body body
margin: 0 margin: 0
padding: 0 padding: 0
display: block
height: auto
.screen .screen
width: 100vw width: 100vw
height: auto height: 100vh
max-width: 100vw max-width: 100vw
min-height: 100vh min-height: 100vh
overflow-y: scroll
.headline .headline
text-align: center text-align: center
@ -205,36 +205,24 @@ body
padding: 1rem 2rem padding: 1rem 2rem
width: auto width: auto
&.ingame-screen
display: block
height: auto
.header .header
width: 100vw
flex-direction: column flex-direction: column
.question .question-text
display: block font-size: 14pt
width: 100vw
.question-text .question.estimate
font-size: 14pt max-width: 95vw
margin-top: 0 height: auto
box-sizing: border-box
&.estimate .question-estimate
height: auto display: block
box-sizing: border-box
.question-estimate .input-estimate,
display: block .btn-submit-estimate
width: 100%
padding: .5rem 1rem
.input-estimate, .question-result
.btn-submit-estimate width: 60%
width: 100%
display: block
padding: .5rem 1rem
.question-result
width: 70%
margin-top: 5rem
height: 5rem

BIN
fonts/Roboto/Roboto-BlackItalic.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Roboto/Roboto-Bold.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Roboto/Roboto-BoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Roboto/Roboto-Italic.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Roboto/Roboto-Light.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Roboto/Roboto-LightItalic.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Roboto/Roboto-Medium.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Roboto/Roboto-MediumItalic.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Roboto/Roboto-Thin.ttf Normal file
View File

Binary file not shown.

BIN
fonts/Roboto/Roboto-ThinItalic.ttf Normal file
View File

Binary file not shown.

6
index.html
View File

@ -39,7 +39,6 @@
{{answer.text}} {{answer.text}}
</button> </button>
</div> </div>
<button v-if="currentQuestionAnswered" @click="showNextQuestion" class="btn-continue">Weiter</button>
</article> </article>
<article v-if="isEstimate" class="question estimate" v-bind:class="{revealed: currentQuestionAnswered}"> <article v-if="isEstimate" class="question estimate" v-bind:class="{revealed: currentQuestionAnswered}">
@ -56,8 +55,11 @@
<div class="estimate"></div> <div class="estimate"></div>
</div> </div>
</div> </div>
<button v-if="currentQuestionAnswered" @click="showNextQuestion" class="btn-continue">Weiter</button>
</article> </article>
<footer class="footer">
<button v-if="currentQuestionAnswered" @click="showNextQuestion" class="btn-continue">Weiter</button>
</footer>
</section> </section>
<section v-if="mode === ENDSCREEN" class="end-screen screen"> <section v-if="mode === ENDSCREEN" class="end-screen screen">

1
js/app.js
View File

@ -58,6 +58,7 @@ const app = new Vue({
this.evaluateEstimate() this.evaluateEstimate()
} }
default: default:
console.log(e.key)
return return
} }
}) })

4
js/questions.js
View File

@ -86,7 +86,7 @@ const questionCatalog = [
}, },
{ {
type: 'estimate', type: 'estimate',
text: 'Wie viele Meter über dem Meeresspiegel liegt die Altenburg und überblickt somit ungehindert ganz Bamberg?', text: 'Wie hoch über dem Meeresspiegel liegt die Altenburg und überblickt somit ungehindert ganz Bamberg?',
correctAnswer: 390 correctAnswer: 390
}, },
{ {
@ -97,7 +97,7 @@ const questionCatalog = [
{ {
type: 'estimate', type: 'estimate',
text: 'Wie viele eigene (Teil-)Bibliotheken hat die Universität Bamberg?', text: 'Wie viele eigene (Teil-)Bibliotheken hat die Universität Bamberg?',
correctAnswer: 6 correctAnswer: 7
}, },
{ {
type: 'estimate', type: 'estimate',

25
style.css
View File

@ -1,25 +0,0 @@
/*
Errno::ENOENT: No such file or directory @ rb_sysopen - style.sass
Backtrace:
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/plugin/compiler.rb:454:in `read'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/plugin/compiler.rb:454:in `update_stylesheet'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/plugin/compiler.rb:209:in `each'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/plugin/compiler.rb:294:in `watch'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/plugin.rb:109:in `method_missing'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/exec/sass_scss.rb:358:in `watch_or_update'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/exec/sass_scss.rb:51:in `process_result'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/exec/base.rb:50:in `parse'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/lib/sass/exec/base.rb:18:in `parse!'
/home/florian/.rvm/gems/ruby-2.5.1/gems/sass-3.7.2/bin/sass:13:in `<top (required)>'
/home/florian/.rvm/gems/ruby-2.5.1/bin/sass:23:in `load'
/home/florian/.rvm/gems/ruby-2.5.1/bin/sass:23:in `<main>'
/home/florian/.rvm/gems/ruby-2.5.1/bin/ruby_executable_hooks:24:in `eval'
/home/florian/.rvm/gems/ruby-2.5.1/bin/ruby_executable_hooks:24:in `<main>'
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Errno::ENOENT: No such file or directory @ rb_sysopen - style.sass"; }