-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
334 lines (327 loc) · 17 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
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
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>24 Heures du Mans - Home</title>
<link rel="icon" href="./src/img/logo.png" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./fonts.css" />
<link rel="stylesheet" href="./navbar.css" />
<link rel="stylesheet" href="./main.css" />
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="./mediaqueries.css" />
</head>
<body>
<nav class="navbar navbar-expand-xl fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="">
<img
src="./src/img/logo.png"
alt="24 Hours of Le Mans Logo"
width="65"
class="ms-2"
/>
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expand="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-xl-center"
id="navbarSupportedContent"
>
<ul class="navbar-nav">
<li class="nav-item">
<a
class="nav-link active"
aria-current="page"
href=""
>Home</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="./circuit/">Circuit</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./teams/">Teams</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./partners/">Partners</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<dl>
<dt><h1>The Early Years</h1></dt>
<dd>
<div class="text">
<p>
In 1906, the
<a
href="https://en.wikipedia.org/wiki/Automobile_Club_de_l%27Ouest"
>Automobile Club de l'Ouest</a
>
orchestrated the inaugural automobile race, marking
the genesis of Le Mans' association with high-speed
competitions. This pioneering event attracted a
modest yet fervent group of participants eager to
showcase the endurance and speed of their early
automobiles. Little did they know that this event
would lay the foundation for one of the most iconic
races in the world, the legendary
<em>24 Hours of Le Mans</em>.
</p>
<p>
The 24 Hours of Le Mans originated in 1923 as a
three-year event, evolving into an annual race.
Initially, the winner was determined by the car
covering the farthest distance over three
consecutive
<em class="important">24-hour</em> races. French,
British, and Italian dominance characterized the
early years, with Bugatti, Bentley, and Alfa Romeo
leading.
</p>
<p>
Resuming in 1949, the
<a
href="https://en.wikipedia.org/wiki/Aftermath_of_World_War_II"
>post-World War II era</a
>
saw increased manufacturer interest, forming the
World Sportscar Championship in 1953. However,
tragedy struck in 1955 with the Le Mans disaster,
prompting safety measures. The
<a
href="https://en.wikipedia.org/wiki/1955_Le_Mans_disaster"
>1955 Le Mans disaster</a
>
occurred during the 24 Hours of Le Mans race, where
tragedy struck in a catastrophic manner. Pierre
Levegh's car crashed into a crowd of spectators,
resulting in the deaths of more than 80 people. The
incident prompted shockwaves throughout the
motorsport world and led to a profound reevaluation
of safety measures not only at the Le Mans circuit
but also across the entire racing community.
</p>
</div>
<div class="img" id="disaster-1955">
<img
src="./src/img/home/levegh_crash.png"
alt="Levegh's crash with the Mercedes-Benz 300 SLR"
/>
<p>Levegh's crash with the Mercedes-Benz 300 SLR</p>
</div>
</dd>
<dt><h1>Golden Age of Endurance Racing</h1></dt>
<dd>
<div class="text">
<p>
The 1970s ushered in a spectacular era in the
history of Le Mans, often regarded as the Golden Age
of Endurance Racing. During this period, the race
saw a remarkable convergence of extreme speeds,
groundbreaking automotive designs, and a diverse
array of manufacturers vying for supremacy on the
iconic <a>Circuit de la Sarthe</a>. The
<a href="https://en.wikipedia.org/wiki/Porsche_917"
>Porsche 917</a
>
emerged as one of the most dominant forces, etching
its name in the annals of motorsports history with
unprecedented victories.
</p>
<p>
French manufacturers, namely Matra-Simca and
Renault, also left an indelible mark on the race,
showcasing their engineering prowess and national
pride. Privateer constructors, such as Mirage and
Rondeau, added an extra layer of excitement, proving
that innovation and determination could stand
toe-to-toe with the established giants in endurance
racing.
</p>
<p>
The 1980s witnessed a continuation of Porsche's
dominance, particularly with the emergence of
<a href="https://en.wikipedia.org/wiki/Group_C"
>Group C cars</a
>. These machines
<em
>pushed the boundaries of speed and
technology</em
>, setting records that would stand for years.
Meanwhile, formidable challengers in the form of
Jaguar and Mercedes-Benz brought a new level of
competition to the track, creating memorable battles
for supremacy.
</p>
<p>
As the decade progressed, Japanese manufacturers
made their presence felt, introducing a new
dimension to the competition. The era saw the rise
of iconic cars like the
<a href="https://en.wikipedia.org/wiki/Mazda_787B"
>Mazda 787B</a
>, which secured a historic victory in 1991, making
Mazda the first and only Japanese manufacturer to
win the overall title at Le Mans.
</p>
<p>
The demise of the
<a
href="https://en.wikipedia.org/wiki/World_Sportscar_Championship"
>World Sportscar Championship</a
>
in the late 1980s led to a shift in the racing
landscape, giving rise to a resurgence of
production-based grand tourers. Porsche's ingenious
exploitation of a regulatory loophole in 1994 marked
a pivotal moment, setting the stage for a new breed
of exotic supercars that would challenge established
norms and redefine the concept of endurance racing.
</p>
<p>
The 1990s also witnessed the expansion of the Le
Mans name beyond the borders of Europe, as the
<a
href="https://en.wikipedia.org/wiki/American_Le_Mans_Series"
>American Le Mans Series</a
>
was established in 1999. This move further
globalized the appeal of endurance racing,
attracting a diverse array of manufacturers and
drivers eager to test their mettle on different
continents.
</p>
</div>
<div class="img" id="porsche-mazda">
<img
src="./src/img/home/porsche_917.jpg"
alt="The Porsche 917 from 1971"
/>
<p>The Porsche 917 from 1971</p>
<img
src="./src/img/home/mazda_787b.jpg"
alt="The Mazda 787B from 1991"
/>
<p>The Mazda 787B from 1991</p>
</div>
</dd>
<dt><h1>Le Mans Today</h1></dt>
<dd>
<div class="text">
<p>
The 24 Hours of Le Mans has continuously evolved to
stay at the forefront of automotive innovation and
competition. In 2021, the introduction of the
<a
href="https://en.wikipedia.org/wiki/Le_Mans_Hypercar"
>Hypercar class</a
>
marked a significant milestone. This class allowed
the participation of both Le Mans Hypercars and
<a href="https://en.wikipedia.org/wiki/LMDh"
>LMDh</a
>
cars, creating a platform for manufacturers to
showcase cutting-edge technology and design. The
2021 race, however, faced a unique challenge as it
was postponed due to the global circumstances,
leading to non-hybrid LMP1 cars participating as
"<em>grandfathered</em>" entries.
</p>
<p>
Among the notable competitors in the Hypercar class
were Toyota, Glickenhaus, and Alpine, each bringing
their technological prowess and racing pedigree to
the iconic circuit. The new Hypercar regulations
provided teams with greater design freedom, shaping
the future of Le Mans racing and setting the stage
for a new era of competition.
</p>
</div>
<div class="img" id="cadillac-gtp">
<img
src="./src/img/home/cadillac_project_gtp.png"
alt="The Cadillac Project GTP from 2023"
/>
<p>The Cadillac Project GTP from 2023</p>
</div>
</dd>
<dt><h1>Future of Le Mans</h1></dt>
<dd>
<div class="text">
<p>
Looking ahead, the future of Le Mans promises even
more excitement and innovation. The LMP2 regulations
have been extended to 2024, ensuring the continued
presence of these highly competitive prototypes on
the track. Furthermore, a groundbreaking development
is on the horizon with the introduction of
new-generation LMP2 cars serving as the chassis for
LMDh prototypes in 2025. This move aims to bridge
the gap between the world of
<a
href="https://en.wikipedia.org/wiki/Endurance_racing_(motorsport)"
>endurance racing</a
>
and the prestigious
<a
href="https://en.wikipedia.org/wiki/24_Hours_of_Daytona"
>Daytona 24 Hours</a
>, fostering a more global and interconnected racing
community.
</p>
<p>
One of the most intriguing prospects for Le Mans is
the anticipated entry of
<a
href="https://en.wikipedia.org/wiki/Hydrogen_vehicle"
>hydrogen-powered</a
>
prototypes in 2025, with the ambitious goal of vying
for overall victory. This represents a bold step
toward sustainable and
<em class="important">environmentally friendly</em>
racing, aligning with the broader efforts within the
automotive industry to explore alternative fuel
sources and reduce the ecological impact of
motorsports.
</p>
</div>
<div class="img" id="alpine-a4810">
<img
src="./src/img/home/alpine_a4810.jpg"
alt="The Alpine A4810 Hydrogen Concept planned for 2035"
/>
<p>
The Alpine A4810 Hydrogen Concept planned for 2035
</p>
</div>
</dd>
</dl>
</main>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"
></script>
</body>
</html>