Adelaide Cabaret Festival is back for its 25th year, and with such a dazzling array of shows, how do you choose?
Are you a lover of lavish spectacle, or do you crave intimate musical storytelling? Take our quiz to uncover your cabaret personality and find the shows that will hit all the right notes for you!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Cabaret Personality Quiz</title>
<style>
.quiz-container { font-family: 'Arial', sans-serif; font-size: 18px; margin: 0; padding: 0; }
.quiz { max-width: 600px; margin: 20px auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
.question { margin: 20px 0; }
.result { display: none; margin: 20px 0; padding: 20px; border: 1px solid #ccc; border-radius: 8px; background-color: #f9f9f9; }
.options label { display: block; margin: 5px 0; }
.options input[type="radio"] { margin-right: 10px; vertical-align: middle; }
.quiz-container h3 { font-size: 24px; }
.quiz-container img { max-width: 50%; height: auto; display: block; margin: 10px auto; }
.submit-container { text-align: center; margin-top: 20px; }
.quiz-button {
background-color: black;
color: transparent;
padding: 10px 20px;
border: 2px solid black;
border-radius: 30px;
cursor: pointer;
font-size: 16px;
position: relative;
z-index: 10;
display: inline-block;
margin: 0 auto;
}
.quiz-button::before {
content: 'Submit';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
opacity: 0.8;
}
.quiz-button:hover::before { opacity: 1; }
.result a { color: blue; text-decoration: underline; }
.result a:hover { color: darkblue; }
.result p { margin: 10px 0; line-height: 1.5; }
.result ul { margin: 10px 0; padding-left: 20px; list-style-type: disc; }
</style>
</head>
<body>
<!-- QUESTIONS -->
What's your ideal Friday night?
<input type="radio" name="q1" value="A"> Dressing up in your most glamorous outfit and hitting a party with a live band.
<input type="radio" name="q1" value="B"> Discovering a hidden gem in a cozy bar with incredible vocals.
<input type="radio" name="q1" value="C"> Laughing until your sides hurt at a hilarious and slightly raucous show.
<input type="radio" name="q1" value="D"> Being mesmerized by a musical genius pushing the boundaries of sound.
Pick your favourite musical icon:
<input type="radio" name="q2" value="A"> Judy Garland
<input type="radio" name="q2" value="B"> Nina Simone
<input type="radio" name="q2" value="C"> Amy Winehouse
<input type="radio" name="q2" value="D"> Stevie Wonder
What kind of story are you always in the mood for?
<input type="radio" name="q3" value="A"> A glamorous and nostalgic journey through showbiz.
<input type="radio" name="q3" value="B"> A personal and heartfelt exploration of life's ups and downs.
<input type="radio" name="q3" value="C"> A wild and unexpected adventure with lots of laughs.
<input type="radio" name="q3" value="D"> Something that defies genre and expectations.
What's your go-to drink at a bar?
<input type="radio" name="q4" value="A"> Champagne
<input type="radio" name="q4" value="B"> A perfectly mixed cocktail
<input type="radio" name="q4" value="C"> Whatever your friends are having!
<input type="radio" name="q4" value="D"> Something that surprises the bartender.
Pick a word that describes your ideal night out:
<input type="radio" name="q5" value="A"> Glamorous
<input type="radio" name="q5" value="B"> Intimate
<input type="radio" name="q5" value="C"> Hilarious
<input type="radio" name="q5" value="D"> Unique
What's your favourite type of venue?
<input type="radio" name="q6" value="A"> A grand, historic theatre with plush seats.
<input type="radio" name="q6" value="B"> A dimly lit, intimate club with a stage close to the audience.
<input type="radio" name="q6" value="C"> A lively, energetic space with lots of room to move.
<input type="radio" name="q6" value="D"> A unique, unconventional setting that surprises you.
Pick an outfit element:
<input type="radio" name="q7" value="A"> Sequins and feathers
<input type="radio" name="q7" value="B"> A simple, elegant dress or suit
<input type="radio" name="q7" value="C"> Something outrageous and colourful
<input type="radio" name="q7" value="D"> Anything avant-garde
What's your ideal dance style to watch?
<input type="radio" name="q8" value="A"> Classic ballroom
<input type="radio" name="q8" value="B"> Smooth jazz dance
<input type="radio" name="q8" value="C"> High-energy contemporary
<input type="radio" name="q8" value="D"> Experimental movement
What's your favourite part of going to a show?
<input type="radio" name="q9" value="A"> The overall spectacle and production value.
<input type="radio" name="q9" value="B"> The connection with the performer and the story they tell.
<input type="radio" name="q9" value="C"> The fun and excitement of the crowd.
<input type="radio" name="q9" value="D"> Discovering something new and challenging your expectations.
Choose a late-night activity:
<input type="radio" name="q10" value="A"> Attending a glamorous after-party.
<input type="radio" name="q10" value="B"> Having a deep conversation about the show with a friend.
<input type="radio" name="q10" value="C"> Going out for a night of dancing.
<input type="radio" name="q10" value="D"> Reflecting on the performance and its meaning.
<!-- SUBMIT BUTTON -->
<button class="quiz-button" >Submit</button>
<!-- RESULT -->
You're a Glamour Seeker!
You love the glitz, the spotlight, and the grand occasion.
" +
"
";
} else if (answers.B === max) {
resultText = "
You're a Music Lover! You're all about heartfelt performances and soul-stirring vocals.
" +
"
";
} else if (answers.C === max) {
resultText = "
You're a Comedy & Chaos Fan! You want to laugh, let loose, and go a little wild.
" +
"
";
} else if (answers.D === max) {
resultText = "
You're an Adventurous Soul! You crave the unexpected and love breaking the mold.
" +
"
";
}
document.getElementById("result") = resultText;
document.getElementById("result").style.display = "block";
}
</body>
</html>