denis/socialize
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

small CSS changes and new questions

Browse source
This commit is contained in:
Denis Lehmann 2021-08-23 00:40:59 +02:00
parent 4ced9e143d
commit 3d40d3d78c
1 changed files with 28 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

32
index.html
View file

@ -3,6 +3,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>socialize</title> <title>socialize</title>
<link rel="icon" type="image/png" href="./favicon.png" />
<style> <style>
body { body {
background-color: #edecd8; background-color: #edecd8;
@ -11,7 +12,7 @@
#container { #container {
left: 0px; left: 0px;
position: absolute; position: absolute;
top: 45%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
width: 100%; width: 100%;
} }
@ -27,14 +28,21 @@
color: #52768a; color: #52768a;
display: block; display: block;
font-size: 200%; font-size: 200%;
margin: 0px 20px 15px 20px;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
} }
#new-question {
opacity: 0;
transition: opacity 1s ease-in 0.5s;
}
a { a {
color: #bbb8ae; color: #bbb8ae;
display: block; display: block;
font-family: sans-serif; font-family: sans-serif;
padding: 10px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
vertical-align: middle; vertical-align: middle;
@ -44,18 +52,33 @@
<body> <body>
<div id="container"> <div id="container">
<p id="question">Please enable JavaScript.</p> <p id="question">Please enable JavaScript.</p>
<a href="">new question</a> <a id="new-question" href="">new question</a>
</div> </div>
<div id="footer"> <div id="footer">
<a href="">about</a> <a href="">about</a>
</div> </div>
<script> <script>
// Questions // Questions
const questions = [ const questions = [
"Are you a cat person or a dog person?",
"Do you like being asked stupid questions?",
"What did you miss most during the Covid-19 pandemic?", "What did you miss most during the Covid-19 pandemic?",
"What is your favourite food?", "What do you normally do for fun?",
"What is the dumbest way you have been injured?",
"What is the most useless talent you have?",
"What is the worst purchase you have ever made?",
"What is your favourite Gilmore Girls episode?", "What is your favourite Gilmore Girls episode?",
"What is your favourite beer brewery?",
"What is your favourite drink?",
"What is your favourite food?",
"What is your hidden talent?",
"What is your preferred spaghetti sauce?",
"What will finally break the internet?",
"What would you name your boat if you had one?",
"What would you name your spaceship if you had one?",
"Would you rather be always 15 minutes late or 30 minutes early?",
"Would you rather have drill-hands or rollerblade-feet?",
]; ];
// Get random question // Get random question
@ -70,6 +93,7 @@
document.getElementById("question").innerHTML = question.slice(0, i); document.getElementById("question").innerHTML = question.slice(0, i);
await sleep(50); await sleep(50);
} }
document.getElementById("new-question").style.opacity = "1";
} }
typeQuestion(); typeQuestion();