-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaficiones.html
99 lines (97 loc) · 7.21 KB
/
aficiones.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>UO255479 - Aficiones</title>
<meta name="author" content="Cristina Martín Rey" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Hojas de estilo -->
<link rel="stylesheet" href="css/uikit.css"/>
<link rel="stylesheet" href="css/main.css"/>
<!-- Scripts -->
<script src="js/uikit.js"></script>
<script src="js/uikit-icons.js"></script>
</head>
<body>
<header class="uk-width-1-1 uk-text-center">
<h1 class="uk-heading-medium">Cristina Martín Rey</h1>
<h2>Ingeniera de Software</h2>
<div uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
<nav class="uk-container uk-navbar uk-flex-center@s uk-flex-right uk-background-default">
<ul class="uk-subnav uk-subnav-pill uk-visible@s uk-padding-small">
<li><a href="index.html" target="_self"><span uk-icon="home"></span> Inicio</a></li>
<li><a href="curriculum.html" target="_self">Currículum</a></li>
<li class="uk-active"><a href="aficiones.html" target="_self">Aficiones</a></li>
<li><a href="electro-music.html" target="_self">Música Electrónica</a></li>
</ul>
<a href="#" class="uk-navbar-toggle uk-hidden@s" title="Menú de navegación" target="_self"
uk-navbar-toggle-icon uk-toggle="target: #sidenav"></a>
</nav>
</div>
<div id="sidenav" uk-offcanvas="flip: true" class="uk-offcanvas">
<div class="uk-offcanvas-bar">
<ul class="uk-nav uk-nav-default">
<li><a href="index.html" target="_self"><span uk-icon="home"></span> Inicio</a></li>
<li><a href="curriculum.html" target="_self">Currículum</a></li>
<li class="uk-active"><a href="aficiones.html" target="_self">Aficiones</a></li>
<li><a href="electro-music.html" target="_self">Música Electrónica</a></li>
</ul>
</div>
</div>
</header>
<main class="uk-padding">
<h3 class="uk-heading-medium">Aficiones</h3>
<p>Me gustaría dedicar el siguiente espacio a compartir mis aficiones. ¡Espero que lo disfrutéis!</p>
<article class="uk-background-muted uk-padding uk-article">
<h4 class="uk-article-title">Billar</h4>
<p>
Hace pocos años descubrí este maravilloso juego y me enganchó desde el primer minuto. Nunca he sido muy buena pero llevo ya 5 años jugando
y ya sea con amigos o desconocidos, siempre me lo paso genial.
</p>
<p>El billar es un deporte de precisión que se practica impulsando con un taco un número variable de bolas (antiguamente de marfil),
en una mesa con tablero de pizarra forrada de paño, rodeada de bandas de material elástico y con troneras o sin ellas.
Tuvo la carta olímpica para los Juegos Olímpicos de 2004.</p>
<p>
Existen varias teorías en lo que se refiere a la aparición de este deporte, pero la más seguida sitúa su origen en la
Francia del siglo XV. El artesano de Luis XII, <span lang="en">Henry Devigne</span>, habría creado una mesa para que los nobles y reyes pudiesen
jugar más cómodamente. Incluso se dice que el color verde del paño de las mesas de billar tradicionales buscaba recordar
la hierba sobre la que se jugaba ese deporte parecido al croquet.
</p>
<p>
Ya a finales del siglo XVII apareció en Nueva Orleans (<abbr>EEUU</abbr>) un juego de billar diferente llamado <span lang="en">Pool</span>, el cual se hizo bastante famoso en los pubs americanos.
</p>
<figure class="uk-width-1-2@m uk-margin-auto">
<img src="https://upload.wikimedia.org/wikipedia/commons/d/d8/London_-_Royal_Automobile_Club_-_2976.jpg"
alt="Salón de billar."/>
<figcaption class="uk-text-center">
"<a target="_self" href="https://es.wikipedia.org/wiki/Billar#/media/Archivo:London_-_Royal_Automobile_Club_-_2976.jpg">Salón de billar.</a>"
por <a href="http://www.royan.com.ar" lang="en" target="_self">Jorge Royan</a> puede ser reutilizado
bajo <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_self">la licencia CC BY-SA 3.0</a>
</figcaption>
</figure>
<p class="uk-text-right"><em>Fuentes: wikipedia.org, debillar.org</em></p>
</article>
<article class="uk-background-muted uk-padding uk-margin uk-article">
<h4 class="uk-article-title">Música electrónica</h4>
<p>
No es el tipo de música que la mayoría de gente querría escuchar en una fiesta, pero a mí me hace
mover el esqueleto.
</p>
<p>Se trata de un género que agrupa muchas formas musicales como el <span lang="en">techno, big beat, drum and bass, trip hop, downtempo y ambient</span>, por mencionar sólo algunas. A partir del 2010, se adoptaron otros géneros post rave como el electro house y el dubstep. Así que lo que llamamos “música electrónica” es en realidad, una amalgama de géneros y subgéneros, bailables y no bailables, que pertenecen a distintos períodos de tiempo.</p>
<p>Aunque las nuevas generaciones crean que la electrónica es un género creado en los últimos 30 años, la realidad es que ya a finales del siglo XIX y principios del siglo XX se patentaron los primeros dispositivos para grabar sonidos de origen electrónico, como el fonoautógrafo. Pero fue apenas en la década de los 60 que los sintetizadores se volvieron un poco más accesibles para el público común, lo que permitió una oleada de experimentaciones musicales que dieron pie a lo que hoy en día llamamos música electrónica.</p>
<figure class="uk-width-1-2@m uk-margin-auto">
<img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Tomorrowland-2017.jpg"
alt="Escenario Principal del festival de Tomorrowland (festival de música electrónica)"/>
<figcaption class="uk-text-center">
"<a href="https://es.wikipedia.org/wiki/Tomorrowland_(festival)#/media/Archivo:Tomorrowland-2017.jpg" lang="en" target="_self">Tomorrowland Mainstage 2017</a>"
por EloyBr puede ser reutilizado bajo <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_self">la licencia CC BY-SA 4.0</a>
</figcaption>
</figure>
<p class="uk-text-right"><em>Fuentes: www.listadiscoteca.net</em></p>
</article>
</main>
<footer class="uk-padding-small uk-text-center">
<a href="sitemap.html" target="_self">Mapa del Sitio</a>
</footer>
</body>
</html>