Allow the user to assign cards of additional columns

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>

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;

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) {