Lukas/Ministranten-Quiz
2
0
Fork 0
Code Issues 4 Pull Requests Releases Wiki Activity

Remove a the column 'Ministrantendienst' that is currently not needed

Browse Source
This commit is contained in:
Lukas Fürderer 2021-01-24 14:46:39 +01:00
parent 09e71c5d6e
commit a0f23f0325
2 changed files with 7 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
quiz.css
View File

@ -27,7 +27,7 @@ body {
margin: 50px;
display: grid;
grid-template-columns: calc(66.667vw - 79px) auto 30px;
grid-template-columns: calc(60vw - 69.8px) auto 30px;
grid-template-rows: 30px 100px auto;
}
@ -43,7 +43,7 @@ body {
display: inline-block;
margin: 4px 5px;
text-align: center;
width: calc(16.667vw - 40.5px);
width: calc(20vw - 46.6px);
}
#quiz .solution_body {
border-right: 3px solid #444;
@ -90,11 +90,11 @@ body {
min-height: 50px;
padding: 5px;
vertical-align: top;
width: calc(16.667vw - 50.5px);
width: calc(20vw - 56.6px);
}
#quiz .card_placeholder {
display: inline-block;
width: calc(16.667vw - 30.5px);
width: calc(20vw - 36.6px);
}
#quiz .card span {
white-space: pre-line;
@ -140,7 +140,7 @@ body {
}
#quiz .arrow svg {
cursor: pointer;
left: calc(16.667vw - 26px);
left: calc(20vw - 32px);
position: relative;
top: -10px;
}

36
quiz.js
View File

@ -83,34 +83,6 @@ let cards_content = [
"„Der Herr segne dich und behüte dich, der Herr lasse sein Angesicht leuchten über dir und sei dir gnädig. Der Herr wende dir sein Angesicht zu und schenke dir Frieden.“ (Num 6,24-26)",
"„Gehet hin in Frieden“ (biblische Redensweise, vgl. Mk 5,34)",
],
[
"Einzug in die Kirche mit Leuchter\nLäuten der Glocke zum Einzug",
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
"Mit Leuchter am Ambo",
null,
null,
null,
"Kelch und Hostienschale zum Altar bringen, Wasser und Wein bringen, Handwaschung\nKollekte",
null,
null,
"Klingeln",
null,
null,
null,
"Kommunion empfangen\nanschließend Altar abräumen",
null,
null,
"Auszug",
],
];
function shuffle(a) {
@ -212,15 +184,13 @@ var app = new Vue({
return [
"Schau dir die Reihenfolge genau an. Elemente die zuvor nicht korrekt einsortiert waren, sind nun grün markiert.",
"Alle Bedeutungen sind jetzt am richtigen Platz. Die Bedeutungen die zuvor nicht korrekt zugeordnet waren, sind grün markiert.",
"Die biblichen Bezüge sind nun zugeordnet. Bezüge die zuvor nicht korrekt platziert waren, sind grün markiert.",
"Die Ministrantendienste sind nun am richtigen Platz. Was zuvor nicht korrekt zugeordnet war, ist grün markiert.\n\nDu hast " + this.achieved_total_score + " von " + this.maximum_total_score + " Punkten erreicht.",
"Die biblichen Bezüge sind nun zugeordnet. Bezüge die zuvor nicht korrekt platziert waren, sind grün markiert.\n\nDu hast " + this.achieved_total_score + " von " + this.maximum_total_score + " Punkten erreicht.",
][this.store.section];
} else {
return [
"Perfekt! Die Reihenfolge ist korrekt.",
"Super! Alle Bedeutungen sind korrekt eingeordnet.",
"Sehr gut! Die biblischen Bezüge sind alle korrekt zugeordnet.",
"Gut gemacht! Die Ministrantendienste sind alle passend zugeordnet.\n\nDu hast " + this.achieved_total_score + " von " + this.maximum_total_score + " Punkten erreicht.",
"Sehr gut! Die biblischen Bezüge sind alle korrekt zugeordnet.\n\nDu hast " + this.achieved_total_score + " von " + this.maximum_total_score + " Punkten erreicht.",
][this.store.section];
}
} else if (this.store.section == 0) {
@ -242,7 +212,6 @@ var app = new Vue({
"Bringe nun auch alle weiteren Elemente in die richtige Reihenfolge, wie sie bei einem Gottesdienst durchlaufen werden.\nFalls du etwas falsch eingeordnet hast, kannst du es mit einem Klick auf das rote X wieder löschen. (Wird sichtbar beim Überfahren mit der Maus)",
"Finde nun zu jedem Element des Gottesdienstablaufs die passende Bedeutung aus der Liste.",
"Welcher biblische Bezug gehört zum jeweiligen Element des Gottesdienstablaufs? Es gibt nicht zu jedem Punkt einen biblischen Bezug.",
"Ordne nun die gegebenen Ministrantendienste der jeweils passenden Zeile zu.",
][this.store.section];
}
}
@ -262,7 +231,6 @@ var app = new Vue({
return [
"Nächster Schritt: Bedeutungen zuordnen",
"Nächster Schritt: Biblische Bezüge zuordnen",
"Nächster Schritt: Ministrantendienste zuordnen",
null,
][this.store.section];
}