Little design fixes
This commit is contained in:
@@ -33,7 +33,7 @@
|
|||||||
<div class="mb-4 flex grow flex-col items-center text-6xl">
|
<div class="mb-4 flex grow flex-col items-center text-6xl">
|
||||||
{#if showQuestion}
|
{#if showQuestion}
|
||||||
<div class="flex grow-1 items-center">
|
<div class="flex grow-1 items-center">
|
||||||
<div>{question.data.question}</div>
|
<div class="text-center">{question.data.question}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex w-full grow-1 flex-wrap items-center justify-around gap-2">
|
<div class="flex w-full grow-1 flex-wrap items-center justify-around gap-2">
|
||||||
{#each _choices as choice}
|
{#each _choices as choice}
|
||||||
|
|||||||
@@ -14,11 +14,11 @@
|
|||||||
<div class="mb-4 flex grow flex-col items-center text-6xl">
|
<div class="mb-4 flex grow flex-col items-center text-6xl">
|
||||||
{#if showQuestion || showAnswer}
|
{#if showQuestion || showAnswer}
|
||||||
<div class="flex grow-1 items-center">
|
<div class="flex grow-1 items-center">
|
||||||
<div>{question.data.question}</div>
|
<div class="text-center">{question.data.question}</div>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{#if showAnswer}
|
{#if showAnswer}
|
||||||
<div class="flex grow-1 items-center">
|
<div class="flex grow-1 items-center text-center">
|
||||||
{question.data.answer}
|
{question.data.answer}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|||||||
@@ -33,7 +33,7 @@
|
|||||||
if (onclick) onclick(catIndex, queIndex);
|
if (onclick) onclick(catIndex, queIndex);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div>{question.points}</div>
|
<div class="text-6xl font-thin">{question.points}</div>
|
||||||
</div>
|
</div>
|
||||||
{/each}
|
{/each}
|
||||||
{/each}
|
{/each}
|
||||||
|
|||||||
@@ -938,6 +938,287 @@ const games: Games = [
|
|||||||
]
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Ich gehe zur Schule",
|
||||||
|
walls: [
|
||||||
|
{
|
||||||
|
name: "Schulfächer",
|
||||||
|
categories: [
|
||||||
|
{
|
||||||
|
name: "Deutsch",
|
||||||
|
questions: [
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 100,
|
||||||
|
data: {
|
||||||
|
question: "Wie viele Fälle gibt es in der deutschen Sprache?",
|
||||||
|
answer: "4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "MULTIPLE_CHOICE",
|
||||||
|
points: 200,
|
||||||
|
data: {
|
||||||
|
question:
|
||||||
|
"Mein Sohn, was birgst du so bang dein Gesicht? - Wie geht es weiter?",
|
||||||
|
choices: [
|
||||||
|
"Siehst, Vater, du den Erlkönig nicht?",
|
||||||
|
"Was Erlkönig mir leise verspricht?",
|
||||||
|
"Mein Vater, mein Vater, und hörest du nicht,",
|
||||||
|
"Den Erlkönig mit Kron und Schweif?"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 300,
|
||||||
|
data: {
|
||||||
|
question: 'Bilde das Futur II Passiv von "Ich frage ihn."',
|
||||||
|
answer: "Er wird von mir gefragt worden sein."
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 400,
|
||||||
|
data: {
|
||||||
|
question:
|
||||||
|
'Bilde das Plusquamperfekt Passiv von "Ich frage ihn."',
|
||||||
|
answer: "Er war von mir gefragt worden."
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "MULTIPLE_CHOICE",
|
||||||
|
points: 500,
|
||||||
|
data: {
|
||||||
|
question: "Welche Szene gibt es nicht in Faust",
|
||||||
|
choices: [
|
||||||
|
"Abend. Offen Feld",
|
||||||
|
"Nacht",
|
||||||
|
"Abend",
|
||||||
|
"Nacht. Offen Feld"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Biologie",
|
||||||
|
questions: [
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 100,
|
||||||
|
data: {
|
||||||
|
question:
|
||||||
|
"Welches Tierchen kann man sich über die Füße ziehen?",
|
||||||
|
answer: "Pantoffeltierchen"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 200,
|
||||||
|
data: {
|
||||||
|
question: "Welches ist das größte Säugetier an Land?",
|
||||||
|
answer: "Afrikanischer Elefant"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 0,
|
||||||
|
data: {
|
||||||
|
question: "Frage 3",
|
||||||
|
answer: "Antwort 3"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "MULTIPLE_CHOICE",
|
||||||
|
points: 400,
|
||||||
|
data: {
|
||||||
|
question:
|
||||||
|
"Welche der folgenden Pflanzen betreibt keine Photosynthese (und existiert)?",
|
||||||
|
choices: [
|
||||||
|
"Fichtenspargel",
|
||||||
|
"Buchenmöhre",
|
||||||
|
"Eichensellerie",
|
||||||
|
"Erlenrübe"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 0,
|
||||||
|
data: {
|
||||||
|
question: "Frage 5",
|
||||||
|
answer: "Antwort 5"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Religion",
|
||||||
|
questions: [
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 100,
|
||||||
|
data: {
|
||||||
|
question: "Nenne die 5 größten Religionen.",
|
||||||
|
answer: "Christentum, Judentum, Islam, Hinduismus, Buddhismus"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "MULTIPLE_CHOICE",
|
||||||
|
points: 200,
|
||||||
|
data: {
|
||||||
|
question:
|
||||||
|
"In welchem Jahrhundert wurde der Buddhismus gegründet?",
|
||||||
|
choices: ["6. v. Chr", "3. n. Chr", "12. v. Chr", "7. n. Chr"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "MULTIPLE_CHOICE",
|
||||||
|
points: 300,
|
||||||
|
data: {
|
||||||
|
question: "Welchen Gott gibt es nicht im Hinduismus?",
|
||||||
|
choices: [
|
||||||
|
"Haathi",
|
||||||
|
"Skanda",
|
||||||
|
"Surya",
|
||||||
|
"Indra",
|
||||||
|
"Garuda",
|
||||||
|
"Kali",
|
||||||
|
"Durga",
|
||||||
|
"Hanuman"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "MULTIPLE_CHOICE",
|
||||||
|
points: 400,
|
||||||
|
data: {
|
||||||
|
question: "Welches ist keine der 5 Säulen des Islams?",
|
||||||
|
choices: ["Hubb", "Shahada", "Salah", "Zakat", "Sawm", "Hadsch"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 500,
|
||||||
|
data: {
|
||||||
|
question: "Welche Abkürzung stand über dem Kreuz von Jesus?",
|
||||||
|
answer: "INRI"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Mathematik",
|
||||||
|
questions: [
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 100,
|
||||||
|
data: {
|
||||||
|
question: "Was ist das Ergebnis von 2 + 2 * 4?",
|
||||||
|
answer: "10"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 200,
|
||||||
|
data: {
|
||||||
|
question: "Wer wird als Vater der Geometrie bezeichnet?",
|
||||||
|
answer: "Euklid von Alexandria"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 300,
|
||||||
|
data: {
|
||||||
|
question:
|
||||||
|
"Wie werden die drei Seiten eines rechtwinkligen Dreiecks genannt?",
|
||||||
|
answer: "Hypotenuse, Ankathete, Gegenkathete"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "MULTIPLE_CHOICE",
|
||||||
|
points: 400,
|
||||||
|
data: {
|
||||||
|
question: "Welche der Aantworten stellt PI am besten dar?",
|
||||||
|
choices: [
|
||||||
|
"3,141592653589",
|
||||||
|
"3,141522653589",
|
||||||
|
"3,142592653589",
|
||||||
|
"3,141592657589",
|
||||||
|
"3,141562653589"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 500,
|
||||||
|
data: {
|
||||||
|
question: "(6 + 58 * 0,4 * 5 - 2) / 5!",
|
||||||
|
answer: "1"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Sport",
|
||||||
|
questions: [
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 100,
|
||||||
|
data: {
|
||||||
|
question:
|
||||||
|
"Wie viele Berührungen sind beim Volleyball in der eigenen Hälfte erlaubt?",
|
||||||
|
answer: "3"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 200,
|
||||||
|
data: {
|
||||||
|
question:
|
||||||
|
"Wie viele Schritte darf man mit einem Basketball machen ohne zu prellen?",
|
||||||
|
answer: "2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "MULTIPLE_CHOICE",
|
||||||
|
points: 300,
|
||||||
|
data: {
|
||||||
|
question: "Wie groß ist ein Handballfeld mit Sicherheitszone?",
|
||||||
|
choices: ["43m x 23m", "40m x 20m", "45m x 30m", "34m x 19m"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "SIMPLE",
|
||||||
|
points: 400,
|
||||||
|
data: {
|
||||||
|
question:
|
||||||
|
"Was ist der wichtigste Unterschied zwischen American Football und Rugby?",
|
||||||
|
answer: "Der Ball darf im Rugby nur nach hinten gepasst werden. Im Football sind alle Richtungen erlaubt."
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: "MULTIPLE_CHOICE",
|
||||||
|
points: 500,
|
||||||
|
data: {
|
||||||
|
question:
|
||||||
|
"Wer hat die Snookerweltmeisterschaft in 2025 gewonnen?",
|
||||||
|
choices: [
|
||||||
|
"Zhao Xintong",
|
||||||
|
"Mark Williams",
|
||||||
|
"Jackson Page",
|
||||||
|
"Lei Peifan",
|
||||||
|
"Xiao Guodong"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -206,6 +206,13 @@
|
|||||||
goBack(): void {
|
goBack(): void {
|
||||||
this.sendWall();
|
this.sendWall();
|
||||||
this.state = GameState.CHOOSING_QUESTION;
|
this.state = GameState.CHOOSING_QUESTION;
|
||||||
|
this.setupGoingBack();
|
||||||
|
}
|
||||||
|
|
||||||
|
setupGoingBack(): void {
|
||||||
|
this.answerIsShowing = false;
|
||||||
|
this.questionIsShowing = false;
|
||||||
|
this.pointsGivenForCurrentQuestion = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
finishQuestion(): void {
|
finishQuestion(): void {
|
||||||
@@ -216,9 +223,7 @@
|
|||||||
) {
|
) {
|
||||||
this.visitedQuestions[this.currentCategory].push(this.currentQuestion);
|
this.visitedQuestions[this.currentCategory].push(this.currentQuestion);
|
||||||
}
|
}
|
||||||
this.pointsGivenForCurrentQuestion = false;
|
this.setupGoingBack();
|
||||||
this.answerIsShowing = false;
|
|
||||||
this.questionIsShowing = false;
|
|
||||||
this.nextPlayer();
|
this.nextPlayer();
|
||||||
if (this.wallIsDone()) {
|
if (this.wallIsDone()) {
|
||||||
this.goToNextWall();
|
this.goToNextWall();
|
||||||
|
|||||||
Reference in New Issue
Block a user