forked from Adalab/project-clarke-s3-jarcode
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
271 lines (251 loc) · 11.7 KB
/
test.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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<title>Micromachismos</title>
</head>
<body class="home_template">
<header class="header_style">
<div class="logo_box">
<a href="index.html"><img src="images/Logo_Micro.png" alt="Micromachismos" class="microlog"></a>
</div>
<a id="xButton" onclick="openClose()"><span class="menu-trigger"></span></a>
<nav id="navigation">
<ul class="menu">
<li class="menu_item">Recursos
<ul class="submenu">
<li class="item"><a class="header_link" href="comic.html">Cómic</a></li>
<li class="item"><a class="header_link" href="books.html">Libros</a></li>
<li class="item"><a class="header_link" href="films.html">Películas</a></li>
</ul>
</li>
<li class="menu_item">Formularios
<ul class="submenu">
<li class="item"><a class="header_link" href="test.html">Test</a></li>
<li class="item"><a class="header_link" href="relatos.html">Relatos</a></li>
</ul>
</li>
<li class="menu_item">Personas
<ul class="submenu">
<li class="item"><a class="header_link" href="personajes.html">Youtubers</a></li>
<li class="item"><a class="header_link" href="twitter.html">Tuitstars</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<!--TEST ¿ERES MACHISTA?-->
<main>
<form class="formulary" action="index.html" method="post">
<h3 class="test_title">¿Sufres o alguna vez has sufrido micromachismo? ¿Eres machista?</h3>
<div class="container-test">
<div class="odd">
<div class="questions">
<p>1.- Estas con un grupo de amigas o conocidas y alguna de ellas te dice:
“¿Tu pareja ayuda en casa? Que suerte tienes”</p>
</div>
<div>
<label for="question1"></label>
<input class="test_input" type="radio" value="0" name="question1"> a) Si, pero yo no pienso de la misma manera y rebato su frase.
</div>
<div>
<label for="question1"></label>
<input class="test_input" type="radio" value="1" name="question1"> b) Si, y estoy totalmente de acuerdo en la suerte que tengo al tener una pareja que me ayude en las tareas del hogar.
</div>
<div>
<label for="question1"></label>
<input class="test_input" type="radio" value="2" name="question1"> c) No, mis amigas cercanas y conocidas no me dijeron esa frase.
</div>
</div>
<div class="even">
<div class="questions">
<p>2.- Estas con un grupo de amigos porque has salido a tomar algo, ese día has decidido ponerte para la ocasión una minifalda, y uno o varios de esos amigos te dicen: “Mucha minifalda pero luego nos quejamos si nos tocan el culo por la calle”</p></div>
<div>
<label for="question2"></label>
<input class="test_input" type="radio" value="0" name="question2"> a) En alguna ocasión al salir de fiesta algún amigo tuvo ese comentario.
</div>
<div>
<label for="question2"></label>
<input class="test_input" type="radio" value="1" name="question2"> b) Si, cada vez que me pongo una minifalda mis amigos me lo dice.
</div>
<div>
<label for="question2"></label>
<input class="test_input" type="radio" value="2" name="question2"> c) No, mis amigos opinan que cada uno puede ir vestido como quiera.
</div>
</div>
<div class="odd">
<div class="questions">
<p>3.- Vas conduciendo o ves a alguien conducir y has escuchado decir: “Mujer al volante…”.</p></div>
<div>
<label for="question3"></label>
<input class="test_input" type="radio" value="0" name="question3"> a) Si, me lo han dicho y también he escuchado decirselo a otras personas, pero no eran conocidos mios.
</div>
<div>
<label for="question3"></label>
<input class="test_input" type="radio" value="1" name="question3"> b) Si, mis amigos lo dicen constantemente.
</div>
<div>
<label for="question3"></label>
<input class="test_input" type="radio" value="2" name="question3"> c) No, no lo he escuchado y no me lo han dicho.
</div>
</div>
<div class="even">
<div class="questions">
<p>4.- Estas en un debate con conocidos y/o amigos hablando sobre la igualdad de las mujeres y hombres y alguien dice: “Todas las feministas son lesbianas”.</p></div>
<div>
<label for="question4"></label>
<input class="test_input" type="radio" value="0" name="question4"> a) Si, mis amigos cada vez que saco el tema de la igualdad me lo dicen.
</div>
<div>
<label for="question4"></label>
<input class="test_input" type="radio" value="1" name="question4"> b) Si, en alguna ocasión escuche como se lo decían a una conocida.
</div>
<div>
<label for="question4"></label>
<input class="test_input" type="radio" value="2" name="question4"> c) No, mis amigos piensan que las mujeres y los hombres somos iguales.
</div>
</div>
<div class="odd">
<div class="questions">
<p>5.- Un compañero de trabajo o amigo te llama constantemente, incluso a horas inoportunas y alguien te dice: “No es acoso, es que le gustas mucho”.</p></div>
<div>
<label for="question5"></label>
<input class="test_input" type="radio" value="0" name="question5"> a) No, nunca me he encontrado en esa situación.
</div>
<div>
<label for="question5"></label>
<input class="test_input" type="radio" value="1" name="question5"> b) Si, un amigo me lo dijo cuando un compañero de trabajo o un amigo me acosaba.
</div>
<div>
<label for="question5"></label>
<input class="test_input" type="radio" value="2" name="question5"> c) Si, un conocido me afirmo que eso no es ninguna clase de acoso.
</div>
</div>
<div class="even">
<div class="questions">
<p>6.- Vas por la calle andando y alguien te silba y te dice lo buena que estas y después de protestar te dicen: “Las mujeres de hoy en día no sabéis aceptar un piropo”.</p></div>
<div>
<label for="question6"></label>
<input class="test_input" type="radio" value="0" name="question6"> a) Si, en muchas ocasiones me lo han dicho y me he dado la vuelta para rebatir lo que me han dicho.
</div>
<div>
<label for="question6"></label>
<input class="test_input" type="radio" value="1" name="question6"> b) Si, sigo caminando como si no me dijesen nada.
</div>
<div>
<label for="question6"></label>
<input class="test_input" type="radio" value="2" name="question6"> c) No, no me han silbado ni dicho piropos por la calle.
</div>
</div>
<div class="odd">
<div class="questions">
<p>7.- Estas con un grupo de amigos en una casa y se ponen a jugar a un videojuego y tu dices que quieres jugar, de repente alguien dice:“¿Pero te gustan los videojuegos?”</p></div>
<div>
<label for="question7"></label>
<input class="option_a test_input" type="radio" value="question7" name="question7"> a) Si, he indico que quiero seguir jugando.
</div>
<div>
<label for="question7"></label>
<input class="option_b test_input" type="radio" value="question7" name="question7"> b) Si, pero al decirme eso me doy la vuelta y no juego.
</div>
<div>
<label for="question7"></label>
<input class="option_c test_input" type="radio" value="question7" name="question7"> c) No, jugamos a los videojuegos juntos, de hecho me llaman para jugar.
</div>
</div>
<div class="even">
<div class="questions">
<p>8.- Coincides en la entrada de un edificio con un hombre y una mujer, abres la puerta y cedes el paso a ambos. La mujer entra directamente.</p></div>
<div>
<label for="question8"></label>
<input class="test_input" type="radio" value="0" name="question8"> a) El hombre intenta cederte el paso a ti, pero al tu insistir en que él entre primero, entra y te lo agradece.
</div>
<div>
<label for="question8"></label>
<input class="test_input" type="radio" value="1" name="question8"> b) El hombre se niega en redondo a que tú como mujer le cedas el paso.
</div>
<div>
<label for="question8"></label>
<input class="test_input" type="radio" value="2" name="question8"> c) El hombre entra directamente agradecido.
</div>
</div>
<div class="odd">
<div class="questions">
<p>9.- Te encuentras en una discusión de pareja y él no sabe muy bien de donde viene el conflicto.</p></div>
<div>
<label for="question9"></label>
<input class="test_input" type="radio" value="0" name="question9"> a) Te pregunta qué es lo que pasa y habláis claramente del tema.
</div>
<div>
<label for="question9"></label>
<input class="test_input" type="radio" value="1" name="question9"> b) Te mira con cara de póker y dice: “Es ese día del mes, ¿verdad?”, aún así intenta entender qué pasa dialogando.
</div>
<div>
<label for="question9"></label>
<input class="test_input" type="radio" value="2" name="question9"> c) Mira para otro lado esperando a que “la histeria” se te pase.
</div>
</div>
<div class="even">
<div class="questions">
<p>10.- A tu hijo de ocho años le encanta jugar con tus utensilios de conina.</p></div>
<div>
<label for="question10"></label>
<input class="test_input" type="radio" value="0" name="question10"> a) Evitas que lo haga porque los artículos de cocina no son para jugar.
</div>
<div>
<label for="question10"></label>
<input class="test_input" type="radio" value="1" name="question10"> b) Evitas que lo haga porque los chicos no deberían jugar a las cocinitas.
</div>
<div>
<label for="question10"></label>
<input class="test_input" type="radio" value="2" name="question10"> c) Le compras un set de cocina de juguete en cuanto tienes ocasión.
</div>
</div>
<div>
<button class="btn_result" type="button" name="button">Resultado</button>
<div class="solution"><p class="resultado"></p></div>
</div>
</div>
</form>
<section><!--scroll button-->
<div class="scroll" >
<i class="fa fa-sm fa-chevron-up"></i>
</div>
</section>
</main>
<!--FOOTER-->
<footer class="content">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-6 col-lg-3">
<div class="component copy">
<p>jarcode©2018</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3">
<div class="component form">
<a href="contact.html" class="link" target="_blank">Contáctanos</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3">
<div class="component logofmp">
<a href="http://fmujeresprogresistas.org/" target="_blank"><img class="logo" src="images/logoFMP.jpg" alt="logo FMP"></a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3">
<div class="component adalab">
<a href="http://adalab.es/" class="adalab" target="_blank"><img class="logoAdalab" src="images/logoAdalab.png" alt="logo Adalab"></a>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="js/test.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/scroll.js"></script>
</body>
</html>