diff --git a/Web/tp/tpfinal/CSS/Impression.css b/Web/tp/tpfinal/CSS/Impression.css new file mode 100644 index 0000000..b925577 --- /dev/null +++ b/Web/tp/tpfinal/CSS/Impression.css @@ -0,0 +1,14 @@ +@media print { + body + { + font-size: 13px; + } + header + { + display: none; + } + footer + { + display: none; + } +} diff --git a/Web/tp/tpfinal/CSS/PageAcceuil.css b/Web/tp/tpfinal/CSS/PageAcceuil.css new file mode 100644 index 0000000..79739e3 --- /dev/null +++ b/Web/tp/tpfinal/CSS/PageAcceuil.css @@ -0,0 +1,109 @@ +/* Presentation */ + +#Presentation +{ + display: flex; + align-items: center; + height: 355px; + flex-flow: column wrap; + margin: 3em; +} + +p +{ + display: block; + text-align: justify; + margin: 1.5em; +} + +#Presentation:active +{ + color: red; +} + +/* Actus */ + +.DivActus +{ + display: flex; + flex-flow: row nowrap; + height: 230px; + margin: 1.5em; + border: 1px solid black; + box-shadow: 10px 10px 5px #001534; +} + +.text +{ + background-color: #001534; + color: white; + +} + +.ImagesActus +{ + display: block; + float: left; + height: 230px; + +} + +h2 +{ + padding: 20px; + text-align: center; + +} + +#Titre +{ + text-align: center; + text-decoration: underline; + color: red; +} + +.voirplus +{ + color: red; + text-decoration: none; +} + +.voirplus:visited +{ + color:blueviolet; +} + +/* Reseaux */ + +.reseaux +{ + width: 30px; + margin: 0.3em; +} + +#reseaux +{ + display: flex; + position: fixed; + right: 20px; + top: 100px; + flex-flow: column nowrap; +} + +/* Aside */ + +ul +{ + margin-top: 100px; + text-align: center; + list-style-type: none; +} + +aside +{ + background:linear-gradient(rgb(233, 255, 30), orange); + float: right; + width: 20%; + height: 400px; + border: solid black 1px; +} \ No newline at end of file diff --git a/Web/tp/tpfinal/CSS/PageConditions.css b/Web/tp/tpfinal/CSS/PageConditions.css new file mode 100644 index 0000000..31ed143 --- /dev/null +++ b/Web/tp/tpfinal/CSS/PageConditions.css @@ -0,0 +1,22 @@ +body +{ + background-color: blue; + display: flex; + flex-flow: column nowrap; + align-items: center; +} + +h1 +{ + color: red; +} + +p +{ + color: yellow; +} + +p:hover +{ + color: gold; +} \ No newline at end of file diff --git a/Web/tp/tpfinal/CSS/PageFormulaire.css b/Web/tp/tpfinal/CSS/PageFormulaire.css new file mode 100644 index 0000000..00a998a --- /dev/null +++ b/Web/tp/tpfinal/CSS/PageFormulaire.css @@ -0,0 +1,35 @@ +form +{ + background-color: #ffdab9; + display: flex; + flex-flow: column wrap; + align-items: center; + justify-content: center; +} + +#Nom +{ + margin: 10px; + margin-top: 10%; +} + +#date +{ + margin: 10px; +} + +#Sexe +{ + margin: 10px; +} + +#Raison +{ + margin: 10px; +} + +#Conditions +{ + margin: 10px; + margin-bottom: 40%; +} \ No newline at end of file diff --git a/Web/tp/tpfinal/CSS/PageImages.css b/Web/tp/tpfinal/CSS/PageImages.css new file mode 100644 index 0000000..cd2d6c0 --- /dev/null +++ b/Web/tp/tpfinal/CSS/PageImages.css @@ -0,0 +1,34 @@ +#Images +{ + background: linear-gradient(#e66465, #9198e5); + display: flex; + flex-flow: row wrap; + align-items:center; + justify-content: space-around; +} + +.FormeImage +{ + width: 20em; + height: auto; + margin: 10px; + border-radius: 2em; +} +img.FormeImage +{ + /* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */ + -webkit-transition: all 0.75s ease; /* Safari et Chrome */ + -moz-transition: all 0.75s ease; /* Firefox */ + -ms-transition: all 0.75s ease; /* Internet Explorer 9 */ + -o-transition: all 0.75s ease; /* Opera */ + transition: all 0.75s ease; +} +img.FormeImage:hover +{ + /* L'image est grossie de 25% */ + -webkit-transform:scale(1.25); /* Safari et Chrome */ + -moz-transform:scale(1.25); /* Firefox */ + -ms-transform:scale(1.25); /* Internet Explorer 9 */ + -o-transform:scale(1.25); /* Opera */ + transform:scale(1.25); +} \ No newline at end of file diff --git a/Web/tp/tpfinal/CSS/PageVideo.css b/Web/tp/tpfinal/CSS/PageVideo.css new file mode 100644 index 0000000..a9c20ae --- /dev/null +++ b/Web/tp/tpfinal/CSS/PageVideo.css @@ -0,0 +1,14 @@ +.DivVideo +{ + background-color: #ffdab9; + display: flex; + align-items: center; + flex-flow: row wrap; + justify-content: space-around; +} +.Videos +{ + width: 38em; + height: 20em; + margin: 10px; +} \ No newline at end of file diff --git a/Web/tp/tpfinal/CSS/Style.css b/Web/tp/tpfinal/CSS/Style.css new file mode 100644 index 0000000..7721599 --- /dev/null +++ b/Web/tp/tpfinal/CSS/Style.css @@ -0,0 +1,54 @@ +header +{ + background-color: rgba(0, 17.6, 45.5, 0.7); +} + +body{ + margin: 0px; + font-family: 'Roboto', sans-serif; + font-family: 'Roboto Condensed', sans-serif; + font-family: 'Open Sans', sans-serif; + font-size: medium; +} + +a{ + text-decoration: none; + color: black; +} + +a:visited +{ + color: rgb(48, 47, 47); +} + +nav +{ + display: flex; + align-items: center; + flex-flow: row nowrap; + justify-content: space-around; +} + +.PPIHC +{ + width: 12%; +} + +#PPIHC +{ + width: 100%; + height: 100%; +} + +footer +{ + background-color: rgba(0, 17.6, 45.5, 0.7); +} + +#contact +{ + display: flex; + align-items: center; + flex-flow: row-reverse nowrap; + justify-content:space-around; +} \ No newline at end of file diff --git a/Web/tp/tpfinal/CSS/pageActualites.css b/Web/tp/tpfinal/CSS/pageActualites.css new file mode 100644 index 0000000..d7c8e2d --- /dev/null +++ b/Web/tp/tpfinal/CSS/pageActualites.css @@ -0,0 +1,35 @@ +.DivActus +{ + display: flex; + flex-flow: row nowrap; + height: 220px; + margin: 1.5em; + border: 1px solid black; + box-shadow: -10px -5px 5px #001534; +} + +.text +{ + background-color: #001534; + color: white; +} + +.ImagesActus +{ + display: block; + float: left; + height: 220px; +} + +h2 +{ + padding: 4px; + text-align: center; +} + +p +{ + display: block; + text-align: justify; + margin: 1.5em; +} \ No newline at end of file diff --git a/Web/tp/tpfinal/CSS/pageTableaux.css b/Web/tp/tpfinal/CSS/pageTableaux.css new file mode 100644 index 0000000..4200208 --- /dev/null +++ b/Web/tp/tpfinal/CSS/pageTableaux.css @@ -0,0 +1,59 @@ +.Tableaux +{ + background-color: #ffdab9; + display: flex; + align-items: center; + flex-flow: column wrap; + justify-content: space-around; + padding: 15px; +} + +.drapeaux +{ + width: 25px; + border: 1px solid black; +} + +table +{ + background-color: white; + border-width:1px; + border-style:solid; + border-collapse: collapse; + border-color:black; +} + +h1 +{ + text-align: center; + color: red; + text-decoration: underline; +} + +.headerTbl +{ + background-color: rgba(0, 17.6, 45.5, 0.7); +} + +.top1 +{ + background-color: #e97640; +} + +td +{ + border-width:1px; + border-style:solid; + border-color:red; +} + +.rien +{ + text-align: center; +} + +caption +{ + padding: 5px; + caption-side: top; +} \ No newline at end of file diff --git a/Web/tp/tpfinal/Medias/Images/206T16_1.jpg b/Web/tp/tpfinal/Medias/Images/206T16_1.jpg new file mode 100644 index 0000000..863b771 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/206T16_1.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/206T16_2.jpg b/Web/tp/tpfinal/Medias/Images/206T16_2.jpg new file mode 100644 index 0000000..7cfd52e Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/206T16_2.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/206T16_3.jpg b/Web/tp/tpfinal/Medias/Images/206T16_3.jpg new file mode 100644 index 0000000..7ca5de2 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/206T16_3.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/405T16.jpg b/Web/tp/tpfinal/Medias/Images/405T16.jpg new file mode 100644 index 0000000..2464b18 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/405T16.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/7.jpeg b/Web/tp/tpfinal/Medias/Images/7.jpeg new file mode 100644 index 0000000..2fea502 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/7.jpeg differ diff --git a/Web/tp/tpfinal/Medias/Images/911.jpg b/Web/tp/tpfinal/Medias/Images/911.jpg new file mode 100644 index 0000000..bcf396e Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/911.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/AriVatanen.jpg b/Web/tp/tpfinal/Medias/Images/AriVatanen.jpg new file mode 100644 index 0000000..2e8da36 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/AriVatanen.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/CarlinDunne.jpg b/Web/tp/tpfinal/Medias/Images/CarlinDunne.jpg new file mode 100644 index 0000000..7e87eb9 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/CarlinDunne.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/Drapeau_EtatsUnis.png b/Web/tp/tpfinal/Medias/Images/Drapeau_EtatsUnis.png new file mode 100644 index 0000000..63bd2ed Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Drapeau_EtatsUnis.png differ diff --git a/Web/tp/tpfinal/Medias/Images/Drapeau_NZ.jpg b/Web/tp/tpfinal/Medias/Images/Drapeau_NZ.jpg new file mode 100644 index 0000000..058c14a Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Drapeau_NZ.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/Drapeau_allemagne.png b/Web/tp/tpfinal/Medias/Images/Drapeau_allemagne.png new file mode 100644 index 0000000..980f477 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Drapeau_allemagne.png differ diff --git a/Web/tp/tpfinal/Medias/Images/Drapeau_australie.jpg b/Web/tp/tpfinal/Medias/Images/Drapeau_australie.jpg new file mode 100644 index 0000000..2f1d692 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Drapeau_australie.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/Drapeau_finlande.png b/Web/tp/tpfinal/Medias/Images/Drapeau_finlande.png new file mode 100644 index 0000000..ffecbb8 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Drapeau_finlande.png differ diff --git a/Web/tp/tpfinal/Medias/Images/Drapeau_france.jpg b/Web/tp/tpfinal/Medias/Images/Drapeau_france.jpg new file mode 100644 index 0000000..9b7c463 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Drapeau_france.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/Drapeau_japon.jpg b/Web/tp/tpfinal/Medias/Images/Drapeau_japon.jpg new file mode 100644 index 0000000..c385daf Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Drapeau_japon.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/Drapeau_sudAfrique.png b/Web/tp/tpfinal/Medias/Images/Drapeau_sudAfrique.png new file mode 100644 index 0000000..647dcc7 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Drapeau_sudAfrique.png differ diff --git a/Web/tp/tpfinal/Medias/Images/Ducati.jpg b/Web/tp/tpfinal/Medias/Images/Ducati.jpg new file mode 100644 index 0000000..346aea6 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Ducati.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/Facebook.png b/Web/tp/tpfinal/Medias/Images/Facebook.png new file mode 100644 index 0000000..96088d6 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Facebook.png differ diff --git a/Web/tp/tpfinal/Medias/Images/Instagram.png b/Web/tp/tpfinal/Medias/Images/Instagram.png new file mode 100644 index 0000000..b18d949 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Instagram.png differ diff --git a/Web/tp/tpfinal/Medias/Images/Loeb.jpeg b/Web/tp/tpfinal/Medias/Images/Loeb.jpeg new file mode 100644 index 0000000..32a2bd3 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Loeb.jpeg differ diff --git a/Web/tp/tpfinal/Medias/Images/PPIHC.png b/Web/tp/tpfinal/Medias/Images/PPIHC.png new file mode 100644 index 0000000..5fe068b Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/PPIHC.png differ diff --git a/Web/tp/tpfinal/Medias/Images/Pikes Pike logo.jpeg b/Web/tp/tpfinal/Medias/Images/Pikes Pike logo.jpeg new file mode 100644 index 0000000..438fe00 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Pikes Pike logo.jpeg differ diff --git a/Web/tp/tpfinal/Medias/Images/RomainDumas.jpg b/Web/tp/tpfinal/Medias/Images/RomainDumas.jpg new file mode 100644 index 0000000..69eac76 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/RomainDumas.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/Suzuki.jpeg b/Web/tp/tpfinal/Medias/Images/Suzuki.jpeg new file mode 100644 index 0000000..5afe95c Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Suzuki.jpeg differ diff --git a/Web/tp/tpfinal/Medias/Images/Twitter.png b/Web/tp/tpfinal/Medias/Images/Twitter.png new file mode 100644 index 0000000..0f8f49a Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/Twitter.png differ diff --git a/Web/tp/tpfinal/Medias/Images/fillmore.jpg b/Web/tp/tpfinal/Medias/Images/fillmore.jpg new file mode 100644 index 0000000..1b98f77 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/fillmore.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/ken_block.jpg b/Web/tp/tpfinal/Medias/Images/ken_block.jpg new file mode 100644 index 0000000..49bc4a1 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/ken_block.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/pikes-peak-motos-interdites.jpg b/Web/tp/tpfinal/Medias/Images/pikes-peak-motos-interdites.jpg new file mode 100644 index 0000000..5fe2836 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/pikes-peak-motos-interdites.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/pikes_peak_corpo2_m.jpg b/Web/tp/tpfinal/Medias/Images/pikes_peak_corpo2_m.jpg new file mode 100644 index 0000000..c6c0a4d Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/pikes_peak_corpo2_m.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/pobst-tesla-millen-bentley-et-dumas-porsche-s-illustrent-a-pikes-peak-23171-1-P.jpg b/Web/tp/tpfinal/Medias/Images/pobst-tesla-millen-bentley-et-dumas-porsche-s-illustrent-a-pikes-peak-23171-1-P.jpg new file mode 100644 index 0000000..5f59f06 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/pobst-tesla-millen-bentley-et-dumas-porsche-s-illustrent-a-pikes-peak-23171-1-P.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/porsche.jpg b/Web/tp/tpfinal/Medias/Images/porsche.jpg new file mode 100644 index 0000000..02e56da Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/porsche.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/porshe911GT2.jpg b/Web/tp/tpfinal/Medias/Images/porshe911GT2.jpg new file mode 100644 index 0000000..d59744c Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/porshe911GT2.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/vkwIDR.png b/Web/tp/tpfinal/Medias/Images/vkwIDR.png new file mode 100644 index 0000000..678f01d Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/vkwIDR.png differ diff --git a/Web/tp/tpfinal/Medias/Images/volkswagen-id-r-pikes-peak-2018-romain-dumas.jpg b/Web/tp/tpfinal/Medias/Images/volkswagen-id-r-pikes-peak-2018-romain-dumas.jpg new file mode 100644 index 0000000..efad105 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/volkswagen-id-r-pikes-peak-2018-romain-dumas.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/vw-id-r-pikes-peak-test.jpg b/Web/tp/tpfinal/Medias/Images/vw-id-r-pikes-peak-test.jpg new file mode 100644 index 0000000..619c9a2 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/vw-id-r-pikes-peak-test.jpg differ diff --git a/Web/tp/tpfinal/Medias/Images/wolkvagen_IDR.jpg b/Web/tp/tpfinal/Medias/Images/wolkvagen_IDR.jpg new file mode 100644 index 0000000..eebd795 Binary files /dev/null and b/Web/tp/tpfinal/Medias/Images/wolkvagen_IDR.jpg differ diff --git a/Web/tp/tpfinal/PageAcceuil.html b/Web/tp/tpfinal/PageAcceuil.html new file mode 100644 index 0000000..0667b5a --- /dev/null +++ b/Web/tp/tpfinal/PageAcceuil.html @@ -0,0 +1,66 @@ + + + + + Pikes Peak + + + + + + + + +
+ +
+ +
+ + + +
+
+

