This repository has been archived by the owner on Feb 11, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·167 lines (162 loc) · 8.77 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html class="no-js" lang="es">
<head>
<!-- Metadata -->
<meta charset="UTF-8" />
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Last-Modified" content="0">
<meta http-equiv="Cache-Control" content="no-cache, mustrevalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; ISO-8859-1" />
<meta name="DC.Language" scheme="RFC1766" content="Spanish" />
<meta name="AUTHOR" content="JIVANU Inc." />
<meta name="REPLY-TO" content="jivanu.inc@gmail.com" />
<meta name="DESCRIPTION"
content="Aplicación de juego para el concurso de Gamificación de la Fundación MAPFRE Guanarteme" />
<meta name="KEYWORDS" content="Gamificacion,mapfre,jivanu" />
<meta name="Resource-type" content="Homepage" />
<meta name="DateCreated" content="Fri, 15 April 2022 00:00:00 GMT+1" />
<meta name="robots" content="NOFOLLOW" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Favicon -->
<link rel="shortcut icon" href="./favicon.ico" />
<!-- Title -->
<title>Gamificación</title>
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
<!-- Bootstrap Icons CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<!-- CSS -->
<link rel="stylesheet" href="estilos/style.css" />
<link rel="stylesheet" href="" id="theme" />
<!-- CSS Colorblind -->
<link rel="stylesheet" href="" id="colorblind_css" />
<!-- Cookies Message -->
<link rel="stylesheet" href="./estilos/cookiesMessage.css? 1">
<script>
alert("Si tiene problemas para ver el juego, por favor, recargue sin la caché.\n\n[*] Windows: Ctrl + F5\n\n[*] Mac: Cmd + Shift + R");
</script>
</head>
<body class="d-flex flex-column min-vh-100">
<div id="cookiesMessage"></div>
<div id="header">
<section id="home" class="hero-section-wrapper-5">
<header class="header header-6">
<div class="navbar-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="https://www.fundacionmapfreguanarteme.org/"
target="_blank">
<img class="img-fluid" src="media/imagenes/logo.jpg"
alt="Fundación MAPFRE Guanarteme" id="logo" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent6"
aria-controls="navbarSupportedContent6" aria-expanded="false"
aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent6">
<ul id="nav6" class="navbar-nav ms-auto">
<li class="nav-item mb-1">
<a href="#inicio" class="active" id="index">Inicio</a>
</li>
<li class="nav-item mb-1">
<a href="#documentos" class="" id="documents">Documentos</a>
</li>
<li class="nav-item">
<a href="#juego" class="" id="game">Juego</a>
</li>
</ul>
</div>
<div class="header-action d-flex">
<a href="#" data-bs-toggle="modal" data-bs-target="#accesibility">
<i class="bi bi-universal-access-circle"></i>
</a>
</div>
</nav>
</div>
</div>
</div>
</div>
</header>
</section>
<!-- Modal accesibility -->
<div class="modal fade" id="accesibility" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true"
data-bs-keyboard="true">
<div class="modal-dialog">
<div class="modal-content text-center" id="modal_content">
<div class="modal-body">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel" style="font-size: 24px;">
Opciones
</h5>
</div>
<div class="modal-body black-text">
<h6 class="mb-3" style="font-size: 20px;">Tamaño de letra</h6>
<p>
<span class="smaller" style="font-size: 13px;">A</span>
<input type="range" min="13" max="20" value="16" step="1" class="slider" id="myRange"
style="font-size: 16px;">
<span class="bigger" style="font-size: 20px;">A</span>
<br />
<output id="outputRange" style="font-size: 16px;"></output>
</p>
<hr />
<h6 class="mb-3" style="font-size: 20px;">Tema</h6>
<p>
<button type="button" class="btn btn-outline-dark" value="light" id="themeButton"
style="font-size: 16px;">
<i class="bi bi-brightness-high"></i>
(Claro)
</button>
</p>
<hr />
<h6 class="mb-3" style="font-size: 20px;">Modo para daltónicos</h6>
<p>
<button type="button" class="btn btn-warning black-text-daltonic" value="0"
id="daltonicButton" style="font-size: 16px;">
<i class="bi bi-eyeglasses"></i> (Apagado)
</button>
</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal" id="close"
style="font-size: 16px;">
Salir
</button>
</div>
</div>
</div>
</div>
</div>
<section id="feature" class="feature-section feature-style-5">
</section>
<div id="footer" class="footer footer-style-4 mt-auto">
<footer class="footer footer-style-4 mt-auto">
<div class="copyright-wrapper">
<p>
Hecho con ❤️ por
<a href="https://github.com/JIVANU-Inc" target="_blank" rel="noopener noreferrer">JIVANU</a>
</p>
</div>
</footer>
</div>
<!-- JavaScript -->
<script charset="UTF-8" language="javascript" type="text/javascript" src="./scripts/jquery-3.6.0.min.js"></script>
<script charset="UTF-8" language="javascript" type="text/javascript" src="./scripts/cextapi.js"></script>
<script>
document.write("<s" + "cript type='text/javascript'src='./scripts/main.js?" + new Date().getTime() + "'></scr" + "ipt>");
</script>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>