-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (103 loc) · 3.46 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
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<style>
.desaparecer {
transition: opacity 1s ease-out;
}
body {
background-color:rgb(226, 226, 241)
}
p, h1 {
text-align:center;
}
.container {
height: 100%;
width:100%;
}
</style>
<body onload=" iniciar()" id="todo">
<header class="desaparecer">
<h1>Pasillo</h1>
</header>
<div class="container">
<article >
<div class="row justify-content-md-center">
<div class="col justify-content-md-center">
<br>
<p id="pregunta" class="display-4">Tocá y respondé</p>
</div>
</div>
</article>
<footer class="desaparecer">
<p><a href="about.html">¿Qué es pasillo.com.ar?</a></p>
</footer>
</div>
</body>
<script>
let preguntas =[
"¿Cómo te ves de acá a 5 años?",
"Un hobby.",
"Un recuerdo de tu infancia.",
"¿Que es lo que más te gustaría hacer en la Iglesia?",
"¿Cuál es tu lema para esta vida?",
"¿Qué significa el paraíso para vos?",
"¿Cuándo sentiste a Dios más presente?",
"¿Qué Santo te inspira?",
"¿Cómo es tu relación con tu familia?",
"¿Qué es lo primero que hacés cuando te despertás?",
"¿Cuál es tu último pensamiento a la noche?",
"Una comida favorita.",
"Deporte o película/serie.",
"¿Quién te acercó más a la Fe?",
"¿Que comi o apostolado del MVG te gusta más?",
"¿En qué consiste tu desayuno?",
"¿Qué charla te gustó más de tu jornada?",
"¿Guitarra o ukelele?",
"¿Playa o montaña?",
"Lo que más te cuesta del trabajo.",
"Lo que más te cuesta del rodaje.",
"¿Qué es lo mejor del MVG?",
"¿Cuándo fue la última vez que lloraste?",
"Tu mayor miedo.",
"¿Qué le criticás a la Iglesia?",
"¿Qué es el amor para vos?",
"¿Cuándo sentís que amás sin medida?",
"¿Qué estoy dispuesto a entregarle a Dios?",
"¿Qué es lo me cuesta entregarle a Dios?",
"¿Me veo casado? ¿Con hijos?",
"¿Que lugar ocupa el dinero en mi vida?",
"¿Qué significa el trabajo para mí",
"¿Creo que el mundo está más difícil que años antes?",
"¿Me importa la ecología? ¿Cómo cuido la Creación de Dios?",
"¿Creo en el infierno?",
"¿Qué significa la libertad?",
"¿Qué es la justicia?",
"¿Cuánto le dedico a las redes sociales en mi día? ¿Y al whatsapp?",
"¿Que es la dignidad?",
"¿Cómo es mi relación con quienes no creen en Dios?",
"¿Qué es el éxito para mi?",
"¿Qué es la felicidad?",
"¿Alguna vez te planteaste la vocación religiosa?"
]
function iniciar(){
let pPregunta = document.getElementById("pregunta")
document.getElementsByClassName("container").item(0).addEventListener("click",function(e){
let tPregunta=preguntas[Math.floor(Math.random()*preguntas.length)]
console.log(tPregunta)
pPregunta.innerHTML=tPregunta
for(let e of document.getElementsByClassName("desaparecer")){
e.style.opacity=0
}
setTimeout(function desaparecerlos(){
for(let e of document.getElementsByClassName("desaparecer")){
e.style.visibility="hidden"
}
},1000)
})
}
window.onload = (event) => {
iniciar()
};
</script>