-
Notifications
You must be signed in to change notification settings - Fork 0
/
creditos.html
289 lines (286 loc) · 18.3 KB
/
creditos.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
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Inmaculada Pérez-Martín">
<meta name="author" content="Juan Signes-Codoñer">
<meta name="author" content="Jesús Polo-Arrondo">
<meta name="author" content="Paula Caballero-Sánchez">
<meta name="author" content="Carmen García-Bueno">
<meta name="keywords" content="Eustacio de Tesalónica, Dionisio de Alejandría, Periégesis, geografía antigua">
<meta name="description"
content="Página del proyecto de investigación 'El mundo según Homero: de Dionisio Periegeta a Eustacio de Tesalónica', Madrid, España">
<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap&subset=greek,greek-ext"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script src="https://kit.fontawesome.com/ac39874428.js" crossorigin="anonymous"></script>
<script src="js/modo_oscuro.js"></script>
<title>Créditos</title>
</head>
<body>
<!-- Barra de navegación en la cabecera -->
<nav class="navbar navbar-expand-md bg-light navbar-light sticky-top">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#barraNavegacionColapsada"><span
class="navbar-text">Menú</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="barraNavegacionColapsada">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html" title="Página de inicio">Inicio</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Proyecto</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./proyecto.html" title="Conocer el proyecto">Sobre el proyecto</a>
<a class="dropdown-item" href="./proyecto.html#miembros"
title="Conocer a los integrantes del proyecto">Miembros</a>
<a class="dropdown-item" href="./proyecto.html#cronograma" title="Vida del proyecto">Historia</a>
<a class="dropdown-item" href="./proyecto.html#recursos"
title="Enlaces a otros materiales generados en el proyecto">Recursos</a>
</div>
</li>
<!--Esto es otro menú desplegable. Hay que cambiar el valor de href="" por la url de la página. Si no hay ninguna, el valor es # -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Dionisio Periegeta</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./dionisioperiegeta.html" title="Conocer al autor">El autor y la obra</a>
<a class="dropdown-item disabled" href="#" title="Explorar la traducción">texto en castellano</a>
<a class="dropdown-item" href="./periegesis.html" title="Explorar el texto original">texto en griego</a>
<a class="dropdown-item" href="./manuscritos.html" title="Conocer la transmisión textual">manuscritos</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Eustacio de Tesalónica</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./eustaciodetesalonica.html" title="Conocer al autor">El autor y la obra</a>
<a class="dropdown-item" href="./comentario.html" title="Explorar la traducción">texto en castellano</a>
<a class="dropdown-item" href="./eustaciogr.html" title="Explorar el texto original">texto en griego</a>
<a class="dropdown-item" href="./manuscritos.html" title="Conocer la transmisión textual">manuscritos</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Mapas interactivos</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="http://sigyhd.cchs.csic.es/el-mundo-segun-homero/"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador con el mapa"
target="_blank"><em>Periégesis</em> de Dionisio</a>
<a class="dropdown-item" href="https://recogito.pelagios.org/document/nok4yr1hvqiiwa/map"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador con el mapa"
target="_blank">Comentario de Eustacio</a>
<a class="dropdown-item" href="./mapas.html"
title="Aprenda más sobre los mapas antiguos y digitales">Mapas</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./geografia.html" title="Aprender sobre la geografía antigua y su transmisión">La
Geografía antigua</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./creditos.html"
title="Créditos, agradecimientos, licencia, y otros detalles técnicos">Créditos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="mailto:[email protected]?subject:Contacto desde la web"
title="Contactar con el proyecto">Contacto</a>
</li>
</ul>
</div>
<button class="btn" onclick="modo_oscuro()" title="Invertir colores"><i class="fas fa-palette"></i></button>
</nav>
<!--Esta es la cabecera. Se puede sustituir por una imagen -->
<header>
<div class="flex-container">
<div class="jumbotron" id="cabecera">
<h1>El vuelo de Hermes</h1>
<h2>Proyecto de investigación</h2>
</div>
</div>
</header>
<!--Esto es el contenido de la página -->
<main class="container">
<section id="agradecimientos">
<h2>Agradecimientos</h2>
<p>El proyecto agradece a <strong>Adriano Muñoz Pascual</strong> su predisposición para la reutilización en este
proyecto de los resultados obtenidos en su tesis de doctorado sobre Dionisio de Alejandría y su
<em>Periégesis</em> (<a href="https://digitum.um.es/digitum/handle/10201/29902"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador" target="_blank"
itemprop="url">Repositorio digital de la <abbr title="Universidad de Murcia">UM</abbr></a>).</p>
</section>
<section id="licencia">
<h2>Licencias de uso y citas</h2>
<p>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Licencia de Creative Commons"
style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"
class="img-center" /></a><br />El contenido de <span xmlns:dct="http://purl.org/dc/terms/"
property="dct:title"><strong>El vuelo de Hermes</strong>. Página del proyecto de investigación <em>El mundo
según Homero: de Dionisio Periegeta a Eustacio de Tesalónica</em></span> se ofrece bajo una <a rel="license"
href="http://creativecommons.org/licenses/by-sa/4.0/">licencia internacional Creative Commons
Reconocimiento-CompartirIgual 4.0</a>, aplicable a los contenidos creados por <span
xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">I. Pérez Martín; J. Signes Codoñer; J.
Polo Arrondo; P. Caballero Sánchez y C. García Bueno</span> y salvo indicación expresa de materiales amparados
por otras licencias o Copyright.
</p>
<p class="resto">En caso de duda, póngase en contacto con el equipo a través del correo electrónico
elvuelodehermes @ gmail.com</p>
</section>
<section id="cita">
<h3>Cómo citar esta página o su contenido</h3>
<article>
<ul>
<li>La página completa:
<blockquote>Pérez Martín, Inmaculada, et. al. <em>El vuelo de Hermes. Proyecto de investigación</em>, 2021,
elvuelodehermes.github.io.</blockquote>
</li>
<li>Una parte de la misma:
<blockquote>Apellidos, Nombre. «Título del contenido». <em>El vuelo de Hermes. Proyecto de
investigación</em>, fecha de publicación (véase más abajo para las actualizaciones), url completa de la
página del extracto.</blockquote>
<p class="resto">Por ejemplo:</p>
<blockquote>Caballero Sánchez, Paula. «La transmisión del texto. Paris, Bibliothèque nationale de France,
grec 2723». <em>El vuelo de Hermes. Proyecto de investigación</em>, 2021,
elvuelodehermes.github.io/manuscritos.html.</blockquote>
</li>
</ul>
<p class="resto">Para otros formatos de cita, se puede consultar, por ejemplo, el artículo «<span lang="en">MLA,
APA and Chicago Citation and Formatting Guides</span>» de la web <a
href="https://www.easybib.com/guides/citation-guides/"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador" target="_blank"
itemprop="url">EasyBib</a>.</p>
</article>
</section>
<h2>Información técnica</h2>
<section id="tecnologia">
<p>En este proyecto estamos comprometidos con la accesibilidad para que los resultados de nuestra investigación
estén al alcance de todos los usuarios de Internet, independientemente de si sufren alguna discapacidadd, de sus
habilidades y conocimientos del medio electrónico o de la tecnología utilizada. Por ello, hemos procurado
diseñar una página <em>responsive</em> para que se pueda visualizar correctamente en diferentes dispositivos e
igualmente utilizar un marcado que facilite su lectura no solo a las máquinas sino, sobre todo, a las personas.
Por ejemplo, es posible invertir el color del fondo y del texto a una combinación negro-blanco. Para ello, basta
con hacer clic en el icono con forma de paleta de pintor situado en la barra de menú superior, en la esquina
superior derecha de la pantalla. Al hacer clic de nuevo en él se recupera la configuración original
blanco-negro. Hemos utilizado las etiquetas <alt> en imágenes, <title> en enlaces para explicar su
reacción o describir su contenido, y <abbr> para explicar las abreviaturas que se encuentran en algunas
partes del texto o para indentificar abreviadamente a los autores del contenido. Para hacer uso de esta ayuda,
basta con pasar el cursor por encima de cualquier palabra o sintagma que vea que esté subrayado y en color azul
(en el caso de los enlaces) o por los nombres de la barra de menú superior (si tienen un triangulito a su
izquierda significa que son un menú desplegable; el contenido de ese menú sí le mostrará el texto de ayuda), y
aparecerá un <em>pop-up</em> con una explicación sucinta de su contenido, o bien por aquellos que tiene una
línea punteada debajo (de esta manera: <span class="subpunt">soy una explicación</span>) y aparecerá un pequeño
<em>pop-up</em> con la abreviatura expandida. Para saber más sobre accesibilidad web, se puede consultar la <a
href="http://accesibilidadweb.dlsi.ua.es/"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador" target="_blank"
itemprop="url">página de Sergio Luján Mora</a>, profesor de la <abbr
title="Universidad de Alicante/Universitat d'Alacant">UA</abbr>.</p>
<p class="resto">Esta página utiliza los estándares <a href="https://html.spec.whatwg.org/"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador" target="_blank"
itemprop="url">HTML5</a> y <a href="https://www.w3.org/Style/CSS/Overview.en.html"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador" target="_blank"
itemprop="url">CSS3</a> y la tecnología <a
href="https://getbootstrap.com/docs/4.6/getting-started/introduction/"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador" target="_blank">Bootstrap4</a>.
Para añadir interacción se utilizan algunos <span lang="en"><em>sripts</em></span> de <a
href="https://www.javascript.com/"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador" target="_blank"
itemprop="url">JavaScript</a> y <a href="https://jquery.com/"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador" target="_blank"
itemprop="url">JQuery</a>. En algunas páginas hay marcado parcial con <a href="https://schema.org/"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador" target="_blank"
itemprop="url">schema.org</a>. Servirnos de estas tecnologías no solo acelera la carga de la página y mejora
su presentación; también asegurará su preservación, para que con el paso de los años siga siendo funcional y
accesible, así como la reutilización del contenido codificado y su transformación a otras tecnologías que puedan
existir en el futuro.</p>
<p class="resto">Nuestra investigación, sus herramientas y resultados están en continua actualización. Es por ello
que si detecta algún error de contenido o técnico le agradecemos que nos lo comunique para que, en la medida de
nuestras posibilidades, lo solventemos u ofrezcamos una alternativa de acceso al recurso. Para ello, puede
ponerse en contacto con nosotros a través del correo electrónico en la dirección
elvuelodehermes @ gmail.com.</p>
<p class="resto">Esta página no utiliza ninguna herramienta para recolectar datos o estadísticas de uso de los
visitantes de la página, ni almacena <span lang="en"><em>cookies</em></span> 🍪 propias o ajenas.</p>
<p class="resto">Del diseño y mantenimiento de esta página y de la actualización de sus contenidos se ha encargado
<a href="./proyecto.html#miembros" title="" target="_blank" itemprop="url">Carmen García Bueno</a>.</p>
</section>
<section id="actualizaciones">
<h3>Actualizaciones</h3>
<p>Esta página se publicó por primera vez el 18 de julio de 2021.</p>
</section>
</main>
<footer class="container">
<section id="carrusel-logos">
<div class="slideshow-container">
<div class="mySlides">
<div class="row justify-content-around align-items-center">
<div class="col-md-4 col-12">
<div id="fundacionBBVA">
<a href="https://www.fbbva.es" target="_blank"><img src="./img/logos/FundacionBBVA.svg"
class="img-responsive img-fluid" alt="logo Fundación BBVA"
title="Ir al sitio web de la Fundación BBVA"></a>
</div>
</div>
<div class="col-md-4 col-12">
<div class="wrap-img" id="SEEC">
<a href="http://www.estudiosclasicos.org/" target="_blank"><img src="./img/logos/SEEC.png"
class="img-responsive img-fluid" alt="logo Sociedad Española de Estudios Clásicos"
title="Ir al sitio web de la Sociedad Española de Estudios Clásicos"></a>
</div>
</div>
<div class="col-md-4 col-12">
<div class="wrap-img" id="CSIC">
<a href="http://www.csic.es" target="_blank"><img src="./img/logos/MCINN_CSIC.jpg"
class="img-responsive img-fluid" alt="logo CSIC y MCINN" title="Ir al sitio web del CSIC"></a>
</div>
</div>
</div>
</div>
<div class="mySlides">
<div class="row justify-content-around align-items-center">
<div class="col-md-4 col-12">
<div class="wrap-img" id="CCHS">
<a href="http://cchs.csic.es/" target="_blank"><img src="./img/logos/CCHS.png"
class="img-responsive img-fluid" alt="logo CCHS" title="Ir al sitio web del CCHS"></a>
</div>
</div>
<div class="col-md-4 col-12">
<div class="wrap-img" id="CCHS-ILC">
<a href="http://www.ilc.csic.es" target="_blank"><img src="./img/logos/CCHS_ILC.jpeg"
class="img-responsive img-fluid" alt="logo ILC" title="Ir al sitio web del ILC"></a>
</div>
</div>
<div class="col-md-4 col-12">
<div class="wrap-img" id="PTIMedHis"><a href="https://pti-medhis.csic.es/" target="_blank"><img
src="./img/logos/MedHis.jpg" class="img-responsive img-fluid" alt="logo PTI MedHis"
title="Saber más de la PTI MedHis"></a>
</div>
</div>
</div>
</div>
</div>
<div class="slideshow-controls" style="text-align:center">
<a class="prev" onclick="plusSlides(-1)" title="Ver más"><span aria="true"
class="far fa-arrow-alt-circle-left"></span></a>
<a class="next" onclick="plusSlides(1)" title="Ver más"><span aria="true"
class="far fa-arrow-alt-circle-right"></span></a>
</div>
</section>
<div class="row">
<div class="col text-center">
<p class="small">Para cuestiones técnicas relacionadas con este sitio web, por favor diríjase a
elvuelodehermes @ gmail.com<br>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Licencia de Creative Commons"
style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/80x15.png" class="img-center" /></a>
2023
</p>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="jquery/jquery-3.4.1.slim.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/slideShow.js"></script>
</body>
</html>