ClueQuest/miniquiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change

Browse Source
This commit is contained in:
Björn Benouarets
2025-11-04 23:09:52 +01:00
parent 7e6510e395
commit 1ebe505916
1 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/page.tsx
View File

@@ -13,15 +13,13 @@ import {
export default function Home() { export default function Home() {
const options = [ const options = [
"KW2", "NH Hannover",
"KW3", "Motel One Hannover",
"KW9", "Premier Inn Hannover City University",
"KW14", "June Six Hotel Hannover City",
"KW8",
"KW15",
] ]
const correctAnswer = "KW8"; const correctAnswer = "June Six Hotel Hannover City";
const nextLink = "https://three.christian.miniquiz.your-apps.dev"; const nextLink = "https://four.christian.miniquiz.your-apps.dev";
const [selectedAnswer, setSelectedAnswer] = React.useState<string | null>(null); const [selectedAnswer, setSelectedAnswer] = React.useState<string | null>(null);
const [showNextLink, setShowNextLink] = React.useState<boolean>(false); const [showNextLink, setShowNextLink] = React.useState<boolean>(false);
@@ -53,7 +51,7 @@ export default function Home() {
<div className="flex flex-col items-center justify-center h-screen p-10 gap-4"> <div className="flex flex-col items-center justify-center h-screen p-10 gap-4">
<div className="flex flex-col items-center justify-center max-w-2xl w-full gap-8"> <div className="flex flex-col items-center justify-center max-w-2xl w-full gap-8">
<h1 className="text-4xl font-bold">18. Geburtstag</h1> <h1 className="text-4xl font-bold">18. Geburtstag</h1>
<p className="text-lg text-zinc-500">In welcher Kalenderwoche finden die Faschingsferien in Bayern 2026 statt?</p> <p className="text-lg text-zinc-500">Welches Hotel in Hannover hat den Namen wie das Datum was im Sommer und in der Mitte des Jahres liegt?</p>
<RadioGroup onValueChange={handleAnswerChange} value={selectedAnswer} className="flex flex-col items-start justify-start w-full"> <RadioGroup onValueChange={handleAnswerChange} value={selectedAnswer} className="flex flex-col items-start justify-start w-full">
{options.map((option) => ( {options.map((option) => (
<div key={option} className="text-2xl font-bold flex items-center justify-start border border-zinc-300 gap-2 rounded-md p-4 w-full"> <div key={option} className="text-2xl font-bold flex items-center justify-start border border-zinc-300 gap-2 rounded-md p-4 w-full">