-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
167 lines (158 loc) · 8.31 KB
/
Copy pathindex.html
File metadata and controls
167 lines (158 loc) · 8.31 KB
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 lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bitácora personal de la expedición del velero Atlantis hacia el Fin del Mundo: amistad, preparación y navegación austral.">
<meta name="theme-color" content="#0b3440">
<meta property="og:title" content="Francho y el Atlantis">
<meta property="og:description" content="Una bitácora personal sobre amistad, navegación y el camino hacia las aguas australes.">
<meta property="og:type" content="website">
<title>Francho y el Atlantis · Bitácora de navegación</title>
<link rel="stylesheet" href="./css/styles.css">
<link rel="stylesheet" href="./css/bitacora.css">
<link rel="icon" type="image/svg+xml" href="./assets/favicon.svg">
</head>
<body>
<a class="skip-link" href="#contenido">Saltar al contenido</a>
<header class="site-header">
<div class="shell header-inner">
<a class="brand" href="./index.html" aria-label="Francho y el Atlantis, inicio">
<span class="brand-mark" aria-hidden="true">A</span>
<span>Francho y el Atlantis</span>
</a>
<nav class="nav" aria-label="Navegación principal">
<a href="./index.html" aria-current="page">Inicio</a>
<a href="./pages/bitacora/index.html">Bitácora</a>
<a href="./pages/gallery.html">Galería</a>
<a href="./pages/tripulacion.html">Tripulación</a>
<a href="./pages/atlantis.html">El Atlantis</a>
<a href="./pages/about.html">Sobre mí</a>
</nav>
</div>
</header>
<main id="contenido">
<section class="hero">
<div class="shell hero-grid">
<div class="hero-copy">
<p class="eyebrow">Bitácora de navegación · Atlantis</p>
<h1>La XXXV y la expedición al Fin del Mundo</h1>
<p class="lead">Una crónica personal sobre amistad, preparación y navegación hacia las aguas australes.</p>
<div class="hero-actions">
<a class="button" href="./pages/bitacora/index.html">Leer la bitácora</a>
<a class="text-link" href="./pages/gallery.html">Ver la galería <span aria-hidden="true">→</span></a>
<a class="text-link" href="https://velero-atlantis.blogspot.com/" target="_blank" rel="noopener noreferrer">Bitácora original <span aria-hidden="true">↗</span></a>
</div>
</div>
<figure class="hero-media">
<img src="./assets/images/perfil-atlantis.jpg" alt="Vista lateral del velero Atlantis" width="700" height="394" decoding="async" fetchpriority="high">
<figcaption>Atlantis · 50 pies, casco de acero naval</figcaption>
</figure>
</div>
</section>
<section class="shell" id="historia" aria-labelledby="capitulo-uno">
<article class="card prose page-card">
<header class="article-heading">
<p class="eyebrow">Capítulo 1</p>
<h2 id="capitulo-uno">Introducción</h2>
</header>
<p>Este blog tiene como finalidad registrar mis perspectivas en esta aventura que está arrancando. Al igual que hice en otros viajes, pienso plasmar las cosas tal como van surgiendo, sin demasiados filtros ni pretensiones literarias.</p>
<p>No busca ser otra cosa que una memoria personal que algún día me permita releer lo vivido y experimentarlo nuevamente desde adentro.</p>
<a class="gallery-link" href="./pages/bitacora/introduccion.html">Leer la introducción completa →</a>
</article>
</section>
<section class="journey-overview shell" aria-labelledby="ruta-viaje">
<div class="journey-heading">
<div>
<p class="eyebrow">Un viaje, cinco etapas</p>
<h2 id="ruta-viaje">De Buenos Aires a la Antártida</h2>
</div>
<p>La bitácora completa está ordenada en cinco etapas para seguir el viaje desde los preparativos hasta el regreso de la Antártida.</p>
</div>
<div class="journey-cards">
<a class="journey-card" href="./pages/bitacora/index.html">
<span>01</span>
<strong>Preparativos</strong>
<small>La previa, la despedida, la meteorología y todo lo que hizo posible zarpar.</small>
</a>
<a class="journey-card" href="./pages/bitacora/salida-a-mar-del-plata.html">
<span>02</span>
<strong>Rumbo al Sur</strong>
<small>Mar del Plata, Rawson y las primeras decisiones de una navegación larga.</small>
</a>
<a class="journey-card" href="./pages/bitacora/caleta-hornos.html">
<span>03</span>
<strong>Patagonia Austral</strong>
<small>Caleta Hornos, Golfo San Jorge, Puerto Deseado y San Julián.</small>
</a>
<a class="journey-card" href="./pages/bitacora/ushuaia.html">
<span>04</span>
<strong>Fin del Mundo</strong>
<small>Ushuaia y los últimos preparativos antes del cruce del Drake.</small>
</a>
<a class="journey-card journey-card-featured" href="./pages/bitacora/antartida/index.html">
<span>05</span>
<strong>Antártida</strong>
<small>Drake, Isla Decepción, Gerlache, Bahía Paraíso, Islas Melchior y el regreso.</small>
</a>
</div>
</section>
<section class="shell video-section" aria-labelledby="video-title">
<div class="section-heading video-heading">
<div>
<p class="eyebrow">Puerto San Julián · Club Náutico El Delfín</p>
<h2 id="video-title">Entrevista durante el regreso</h2>
</div>
<p>Ya de regreso hacia Buenos Aires, una entrevista realizada en el Club Náutico El Delfín, en Puerto San Julián.</p>
</div>
<div class="video-wrap">
<iframe src="https://www.youtube-nocookie.com/embed/JwJmkC_hYUY" title="Entrevista durante el regreso en el Club Náutico El Delfín de Puerto San Julián" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen loading="lazy"></iframe>
</div>
</section>
<section class="shell" aria-labelledby="posteos-imperdibles">
<article class="card prose page-card">
<header class="article-heading">
<p class="eyebrow">Archivo de la expedición</p>
<h2 id="posteos-imperdibles">Posteos que no deben perderse</h2>
</header>
<p>Algunos registros publicados durante el viaje merecen quedar enlazados de forma permanente junto a la bitácora.</p>
<div class="link-list">
<a href="https://www.facebook.com/reel/446507470429923" target="_blank" rel="noopener noreferrer">
<span>Entrevista televisiva en Puerto San Julián camino a la Antártida</span>
<span aria-hidden="true">↗</span>
</a>
<a href="https://www.facebook.com/reel/500407931652933" target="_blank" rel="noopener noreferrer">
<span>Antártida. Donde se respira libertad. Subí el volumen.</span>
<span aria-hidden="true">↗</span>
</a>
<a href="https://www.facebook.com/reel/687032906011611" target="_blank" rel="noopener noreferrer">
<span>Isla de los Estados · Faro del Fin del Mundo</span>
<span aria-hidden="true">↗</span>
</a>
<a href="https://www.instagram.com/reel/CYeK0uCqpFY/?igsi=bXloYTRkeWt1cDE" target="_blank" rel="noopener noreferrer">
<span>Fin de año en la Antártida</span>
<span aria-hidden="true">↗</span>
</a>
<a href="https://www.instagram.com/reel/CXI-rYtDE09/?igsi=MW0wcTF6cGl1ZGZzOA==" target="_blank" rel="noopener noreferrer">
<span>Entrevista de Pedro de “Alegría Marineros” en Ushuaia</span>
<span aria-hidden="true">↗</span>
</a>
</div>
</article>
</section>
</main>
<footer class="site-footer">
<div class="shell footer-inner">
<div>
<strong>Francho y el Atlantis</strong>
<p>Bitácora personal de navegación.</p>
</div>
<div class="footer-links">
<a href="./pages/gallery.html">Galería</a>
<a href="https://velero-atlantis.blogspot.com/" target="_blank" rel="noopener noreferrer">Blog</a>
<a href="https://www.facebook.com/atlantisfindelmundo/" target="_blank" rel="noopener noreferrer">Facebook</a>
</div>
</div>
</footer>
</body>
</html>