-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmapas.html
269 lines (266 loc) · 14.8 KB
/
mapas.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
<!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>Mapas</title>
</head>
<body>
<!-- Barra de navegación en la cabecera -->
<nav class="navbar navbar-expand-sm 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:elvuelodehermes@gmail.com?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>
<main class="container">
<!--Esto es un comentario -->
<div class="container">
<h2>Del mundo imaginado a la imagen del mundo</h2>
<section id="intro_mapas">
<h3>Introducción</h3>
<p>Los mapas interactivos que presentamos se han elaborado con dos herramientas. Para el texto de Dionisio, la
<a href="http://unidadsig.cchs.csic.es/sig/" target="_blank"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador">Unidad <abbr
title="(de) Sistemas de Información Geográfica y Humanidades Digitales">SIGyHD</abbr></a> del <abbr
title="Centro de Ciencias Humanas y Sociales, Consejo Superior de Investigaciones Científicas">CCHS-CSIC</abbr>
ha utilizado la librería de código abierto <a href="https://openlayers.org/" target="_blank"
title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador">Openlayers</a>. Con el de
Eustacio, los miembros del proyecto han estado trabajando en <a href="https://recogito.pelagios.org/"
target="_blank" title="Al hacer clic en el enlace se abrirá una nueva pestaña en el navegador">Recogito</a>.
</p>
</section>
<section id="etiquetas">
<h3>Etiquetas</h3>
<h4>Mapa de la <em>Periégesis</em> de Dionisio</h4>
<p>En este mapa se utilizan las siguientes etiquetas:</p>
<ul>
<li>Cabo</li>
<li>Ciudad (cualquier núcleo poblacional mencionado)</li>
<li>Estrecho</li>
<li>Isla (tanto islas individuales como archipiélagos)</li>
<li>Mar</li>
<li>Montaña (tanto montañas como cordilleras)</li>
<li>Otros (recoge entidades que no se han incluido en las otras etiquetas: lagos, deltas, bosques, túmulos
funerarios, itsmos)</li>
<li>Pueblo (tanto grupos étnicos como habitantes de una ciudad)</li>
<li>Región (región, país o continente)</li>
<li>Río</li>
<li>Templo</li>
</ul>
<h4>Mapa del comentario de Eustacio</h4>
<p>En este mapa se utilizan las siguientes etiquetas:</p>
<ul>
<li>Accidente costero (engloba cabo, golfo, estrecho, puerto)</li>
<li>Accidente del relieve (incluye montaña, llanura, península, cordillera, valle...)</li>
<li>Accidente fluvial (engloba ríos, fuentes, manantiales, afluentes, cascadas, deltas o desembocaduras)</li>
<li>Archipiélago</li>
<li>Ciudad (cualquier núcleo poblacional mencionado)</li>
<li>Isla</li>
<li>Lago</li>
<li>Mar</li>
<li>Océano</li>
<li>Otros (donde se incluyen bosque, templo o tumba, por ejemplo)</li>
<li>Pueblo (engloba los <em>etnónimos</em>, que son aquellos nombres para los grupos de una misma región o
etnia, y los <em>gentilicios</em>, que designan a los habitantes de un núcleo poblacional en concreto. En
ocasiones pueden coincidir)</li>
<li>Región (región, país o continente)</li>
</ul>
<p class="resto">La aplicación además genera las dos siguientes etiquetas:</p>
<ul>
<li><span lang="en"><em>Multiple values</em></span>: indica que en una misma georreferencia se han etiquetado
dos o más entidades. A mayor tamaño del punto, más entidades incluye.</li>
<li><span lang="en"><em>No value</em></span>: indica entidades georreferenciadas a las que no se ha dado una
etiqueta en el campo correspondiente.</li>
</ul>
<p class="resto">El color de la etiqueta es aleatorio, lo establece la aplicación y el usuario no lo puede
cambiar. La presentación de la lista se ordena por peso, es decir, aparece en la parte superior la etiqueta
que se ha utilizado en más entidades.</p>
</section>
<section id="vocabulario">
<h3>Vocabulario</h3>
<p>Aunque la obra de Dionisio se presenta en verso, enlazando con la tradición épica homérica, no deja de tener
un matiz de texto técnico. Esto da pie a la aparición continua de una serie de palabras relacionadas con el
ámbito de la geografía, que el autor puede adaptar según exigencias del metro o por <span
lang="la"><em>variatio</em></span>.</p>
<dl>
<dt>Mares, océanos y lagos</dt>
<dd>
<span lang="el"><em>ἅλμη</em></span>,
<span lang="el"><em>πόντος</em></span>,
<span lang="el"><em>λίμνη</em></span>,
<span lang="el"><em>ὠκεανός</em></span>,
<span lang="el"><em>θάλασσα</em></span>,
<span lang="el"><em>πέλαγος</em></span>,
<span lang="el"><em>πόρος</em></span>,
<span lang="el"><em>ῥόος</em></span>,
<span lang="el"><em>οἶδμα</em></span>,
<span lang="el"><em>ἅλς</em></span>
<dd>
</dl>
</section>
</div>
</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>