Le Pikes Peak International Hill Climb c'est quoi ?

+

Le Pikes Peak International Hill Climb ou Course de côte du Pic Pikes, est une course de côte, qui se tient sur la montagne de Pikes Peak, aux États-Unis, tous les ans en été. En 1915, l'aménagement d'une route vers le sommet fut entrepris, et un an plus tard, les 10, 11, et 12 août 1916, la première Pikes Peak Hill Climb fut organisée à l'initiative de Spencer Penrose, le propriétaire d'un hôtel qui avait financé l'aménagement de la route.
C'est la troisième plus ancienne course automobile officielle encore active aux États-Unis, après la Course de côte du Mont Washington (1904), et les 500 miles d'Indianapolis (dont la première épreuve a eu lieu en 1911).

+
+

Dernières Actus

+
+
+ +
+

Il y a plus de 30 ans, Ari Vattanen domptait les Pikes Peak

+

En 1988, Peugeot Sport vient pour la première fois défier la montée vers les nuages de Pikes Peak. Victoire au général, record d'Audi battu, et un film devenu mythique "climb dance" qui montre ... Voir Plus

+
+
+
+ +
+

2018, l'année du dernier record

+

L'édition 2018 est à nouveau gagnée par une voiture électrique, en l'occurrence une Volkswagen I.D. R pilotée par Romain Dumas. Avec un temps de 7 min 57 s 148, le précédent record absolu est battu et c'est la première fois que l'épreuve connaît un temps inférieur à ... Voir Plus

