-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (139 loc) · 7.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<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>