This repository has been archived by the owner on Sep 1, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
225 lines (223 loc) · 11.5 KB
/
index.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tipomanzine</title>
<meta name="description" content="recopilación de composiciones tipográficas">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48545782-3', 'tipomanzine.com');
ga('send', 'pageview');
</script>
<link rel="stylesheet" type="text/css" href="css/lemonade.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/fonts.css">
<link href='http://fonts.googleapis.com/css?family=Roboto:300,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Syncopate:700,400|Average|Lilita+One|Aldrich|Lato:900|Gravitas+One|Sintony:400,700|Chivo|Cousine:400,700|Oswald|Enriqueta:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- Lineas guía para hacerlo responsive:
<div class="line768"><p>768px</p></div>
<div class="line480"><p>480px</p></div>
<div class="line320"><p>320px</p></div>
-->
<div class="frame">
<div class="bit-1">
<div id="cabecera">
<h1>TIPOMANZINE_</h1>
</div>
</div>
<div class="bit-1">
<div id="uno">
<p class="heading">CICLISMO: TOUR DE FRANCIA</p>
<h1>BAHAMONTES,<br/>VENCEDOR DE<br/>LA ETAPA DE<br/>AYER EN PAU</h1>
<h2>Julio Jiménez tuvo una extraordinaria actuación en la primera fase de montaña.</h2>
</div>
</div>
<div class="bit-1">
<a href="http://codepen.io/quiqueciria/pen/qshft" target="_blank">
<div id="botoncodigo">
<p><span class="icon-arrow-up"></span>Verlo en CodePen</p>
</div>
</a>
</div>
<div class="bit-1">
<div class="frame" id="dos">
<div class="text">
<div class="bit-2">
<h1 class="heading">CICLISMO</h1>
<h1>FEDERICO<br/>MARTÍN<br/>BAHAMONTES</h1>
<h1 class="subheading">XAVIER G. LUQUE,<br>BARCELONA</h1>
<hr>
<p class="answer">
Federico Martín Bahamontes forma parte de la historia del
Tour. Ganador en 1959, ha sido invitado por la organización de
la carrera francesa, que reúne esta noche en una cena y mañana en el Palacio de Con- gresos de París a todos los ganadores vivos del Tour. Y Bahamontes, con 74 años cumplidos, es uno de los más veteranos</p>
<P class="answer">De nombre real Alejandro (lo de
Federico fue por un tío suyo, Bahamontes es uno de los escaladores legendarios de la historia del ciclismo. Además de ganar un Tour de
Francia,fue segundo en 1963, tercero en 1964, cuarto en 1956 y octavo
en 1958. Ganó siete etapas, coincidió con Coppi y con Anquetil, con Bobep y con Poulidor. Pero se labró un nombre y un prestigio propio, el del "Águila de Toledo", como lo bautizo el diario "L'Equipe".</p>
</div>
<div class="bit-2">
<p>¿Qué le queda del éxito del año 1959?</p>
<p class="answer">Me quedan sorpresas agradables allá donde voy. Ahora mismo (la conversación tiene lugar en
Montjuïc, con ocasión de la escalada) acabo de saludar al organizador de la Volta a l'Empordà, una carrera que yo dirigí. Y así en todas partes, siempre hay alguien que me conoce o me quiere conocer.</p>
<p>Usted fue el primer español que ganaba el Tour de Francia...</p>
<p class="answer">Sí, pero mi gran récord del Tour es otro. Participé once veces, sólo abandoné dos y subí nueve veces al podio.Gané en seis ocasiones el premio de la montaña y en aquella época eso era casi tan difícil como ganar el propio Tour.</p>
<p>¿Sólo dos abandonos?</p>
<p class="answer">Sí, uno me fui porque me pagaban y otro por culpa de un error de mi director, Luis Puig, que se equivocó y me pincho mal.</p>
<p>¿Cómo?</p>
<p class="answer">Sí, fue en 1957. Yo me ponía unas inyecciones de calcio y vitamina C justo antes de los Pirineos. Pero Puig me pinchó mal y me puso el líquido fuera de la vena. Se me hinchó todo el brazo y tuve que abandonar. ¡Y eso que iba cuarto, con todos los Pirineos por delante para remontar! Ese año podía haber ganado más fácil que en 1959.</p>
</div>
</div>
</div>
</div>
<div class="bit-1">
<a href="http://codepen.io/quiqueciria/pen/uIhji" target="_blank">
<div id="botoncodigo">
<p><span class="icon-arrow-up"></span>Verlo en CodePen</p>
</div>
</a>
</div>
<div class="bit-1">
<div id="tres">
<div class="text">
<h1>OCA<span class="kernuno">Ñ</span><span class="kerndos">A</span><br/>V<span class="kernuno">E</span>N<span class="kerndos">C</span>I<span class="kerndos">Ó</span><br/><span class="italic">—T<span class="kerndos">o</span>ur</span></h1>
<p><strong>A lo grande</strong><br/>Rotundo ha sido el triunfo<br/>de Luis Ocaña en "Tour".</p>
<p class="credito">FOTOGRAFÍA<br/><span>Cifra / AP-Europa</span></p>
</div>
</div>
</div>
<div class="bit-1">
<a href="http://codepen.io/quiqueciria/pen/HtaBq" target="_blank">
<div id="botoncodigo">
<p><span class="icon-arrow-up"></span>Verlo en CodePen</p>
</div>
</a>
</div>
<div class="bit-1">
<div class id="cuatro">
<p class="heading">J. MANUEL FUENTE "TARANGU"<br/>(LVG. 27/10/73)</p>
<h1>"AHORA SE CORRE<br/>MUY DEPRISA.<br/>YA NO SE PUEDEN<br/>SUPERAR ESAS<br/>VELOCIDADES"</h1>
<h6>Especial para "La Vanguardia"</h6>
</div>
</div>
<div class="bit-1">
<a href="http://codepen.io/quiqueciria/pen/FEfBk" target="_blank">
<div id="botoncodigo">
<p><span class="icon-arrow-up"></span>Verlo en CodePen</p>
</div>
</a>
</div>
<div class="bit-1">
<div id="cinco">
<div class="text">
<h1>Vuelta a España 1989<br>Clasificación General</h1>
<table>
<tr>
<th>Corredor</th>
<th>Equipo</th>
<th class="alinizq">Tiempo</th>
</tr>
<tr>
<td>Pedro Delgado</td>
<td>REY</td>
<td class="alinizq">93h 01' 47"</td>
</tr>
<tr>
<td>Fabio Parra</td>
<td>KEL</td>
<td class="alinizq">+35"</td>
</tr>
<tr>
<td>O. Jesús Vargas</td>
<td>POS</td>
<td class="alinizq">+3' 09"</td>
</tr>
<tr>
<td>Federico Echave</td>
<td>BH</td>
<td class="alinizq">+3' 24"</td>
</tr>
<tr>
<td>Álvaro Pino</td>
<td>BH</td>
<td class="alinizq">+4' 28"</td>
</tr>
<tr>
<td>Ivan Ivanov</td>
<td>ALF</td>
<td class="alinizq">+5' 00"</td>
</tr>
<tr>
<td>Iñaki Gastón</td>
<td>KEL</td>
<td class="alinizq">+7' 24"</td>
</tr>
</table>
</div>
</div>
</div>
<div class="bit-1">
<a href="http://codepen.io/quiqueciria/pen/DCbFk" target="_blank">
<div id="botoncodigo">
<p><span class="icon-arrow-up"></span>Verlo en CodePen</p>
</div>
</a>
</div>
<div class="bit-1">
<div id="seis">
<div class="text">
<p class="heading">VUELTA A ESPAÑA - HISTORIA</p>
<h1>1935-1960</h1>
<p class="sangria">
A comienzos de 1935, Clemente López Doriga en colaboración con Juan Pujol, director del diario Informaciones, organizó la I Vuelta ciclista a España con un recorrido de 14 etapas y 3.431 km en total. La primera etapa se disputó entre Madrid y Valladolid. Aquel año se vivió el primer gran duelo de la historia de la Vuelta, entre el belga <span>Gustaaf Deloor</span>, a la postre vencedor, y el español <span>Mariano Cañardo</span>, subcampeón. La II edición de la Vuelta, finalmente celebrada a pesar de la delicada situación política del país, significó la revalidación del título de Deloor que mantuvo el liderato desde el primero hasta el último día. Tras estas dos primeras ediciones, la ronda española sufrió un parón a causa de la Guerra Civil Española.</p>
<p>En 1941 se reanudó la competición con una participación casi totalmente española y con muy poca representación extranjera. Aquel año tuvo lugar la disputa de la primera etapa contrarreloj de la Vuelta. <span>Julián Berrendero</span> se proclamó vencedor de la ronda española, título que revalidó un año después. Asimismo, Berrendero se convirtió en rey de la montaña durante tres ...</p>
<p class="subheading">WIKIPEDIA</p>
</div>
</div>
</div>
<div class="bit-1">
<a href="http://codepen.io/quiqueciria/pen/ayBDb" target="_blank">
<div id="botoncodigo">
<p><span class="icon-arrow-up"></span>Verlo en CodePen</p>
</div>
</a>
</div>
<div class="bit-1">
<div id="siete">
<div class="text">
<h4>VUELTA CICLISTA A ESPAÑA</h4>
<h1>PINO REMACHÓ SU<br/>TRABA<span>J</span>O A 51 KM/H</h1>
<h5>X. GARCÍA LUQUE · MAYO 1986</h5>
<H6>Alvaro Pino remachó brillantemente su triunfo en la 41 Vuelta Ciclista a España en la última etapa, una contrareloj disputada por el circuito permanente y las calles de Jerez. Pino no sólo ganó la Vuelta sino que dejó atrás otros 33 segundos a Millar y marcó el mejor tiempo de la etapa, a un promedio de 51,322 kms. por hora.</H6>
</div>
</div>
</div>
<div class="bit-1">
<a href="http://codepen.io/quiqueciria/pen/BkcvI" target="_blank">
<div id="botoncodigo">
<p><span class="icon-arrow-up"></span>Verlo en CodePen</p>
</div>
</a>
</div>
<div class="bit-1">
<div class="frame footer">
<div class="bit-2 medianil">
<p>Esto es una recopilación de composiciones tipográficas con webfonts, muchas de ellas hechas con las tipos de Google Fonts, por tanto libres de uso. Debajo de los ejemplos tienes un enlace para ver en vivo y "trastear" en CodePen, y por último si crees que puedes aportar, mejorar o modificar para bien cualquier cosa no dudes en proponerlo.</p>
</div>
<div class="bit-2 medianil">
<p>Este proyecto está mantenido por <a href="https://twitter.com/quiqueciria" target="_blank">@quiqueciria.</a><br/><br/>Basado en la idea original de Chad Mazzola y su showcase <a href="http://hellohappy.org/beautiful-web-type/" target="_blank">"Beautiful Web Type".</a><br/><br/>
Más info en <a href="https://github.com/quiqueciria/tipomanzine" target="_blank">GitHub.</a><br/><br/>
<a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
</div>
</body>
</html>