+
+
+
+ + + \ No newline at end of file diff --git a/Web/tp/tpfinal/PageConditions.html b/Web/tp/tpfinal/PageConditions.html new file mode 100644 index 0000000..15e18e5 --- /dev/null +++ b/Web/tp/tpfinal/PageConditions.html @@ -0,0 +1,13 @@ + + + + + Pikes Peak + + + + +

C'est faux, aucunes conditions sont présentes ici

+

Vous êtes désormais coincés sur cette page !!!

+ + \ No newline at end of file diff --git a/Web/tp/tpfinal/PageFormulaire.html b/Web/tp/tpfinal/PageFormulaire.html new file mode 100644 index 0000000..a599be0 --- /dev/null +++ b/Web/tp/tpfinal/PageFormulaire.html @@ -0,0 +1,66 @@ + + + + + Pikes Peak + + + + + +
+ +
+
+
+ + +
+ +
+ + +
+
+ + Homme + Femme + Autres +
+
+ + +
+ +
+ + + +
+
+ + + \ No newline at end of file diff --git a/Web/tp/tpfinal/PageFormulaire.php b/Web/tp/tpfinal/PageFormulaire.php new file mode 100644 index 0000000..34d4953 --- /dev/null +++ b/Web/tp/tpfinal/PageFormulaire.php @@ -0,0 +1,73 @@ + + + + + Pikes Peak + + + + +
+ +
+ +Bonjour, +$email is a valid email address
"); + } else { + echo("
$email is not a valid email address
"); + } + if(empty($nom) || strlen($nom) <2 || strlen($nom) > 20) + { + echo '
Le nom doit être renseigné
'; + } + if(empty($prenom) || strlen($prenom) <2 || strlen($prenom) > 20) + { + echo '
Le prénom doit être renseigné ou est pas de la bonne taille (compris entre 2 et 20)
'; + } + if(empty($raison)) + { + echo '
La raison doit être renseignée
'; + } + if(empty($sexe)) + { + echo '
Le sexe doit être renseigné
'; + } + if(empty($message)) + { + echo '
Le message doit être renseigné
'; + } + if(empty($check)) + { + echo '
Les conditions doivent être cochées
'; + } +?>. + + + + \ No newline at end of file diff --git a/Web/tp/tpfinal/PageImages.html b/Web/tp/tpfinal/PageImages.html new file mode 100644 index 0000000..759c359 --- /dev/null +++ b/Web/tp/tpfinal/PageImages.html @@ -0,0 +1,47 @@ + + + + + Pikes Peak + + + + +
+ +
+
+ Image : Ari Vattanen à bord de sa Peugeot 405 T16 + Image : Wolkvagen I.D.R de Romain Dumas + Image : Romain Dumas + Image : logo des Pikes Peak International Hill Climb + Image : Peugeot 206 T16 de Sebastien Loeb + Image : Peugeot 206 T16 de Sebastien Loeb + Image : Lamborghini Urus + Image : Porsche 911 Hoonipigasus de Ken Block + Image : Suzuki Escudo de Nobuhiro Tajima + Image : Wolkvagen I.D.R de Romain Dumas + Image : Peugeot 405 T16 de Ari Vattanen + Image : Ford Mustang de Ken Block + Image : Porsche GT2 RS de David Donner + Image : Porsche 911 + Image : Carlin Dunne + Image : Ducati + Image : Chris Fillmore à bord de sa KTM 1290 Super Duke R + Image : Randy Pobst au volant de sa Tesla Model S Plaid +
+ + + \ No newline at end of file diff --git a/Web/tp/tpfinal/PageVideo.html b/Web/tp/tpfinal/PageVideo.html new file mode 100644 index 0000000..aebb2fd --- /dev/null +++ b/Web/tp/tpfinal/PageVideo.html @@ -0,0 +1,37 @@ + + + + + Pikes Peak + + + + + +
+ +
+
+ + + + + + + +
+ + + \ No newline at end of file diff --git a/Web/tp/tpfinal/pageActualites.html b/Web/tp/tpfinal/pageActualites.html new file mode 100644 index 0000000..7cd54b5 --- /dev/null +++ b/Web/tp/tpfinal/pageActualites.html @@ -0,0 +1,57 @@ + + + + + Pikes Peak + + + + +
+ +
+
+
+ +
+

