138 lines
5.5 KiB
HTML
138 lines
5.5 KiB
HTML
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>socialize</title>
|
||
<link rel="icon" type="image/png" href="./favicon.png" />
|
||
<style>
|
||
body {
|
||
background-color: #edecd8;
|
||
}
|
||
|
||
#container {
|
||
left: 0px;
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 100%;
|
||
}
|
||
|
||
#footer {
|
||
bottom: 0px;
|
||
left: 0px;
|
||
position: absolute;
|
||
width: 100%;
|
||
}
|
||
|
||
#question {
|
||
color: #52768a;
|
||
display: block;
|
||
font-family: serif;
|
||
font-size: 200%;
|
||
margin: 0px 20px 15px 20px;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
#new-question {
|
||
opacity: 0;
|
||
transition: opacity 1s ease-in 0.5s;
|
||
}
|
||
|
||
a {
|
||
color: #bbb8ae;
|
||
display: block;
|
||
font-family: sans-serif;
|
||
padding: 10px;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
vertical-align: middle;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="container">
|
||
<p id="question">Please enable JavaScript.</p>
|
||
<a id="new-question" href="">new question</a>
|
||
</div>
|
||
<div id="footer">
|
||
<a href="">about</a>
|
||
</div>
|
||
<script>
|
||
|
||
// Questions
|
||
const questions = [
|
||
"Are you a cat person or a dog person?",
|
||
"Are you a lasagne or a tortellini person?",
|
||
"Did you know that nutmeg has a halucinogenic effect?",
|
||
"Did you know that the stripes of a zebra protect it from mosquitoes?",
|
||
"Do you like being asked stupid questions?",
|
||
"Do you sympathize more with the Empire or the Rebels?",
|
||
"Do you think conversation starter questions are stupid?",
|
||
"How do you feel about putting pineapple on pizza?",
|
||
"If animals could talk, which would be the rudest?",
|
||
"If peanut butter wasn’t called peanut butter, what would it be called?",
|
||
"If you were transported 400 years into the past with no clothes or anything else, how would you prove that you were from the future?",
|
||
"If you were wrongfully put into an insane asylum, how would you convince them that you’re actually sane and not just pretending to be sane?",
|
||
"Is a hotdog a sandwich?",
|
||
"Is cereal soup?",
|
||
"Toilet paper, over or under?",
|
||
"What are some fun and interesting alternatives to war that countries could settle their differences with?",
|
||
"What did you miss most during the Covid-19 pandemic?",
|
||
"What do you normally do for fun?",
|
||
"What hat would you wear right now if it were fashionable to wear one at every opportunity?",
|
||
"What mythical creature would improve the world most if it existed?",
|
||
"What secret conspiracy would you like to start?",
|
||
"What set of items could you buy that would make the cashier the most uncomfortable?",
|
||
"What sport would be the funniest to add a mandatory amount of alcohol to?",
|
||
"What two totally normal things become really weird if you do them back to back?",
|
||
"What will finally break the internet?",
|
||
"What would be the coolest animal to scale up to the size of a horse?",
|
||
"What would you name your boat if you had one?",
|
||
"What would you name your spaceship if you had one?",
|
||
"What’s invisible but you wish people could see?",
|
||
"What’s something that everyone looks stupid doing?",
|
||
"What’s the best Wi-Fi name you’ve seen?",
|
||
"What’s the dumbest way you have been injured?",
|
||
"What’s the funniest joke you know by heart?",
|
||
"What’s the most ridiculous fact you know?",
|
||
"What’s the most useless talent you have?",
|
||
"What’s the weirdest smell you have ever smelled?",
|
||
"What’s the weirdest thing you have seen in someone else’s home?",
|
||
"What’s the worst purchase you have ever made?",
|
||
"What’s your animal of the day?",
|
||
"What’s your favourite Austin Powers movie?",
|
||
"What’s your favourite Gilmore Girls episode?",
|
||
"What’s your favourite beer brewery?",
|
||
"What’s your favourite drink?",
|
||
"What’s your favourite food?",
|
||
"What’s your hidden talent?",
|
||
"What’s your net income?",
|
||
"What’s your preferred spaghetti sauce?",
|
||
"Which body part do you wish you could detach and why?",
|
||
"Which fruit describes you best?",
|
||
"Would you rather be always 15 minutes late or always 30 minutes early?",
|
||
"Would you rather have drill-hands or rollerblade-feet?",
|
||
"Would you take the red pill or the blue pill?",
|
||
"You’re a mad scientist, what scientific experiment would you run if money and ethics weren’t an issue?",
|
||
];
|
||
|
||
// Get random question
|
||
let question = questions[Math.floor(Math.random() * questions.length)];
|
||
|
||
// Sleep function
|
||
const sleep = (delay) => new Promise((resolve) => setTimeout(resolve, delay));
|
||
|
||
// Function which types the question
|
||
const typeQuestion = async () => {
|
||
for (let i = 0; i <= question.length; i++) {
|
||
document.getElementById("question").innerHTML = question.slice(0, i);
|
||
await sleep(50);
|
||
}
|
||
document.getElementById("new-question").style.opacity = "1";
|
||
}
|
||
|
||
typeQuestion();
|
||
</script>
|
||
</body>
|
||
</html>
|