149 lines
7.6 KiB
HTML
149 lines
7.6 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="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAnxJREFUeJzt2jtoFEEcx/FP1ID4QjBEQYmdBnxgYyVYCIqoVbQQFBEsLGy0sBIE0cZO8VFYaGUjiEIQsREUCdYiPgoRjChJFI2Kgo/EYnNw2dytye7tzcXMFwZuhrn//P6/XW735j9EIpFIJBKZqbRNcl479mE31mNhaYqK8QVPcBPX8bsRQdfiBUanWXuGNUWTX4fhFkgmb/tcxIR2vGyBJIq252O51GROhgEHsCo1NoQreJPxvZB04TA6qsa6sR/XphrsrvFODowt0OqslFyoau138gR6mwpyqkECm8Fp47X315s4KyPIklT/dXFdTeNVqt9Rc5ZsA9LvCKO55TSftNa67ztZBswIogGhBYQmGhBaQGiiAaEFhCYaEFpAaKIBoQWEJhoQWkBoogGhBYQmGhBaQGiyDBhO9TvLFNJglqb6n/IEeWTi/vq8YrqawnwTK1kP603Oqgv0YlNVvxsPcEayY1yLQfV3YGdjQ8Z6jaALJ7A6Nd6bJ9hifDC1Ksy5OrHaJAWVEJWhQSzKYwBsl1RYixpwNlDyf7Arb/IV9uBbAQOOB0r+K3qKJl9hBS7i/RQNOISRJif+DhewfDKJTfaARDWdWCapuF6TlNArnMfRsc89uCH58avmKi7nWPdf/JLULwdKiF2XPrXvgC34YeLVuSX7ydN0yngT3IjbmJsav4+9GnRspVVI3wH31H50PsaCQBpLJW1ArfbUxEpzy1D2n6F+7MDHktfJTZkGDGGr1j1Og/IMGMY2ySGr/5pavwHfsTmkqGaSNuAndgZV1GSqDRjBwaBqAlBtwLHAWoJQMeBkaCGh6MOl0CJCckTcWY5EIpFIJDJN+Qu0sawQ1/y+jwAAAABJRU5ErkJggg==" />
|
||
<style>
|
||
body {
|
||
background-color: #edecd8;
|
||
}
|
||
|
||
#container {
|
||
left: 0px;
|
||
position: absolute;
|
||
text-align: center;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 100%;
|
||
}
|
||
|
||
#footer {
|
||
bottom: 0px;
|
||
left: 0px;
|
||
position: absolute;
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
|
||
#question {
|
||
color: #52768a;
|
||
font-family: serif;
|
||
font-size: 200%;
|
||
margin: 0px 20px 10px 20px;
|
||
}
|
||
|
||
#new-question {
|
||
opacity: 0;
|
||
transition: opacity 1s ease-in 0.5s;
|
||
}
|
||
|
||
a {
|
||
color: #bbb8ae;
|
||
display: inline-block;
|
||
font-family: sans-serif;
|
||
padding: 10px;
|
||
text-decoration: none;
|
||
}
|
||
</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="https://github.com/Deleh/socialize">about</a>
|
||
</div>
|
||
<script>
|
||
|
||
// Questions
|
||
const questions = [
|
||
"Are you a cat person or a normal person?",
|
||
"Are you into musicals?",
|
||
"Blueberry muffin, with ketchup or mustard?",
|
||
"Do you like bread?",
|
||
"Do you sympathize more with the Empire or the Rebels?",
|
||
"Do you think there are more doors or wheels in the world?",
|
||
"For which folk band would you like to be a roadie?",
|
||
"Have you ever been to work without pants?",
|
||
"How do you feel about beeing disadvantaged as a woman/privileged as a man in society?",
|
||
"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 could be born elsewhere and completely restart all of your experiences, where would you go?",
|
||
"If you could change one law of nature, what would it be and what would be the consequences?",
|
||
"If you could merge two different animals to create the ultimate animal, what two animals would it be and what would be their product?",
|
||
"If you could program one app, what would it be?",
|
||
"If you could replace all of the grass in the world with something else, what would it be and why?",
|
||
"If you had to go to jail for any reason, what would it be?",
|
||
"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?",
|
||
"If you would be a superhero with an unlikely power, would it be the ability to shoot meatballs out of your nostrils or the power to create force fields but only around ants?",
|
||
"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 are your thoughts on raisins?",
|
||
"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 occasion?",
|
||
"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 be your weapon of choice in a zombie apocalypse?",
|
||
"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 favorite sock color?",
|
||
"What’s your favorite thing to spend on or would love to spend on?",
|
||
"What’s your favourite Austin Powers movie?",
|
||
"What’s your favourite Gilmore Girls episode?",
|
||
"What’s your favourite beer brewery?",
|
||
"What’s your hidden talent?",
|
||
"What’s your net income?",
|
||
"Which body part do you wish you could detach and why?",
|
||
"Which company will put advertising on the moon first?",
|
||
"Which fruit describes you best?",
|
||
"Which sport do you think they’ll invent next?",
|
||
"Which three records do you take with you to a desert island?",
|
||
"Would you rather be always 15 minutes late or always 30 minutes early?",
|
||
"Would you rather brush your teeth with a toilet brush or clean the toilet with your toothbrush?",
|
||
"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>
|