Il y a plus de 30 ans, Ari Vattanen domptait les Pikes Peak

+

En 1988, Peugeot Sport vient pour la première fois défier la montée vers les nuages de Pikes Peak. Victoire au général, record d'Audi battu, et un film devenu mythique "climb dance" qui montre Ari Vatanen, pilotant la Peugeot 405 T16, battant le record de chronométrage.

+
+
+
+ +
+

2018, l'année du dernier record

+

L'édition 2018 est à nouveau gagnée par une voiture électrique, en l'occurrence une Volkswagen I.D. R pilotée par Romain Dumas. Avec un temps de 7 min 57 s 148, le précédent record absolu est battu et c'est la première fois que l'épreuve connaît un temps inférieur à 8 minutes. Cela est imputable aux progrès des véhicules électriques ainsi qu'à la compétitivité de ce type de motorisation dans des épreuves de côte.

+
+
+
+ +
+

Les motos de nouveau interdites sur le vertigineux tracé de Pikes Peak

+

Cette nouvelle interdiction fait suite au tragique décès de Carlin Dunne il y a deux ans. Pour triste mémoire, le pilote du prototype de la Ducati Streetfighter V4 avait chuté à grande vitesse dans la toute dernière courbe du périlleux tracé américain : 156 virages répartis sur 20 km de bitume, une ascension de 1440 m et une arrivée au sommet à 4330 m.

