-
Notifications
You must be signed in to change notification settings - Fork 0
/
detalle-Camino.html
85 lines (81 loc) · 5.11 KB
/
detalle-Camino.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" media="screen" href="style.css" />
<title>Camino de los reyes</title>
</head>
<body>
<a class="sr-only" href="#main">Saltar al contenido principal</a>
<header>
<h1>PEC - Tributo a Brandon Sanderson</h1>
<img srcset="img/cosmere-icon_300px.png 90w,
img/cosmere-icon_600px.png 180w,
img/cosmere-icon_900px.png 270w,
img/cosmere-icon.png 1200w"
sizes="(max-width: 400px) 90px,
(max-width: 700px) 180px,
(max-width: 1000px) 270px,
1200px"
src="img/cosmere-icon.png" alt="logo con un sol en el centro dentro de un circulo con picos formados por 4 cuartos de circunferencia"
id="logo"
width ="270" height="270">
<div class="container">
<nav>
<ul>
<li><a href="#">Biografía</a></li>
<li><a href="#cosmere">Cosmere</a></li>
<li><a href="index.html">Inicio</a></li>
<li><a href="#">Otras obras</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
</div>
</header>
<main id="main">
<h2>Camino de los reyes</h2>
<div id="migas"><a href="index.html">Inicio </a>/ <a href="index.html"><cite>El archivo de las tormentas</cite></a>/<cite>Camino de los reyes</cite></div>
<img srcset="img/CaminoReyes_300px.jpg 300w,
img/CaminoReyes_600px.jpg 600w,
img/CaminoReyes_900px.jpg 900w,
img/CaminoReyes.jpg 1200w"
sizes="(max-width: 400px) 300px,
(max-width: 700px) 600px,
(max-width: 1000px) 900px,
1200px"
src="img/CaminoReyes.jpg" alt="Portada de Camino de reyes"
class = "portada"
width="1300" height="2005"/>
<p><cite>El camino de los reyes</cite> es una novela épica de fantasía escrita por el autor Brandon Sanderson publicada en 2010 originalmente y traducida al español por la editorial Nova en 2012. Es el primer volumen de lo que el mismo autor ha anunciado que será una decalogía llamada <cite>Archivo de tormentas</cite>. El camino de los reyes está emplazado en el universo mitológico de Sanderson llamado Cosmere, que incluye gran parte de su obra.</p>
<p>Esta novela tiene tres personajes principales a los que se da voz alternando capítulos centrados en ellos y muchos secundarios algunos de ellos explorados en los interludios. Además incluye unos epígrafes al inicio de cada capítulo que dan pistas e información adicional sobre la novela y el Cosmere.</p>
<picture>
<source media="(max-width: 599px)" srcset="img/kholin_small.jpg">
<source media="(min-width: 600px)" srcset="img/kholin.jpg">
<img src="img/kholin.jpg" alt="Dalinar y Adolin Kholin" width="735" height="936"/>
</picture>
<p>El prólogo del libro muestra un mundo en el que acaban de terminar las desolaciones, una serie de catástrofes de origen sobrenatural para saltar a una época miles de años después en la que el rey de los Alezi, llamado Gavilar Kholin, está a punto de cerrar un tratado con una raza llamada Parshendi en una noche de fiesta que se ve interrumpida por el asesinato del monarca lo que causará una guerra entre ambas razas. Tras esto veremos cómo avanza la guerra de mano de tres personajes, un esclavo que es sentenciado a trabajar en la casta más baja del ejército, uno de los príncipes guerreros y hermano del difunto monarca y una joven que trata de recuperar a su familia de la ruina mediante un robo. La novela avanzará para ir mostrando cómo las normas de la magia están regresando al mundo y acercando de nuevo las desolaciones.</p>
<img src="img/Tormentas.gif" alt="tormenta al fondo con caballero en primer plano"/>
</main>
<footer id="footer">
<div id="container-footer">
<div class="subcontainer-footer">
<a href="#">Sobre nosotros</a>
<a href="#">Aviso legal</a>
<a href="#">Política de privacidad</a>
</div>
<figure class="image-clip">
<img src="img/sanderson_grey.jpg" alt="Foto de Brandon Sanderson en blanco y negro" width="134" height="150"></img>
<img src="img/sanderson_red.jpg" alt="Foto de Brandon Sanderson en rojo" width="134" height="150"></img>
</figure>
<div class="subcontainer-footer">
<a href="#">Facebook</a>
<a href="#">Twitter</a>
<a href="#">Youtube</a>
</div>
</div>
<p>© 2020 Samuel López Menéndez. Trabajo realizado para la asignatura herramientas HTML y CSS. Primer semestre del curso 2020-2021</p>
<p>Textos elaborados a partir de la información consultada en <a href="https://es.wikipedia.org/wiki/Brandon_Sanderson">Wikipedia</a></p>
</footer>
</body>
</html>