Little design fixes

This commit is contained in:
2025-09-11 14:55:31 +02:00
parent e3da11d776
commit f8e186d16e
5 changed files with 293 additions and 7 deletions

View File

@@ -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}

View File

@@ -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}

View File

@@ -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}

View File

@@ -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"
]
}
}
]
}
]
}
]
} }
]; ];

View File

@@ -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();