+
+
+
+ +
+

Loeb : «Cela restera un grand souvenir»

+

Vainqueur à Pikes Peak avec la manière, Sébastien Loeb a pris beaucoup de plaisir au volant de la 208. Le Français n’exclut pas de revenir un jour dans le Colorado, ravi du public américain très chaleureux.

+
+
+
+ + + \ No newline at end of file diff --git a/Web/tp/tpfinal/pageTableaux.html b/Web/tp/tpfinal/pageTableaux.html new file mode 100644 index 0000000..61e6d98 --- /dev/null +++ b/Web/tp/tpfinal/pageTableaux.html @@ -0,0 +1,242 @@ + + + + + Pikes Peak + + + + + +
+ +
+
+

Tableaux des records de temps

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Records des temps catégorie voiture
CatégoriePiloteVoitureAnnéeTempsVitesse
moyenne		Remarques
Unlimited Romain DumasVolkswagen I.D. R Pikes Peak20187 min 57 s 148150,3 km/hVéhicule électrique
UnlimitedSébastien LoebPeugeot 208 T16 Pikes Peak20138 min 13 s 878145 km/hVéhicule thermique
Time Attack 1Raphael AstierPorsche 911 GT3 Cup Turbo20199 min 23 s 721122,3 km/h
Open WheelClint VahsholtzFord Open20139 min 35 s 747124,4 km/h—
Pikes Peak OpenRomain DumasPorsche GT3R20129 min 46 s 181122,8 km/h
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Records des temps catégorie moto
CatégoriePiloteMotoAnnéeTemps
Pikes Peak HeavyweightRennie ScaysbrookAprilia Tuono 1100 Factory20199 min 44 s 963
Pikes Peak MiddleweightChris Fillmore2018 KTM 790 Duke201810 min 04 s 038
Pikes Peak Lightweight450 SX-F Factory Edition201910 min 20 s 819
Pikes Peak Challenge Motorcycle (Eletric Motorcycle)Carlin DunneLightning Electric SuperBike201310 min 00 s 694
Pikes Peak Challenge Motorcycle (Quad)Cyril CombesKTM 749JF Prototype201611 min 05 s 664
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Records des temps toutes catégories
AnnéeTempsPiloteVéhiculeCatégorie
20187 min 57 s 148Romains DumasVolkswagen I.D.R Pikes PeakUnlimited / Electric Category
20138 min 13 s 878Sébastien LoebPeugeot 208 T16 Pikes PeakUnlimited Category
20129 min 46 s 164Rhys MillenHyundai Genesis CoupéTime Attack Category
9 min 46 s 181Romains DumasPorsche 911 GT3 RPikes Peak Open Category
20119 min 51 s 278Nobuhiro TajimaSuzuki SX4Unlimited Category
200710 min 01 s 408Suzuki XL4 Hill Climb Special
199410 min 04 s 06Rod MillenToyota Celica Turbo "Pikes Peak"
199310 min 43 s 63Paul DallenbachDavis ChevroletOpen Wheel Category
198810 min 47 s 22Ari VatanenPeugeot 405 Turbo 16 "Pikes Peak"Open Rally Category
198710 min 47 s 85Walter RöhrlAudi Sport Quattro S1 "Pikes Peak"
198611 min 09 s 22Bobby UnserAudi Sport Quattro S1
198511 min 25 s 39Michèle MoutonAudi Quattro
198311 min 38 s 30Al Unser Jr.Woziwodzki Wells Coyote ChevroletOpen Wheel Category
198211 min 44 s 82Bill Brister
197911 min 54 s 18Dick Dodge Jr.Hoffpauir Wells Coyote Chevrolet
196811 min 54 s 90Bobby UnserRislone Special
+
+ + + \ No newline at end of file