From b2d0deb3a5ba24e6cf184d268d96c81c8a116174 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20F=C3=BCrderer?= <l.fuerderer@gmail.com>
Date: Wed, 26 Aug 2020 10:04:42 +0200
Subject: [PATCH] Allow the user to assign cards of additional columns

---
 index.html |  4 ++--
 quiz.css   |  7 +++++--
 quiz.js    | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 63 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index cf185ca..85fd4aa 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
                         <template v-for="(elem, row) in solution">
                             <div class="row">
                                 <div v-for="(idx, column) in elem.idx" class="card" v-bind:class="{incorrect: column == store.section && incorrects[row]}">
-                                    {{ solution_text(elem, column) }}
+                                    <span>{{ solution_text(elem, column) }}</span>
                                     <svg width=20 height=20 v-if="column == store.section && !solution_correct" v-on:click="remove_solution(row)">
                                         <path d="M2 2L18 18M18 2L2 18" stroke="#f00" stroke-width="2px" />
                                     </svg>
@@ -56,7 +56,7 @@
                             v-bind:style="{visibility: store_card_visible(item_idx) ? 'visible' : 'hidden'}"
                             v-on:click="store_select(item_idx)"
                         >
-                            {{ store_text(item_idx) }}
+                            <span>{{ store_text(item_idx) }}</span>
                         </div>
                     </div>
                 </div>
diff --git a/quiz.css b/quiz.css
index 3f49940..134c29a 100644
--- a/quiz.css
+++ b/quiz.css
@@ -27,7 +27,7 @@ body {
     margin: 50px;
 
     display: grid;
-    grid-template-columns: calc(66.667vw - 89px) auto 30px;
+    grid-template-columns: calc(66.667vw - 79px) auto 30px;
     grid-template-rows: 30px 100px auto;
 }
 
@@ -61,7 +61,10 @@ body {
     min-height: 50px;
     padding: 5px;
     vertical-align: top;
-    width: calc(16.667vw - 45.5px);
+    width: calc(16.667vw - 50.5px);
+}
+#quiz .card span {
+    white-space: pre-line;
 }
 #quiz .store .card {
     cursor: pointer;
diff --git a/quiz.js b/quiz.js
index a916a2f..c2bc2c1 100644
--- a/quiz.js
+++ b/quiz.js
@@ -55,6 +55,62 @@ let cards_content = [
         "Wir erhalten Stärkung und alle guten Wünsche für den Alltag, sowie den Auftrag, Gott in der Welt zu bezeugen.",
         "Aufforderung, das Evangelium im Alltag zu leben und zu bezeugen.",
     ],
+    [
+        "„Denn wo zwei oder drei in meinem Namen versammelt sind, da bin ich mitten unter ihnen.“ (Mt 18,20)",
+        "„Tauft sie auf den Namen des Vaters und des Sohnes und des Heiligen Geistes.“ (Mt 28,19b)",
+        null,
+        "Bußpsalmen des Alten Testaments (z.B. Ps 51), in denen das Erbarmen Gottes angerufen wird; Jesis ruft zur Umkehr, (z.B. Mk 1,15: „Die Zeit ist erfüllt, das Reich Gottes ist nahe. Kehrt um und glaubt an das Evangelium.“)",
+        "Jesu Einzug in Jerusalem (Mt 21,5)",
+        "Lobgesang auf Gott, den Vater, nach Lk 2,14: „Verherrlicht ist Gott in der Höhe…“, Lobgesang auf Jesus Christus. Vgl. Phil 2,6-11.",
+        "Jesus betet, er spricht mit seinem Vater und er ermutigt seine Zuhörer, dass auch sie sich mit ihren Bitten an den Vater wenden. (z.B. Lk 11,1-13)",
+        "Texte aus den Schriften des Alten (Ersten) Testaments. (Vgl. Leseordnung)",
+        "Die Psalmen aus dem Alten (Ersten) Testament.",
+        "Texte aus den Apostelbriefen, der Apostelgeschichte, der Offenbarung des Johannes.",
+        null,
+        "Die vier Evangelien, Leben und Wirken Jesu",
+        "Auf dem Weg nach Emmaus erläutert Jesus den Jüngern was geschehen ist. Er deutet die Texte der Hl. Schrift.",
+        "Ursprünglich war das Credo Teil der Tauffeier. (Mk 16,15-16)",
+        "„Darum sage ich euch: Bittet, dann wird euch gegeben, sucht, dann werdet ihr finden, klopft an, dann wird euch aufgetan.“ (Lk 11,9)",
+        "Vorbereitung des Paschamahles (jüdisches Ostermahl) vgl. Mt 26,17-19",
+        null,
+        "„…Heilig, heilig, heilig, ist der Herr, der Heere. Von seiner Herrlichkeit ist die ganze Erde erfüllt.“ (Jes 6,3) „Hosanna! Gesegnet sei er, der kommt im Namen des Herrn“ (Mk 11,9)",
+        "„Denn sooft ihr von diesem Brot esst und aus diesem Kelch trinkt, verkündet ihr den Tod des Herrn, bis er kommt.“ Vgl. Mt 26,26-27, Mk 14,22-24, Lk 22,14-20, 1 Kor 11,23-26",
+        "Das Gebet, das Jesus seine Jünger lehrte. (Mt 6,9-13, Lk 11,2-4)",
+        "„Frieden hinterlasse ich euch, meinen Frieden gebe ich euch, nicht einen Frieden, wie die Welt ihn gibt, gebe ich euch.“ (Joh 14,27)",
+        "„…sprach das Dankgebet, brach das Brot und sagte…“ (1 Kor 11,24a)",
+        "„…das Brot, reichte es seinen Jüngern und sagte: Nehmt und esst, das ist mein Leib…“ (Mt 26,26-28)\n„Ein Brot ist es. Darum sind wir viele ein Leib, denn wir alle haben teil an dem einen Brot.“ (1 Kor 17)",
+        "„Dankt dem Vater mit Freude…“ (Kol 1,12)",
+        "„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) {