generated from Templates_CodeFirst/templateHtmlCss
Correction 1:06
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
57311dc461
commit
ca3916a7d0
@ -0,0 +1,3 @@
|
|||||||
|
La première page est dans le répertoire ACCUEIL/, il s'agit de "accueil AA".
|
||||||
|
|
||||||
|
Dans le répertoire CONTACT/, le fichier de format php traitant les données est non fonctionnel.
|
||||||
@ -0,0 +1,81 @@
|
|||||||
|
<!IDOCTYPE html>
|
||||||
|
<html lang="eng">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Page de contact</title>
|
||||||
|
<link type="text/css" href="lecss.css" rel="stylesheet" media="all" />
|
||||||
|
<link type="text/css" href="../CSS/Menu.css" rel="stylesheet" media="all" />
|
||||||
|
<style></style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav class="MenuN">
|
||||||
|
<a href="../ACCUEIL/accueil AA" title="///">ACCUEIL</a>
|
||||||
|
<a href="../CURSUS/Cursus scolaire" title="///">CURSUS</a>
|
||||||
|
<a href="../PLANNING/Planning" title="///">PLANNING</a>
|
||||||
|
<a href="../CONTACT/Contact" title="///">CONTACT</a>
|
||||||
|
<a href="../PASSION/PageImage" title="///">PASSION</a>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
<div class="blanc"></div>
|
||||||
|
<h1>Formulaire</h1></header>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<form action="contact.php" method="POST">
|
||||||
|
<div>
|
||||||
|
<label for="Nom">Nom</label>
|
||||||
|
<input type="text" name="Nom" id="iNom" required/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="Email">Email</label>
|
||||||
|
<input type="email" name="Email" id="iEmail" required/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="Tel">Numéro de téléphone</label>
|
||||||
|
<input type="tel" name="Tel" id="iTel"/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="Motif">Motif</label>
|
||||||
|
<select name="Motif" id="iMotif">
|
||||||
|
<option value="" hidden selected disabled>Choisissez un motif</option>
|
||||||
|
<option value="Rencontre">Je souhaite vous rencontrer</option>
|
||||||
|
<option value="Collaboration">Je souhaite collaborer</option>
|
||||||
|
<option value="Aide">Je souhaite demander de l'aide</option>
|
||||||
|
|
||||||
|
<option value="Autre">Autre...</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="Creneau">Créneau horaire (jour+horaire)</label>
|
||||||
|
<input type="datetime-local" name="Creneau" id)"iCreneau"/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>Première demande de contact?</span>
|
||||||
|
<span>Oui</span>
|
||||||
|
<input type="radio" name="Pdemande" id="iPdemande" value="YES" checked/>
|
||||||
|
<span>Non</span>
|
||||||
|
<input type="radio" name="Pdemande" id="iPdemande" value="NO"/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="Message">Votre message</label>
|
||||||
|
<textarea name="Message" id="iMessage" rows="20" cols="100" placeholder="Écrivez ici votre message" required></textarea>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input type="submit" value="send"/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<a href="accueil AA" title="Revenir à la page d'accueil" >Retour à la page d'accueil</a>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,34 @@
|
|||||||
|
/*
|
||||||
|
html{
|
||||||
|
background: linear-gradient(360deg, #ff0000, #ff00ff, #ada8ff, #00edff, #a1f2ff, #ffddff, #fff3de, #ffffff);
|
||||||
|
}/* made at https://learnui.design/tools/gradient-generator.html */
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
h1{
|
||||||
|
background: #0000ff;
|
||||||
|
color: #ffffee;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside{
|
||||||
|
float: right;
|
||||||
|
border: 2px solid red;
|
||||||
|
height: 400px;
|
||||||
|
width: 20%;
|
||||||
|
/*position: fixed;*/
|
||||||
|
top: 0%;
|
||||||
|
right: 0%;
|
||||||
|
z-order: 2;
|
||||||
|
background-image: radial-gradient(white 60%,red);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
section{
|
||||||
|
width: 80%;
|
||||||
|
border: 1px solid green;
|
||||||
|
}
|
||||||
|
|
||||||
|
img:hover{
|
||||||
|
width: 50%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -0,0 +1,22 @@
|
|||||||
|
<!IDOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Image Marron Polaire</title>
|
||||||
|
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||||
|
<style> Truc </style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<figure>
|
||||||
|
<img src="Image2/Brezet.jpg" title="B up Brezet" />
|
||||||
|
<figcaption><strong><pre>La salle d'escalade B up à Brezet, c'est actuellement la salle auquel je participe à des cours d'escalade en groupe.
|
||||||
|
Comparée à Dellile, la salle est bien plus spécialisée dans les voies que les blocs (le premier est un parcour long en hauteur, demandant l'utilisation d'une corde pour la sécurité; l'autre est bien plus court mais sont souvent bien plus techniques).</pre></strong></figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
<!IDOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Image Marron Polaire</title>
|
||||||
|
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||||
|
<style> Truc </style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<figure>
|
||||||
|
<img src="Image2/ClimbUp.jpg" title="Climb up Dijon" />
|
||||||
|
<figcaption><strong><pre>La salle où j'ai commencé l'escalade.
|
||||||
|
Bien qu'elle fut rénovée avec de nouveaux murs, l'ancienneté de la salle la contraint à avoir une surface bien plus petit que les salles modernes comme B up Dellile.
|
||||||
|
Il n'empêche que c'est ici que j'ai pratiqué 5 ans sur 6 d'escalade, le manque de bonne voie m'a directement conduit à être plus spécialisé envers les blocs. </pre></strong></figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
<!IDOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Image Marron Polaire</title>
|
||||||
|
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||||
|
<style> Truc </style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<figure>
|
||||||
|
<img src="Image2/ClimbUpAvant.jpg" title="Climb Up Dijon, avant sa rénovation" />
|
||||||
|
<figcaption><strong><pre>La salle que j'ai commencé avant ses rénovations vers 2020, c'est dans état où j'ai découvert l'escalade, vers mes 12-13 ans.
|
||||||
|
Bien qu'une section "caverne" (avec prises sur plafond et arc) ne figure pas dans les rénovation et qu'il n'y a plus de "champignon" (Structure à droite de la caverne),
|
||||||
|
je dois reconnaître que le coût d'une dIversité de mur a permi d'améliorer la qualité de la salle; elle était trop étroite, réduisant fortement l'espace où plusieurs escaladeurs pouvaient grimper en même temps.</pre></strong></figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
<!IDOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Image Marron Polaire</title>
|
||||||
|
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||||
|
<style> Truc </style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<figure>
|
||||||
|
<img src="Image2/Dellile.jpeg" title="B up Dellile" />
|
||||||
|
<figcaption><strong><pre>La salle d'escalade B up à Dellile, ouverte depuis un an, c'est ici que j'ai commencé l'escalade à Clermont-Ferrand.
|
||||||
|
Comparée à sa "grand soeur", Dellile est plus concentré sur les blocs ayant deux étages dédiés.
|
||||||
|
Je viens de temps à autres dans les cas où j'aimerai refaire du Bloc, c'est bien le domaine auquel j'excelle au mieux après tout.</pre></strong></figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,22 @@
|
|||||||
|
<!IDOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Image Marron Polaire</title>
|
||||||
|
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||||
|
<style> Truc </style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<figure>
|
||||||
|
<img src="Image2/hollow-knight.png" title="Hollow Knight, un jeu de la gamme MetroidVania" />
|
||||||
|
<figcaption><strong><pre>Hollow knight est un jeu de la gamme MetroidVania et l'un des meilleurs.
|
||||||
|
Leurs auteurs sont team Cherry, une petite équipe de développeur qui n'ont publié pourtant que quelques jeux.</pre></strong></figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
<!IDOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Image Marron Polaire</title>
|
||||||
|
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||||
|
<style> Truc </style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<figure>
|
||||||
|
<img src="Image2/HKmap.png" title="La carte de jeu entière de Hollow Knight" />
|
||||||
|
<figcaption><strong><pre>La "map" du jeu, avec des colorations différentes pour chaque zone.
|
||||||
|
Les dévellopeurs ont créé Hollow Knight sous l'idée d'explorer un TRÈS VASTE royaume devenu ruine, et ils n'ont pas échoué.
|
||||||
|
Il est facile de se perdre, même l'utilisation de la carte peut être compliqué puisque c'est votre propre personnage qui la complète après chacune de ses explorations.
|
||||||
|
En plus de cela, certains coins de chaque zones sont accessible que une fois que vous avez maitrisés de nouvelles capacités de mouvement.
|
||||||
|
Bref, le monde de Hollow Knight est rempli de surprise et de découverte, parfois caché derrière un mur.</strong></figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,22 @@
|
|||||||
|
<!IDOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Image Marron Polaire</title>
|
||||||
|
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||||
|
<style> Truc </style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<figure>
|
||||||
|
<img src="Image2/HKSS.jpg" title="Un screenshot d'un lieu de repos du jeu" />
|
||||||
|
<figcaption><strong><pre>Un élément fortement apprécié du jeu est son style unique où tout semble avoir été dessiné à la main.
|
||||||
|
De plus les musiques et le style vous permettent de mieux ressentir l'ambiance du jeu. </pre></strong></figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
After Width: | Height: | Size: 11 KiB |
@ -0,0 +1,67 @@
|
|||||||
|
<!IDOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>PASSION</title>
|
||||||
|
<link type="text/css" href="../CSS/Cursus.css" rel="stylesheet" media="all" />
|
||||||
|
<link type="text/css" href="../CSS/Menu.css" rel="stylesheet" media="all" />
|
||||||
|
<style> Took me so much freaking time for that poor render, I feel scammed and as if precious time was stolen for me</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav class="MenuN">
|
||||||
|
<a href="../ACCUEIL/accueil AA" title="///">ACCUEIL</a>
|
||||||
|
<a href="../CURSUS/Cursus scolaire" title="///">CURSUS</a>
|
||||||
|
<a href="../PLANNING/Planning" title="///">PLANNING</a>
|
||||||
|
<a href="../CONTACT/Contact" title="///">CONTACT</a>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
<div class="blanc"></div>
|
||||||
|
</header>
|
||||||
|
<ul>
|
||||||
|
<li><h1> Rock climbing</h1><ul>
|
||||||
|
|
||||||
|
|
||||||
|
<li><h2>Intérieur</h2><ul>
|
||||||
|
<li><a href="Brezet" title="Cliquez pour voir plus"><img src="Image2/Brezet.jpg" title="B up Brezet" /></a></li>
|
||||||
|
|
||||||
|
<li><a href="Dellile" title="Cliquez pour voir plus"><img src="Image2/Dellile.jpeg" title="B up Dellile" /></a></li>
|
||||||
|
|
||||||
|
<li><a href="Climb Up Dijon" title="Cliquez pour voir plus"><img src="Image2/ClimbUp.jpg" title="Climb up Dijon" /> </a></li>
|
||||||
|
|
||||||
|
<li><a href="Climb up Dijon Avant" title="Cliquez pour voir plus"> <img src="Image2/ClimbUpAvant.jpg" title="Climb Up Dijon, avant sa rénovation" /> </a></li>
|
||||||
|
|
||||||
|
</ul></li>
|
||||||
|
|
||||||
|
<li><h2>Extérieur</h2><ul>
|
||||||
|
<li><a href="BlocExt" title="Cliquez pour voir plus"> <img src="Image2/Fontainebleau.jpg" title="Bloc à Fontainebleau" /></a></li>
|
||||||
|
|
||||||
|
<li><a href="VoieExt" title="Cliquez pour voir plus"> <img src="Image2/Helmetless.jpg" title="Voie d'escalade à corde" /> </a></li>
|
||||||
|
|
||||||
|
</ul></li>
|
||||||
|
|
||||||
|
</ul></li>
|
||||||
|
|
||||||
|
<li><h1> Jeux vidéo </h1><ul>
|
||||||
|
|
||||||
|
<li><h2>Hollow Knight</h2><ul>
|
||||||
|
|
||||||
|
<li><a href="HKPoster" title="Cliquez pour voir plus"> <img src="Image2/hollow-knight.png" title="Hollow Knight, un jeu de la gamme MetroidVania" /> </a></li>
|
||||||
|
|
||||||
|
<li><a href="HKss" title="Cliquez pour voir plus"> <img src="Image2/HKSS.jpg" title="Un screenshot d'un lieu de repos du jeu" /> </a></li>
|
||||||
|
|
||||||
|
<li><a href="HKmap" title="Cliquez pour voir plus"> <img src="Image2/HKmap.png" title="La carte de jeu entière de Hollow Knight" /> </a></li>
|
||||||
|
|
||||||
|
</ul></li>
|
||||||
|
|
||||||
|
</ul></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<footer><a href="../ACCUEIL/accueil AA" title="Retourner à la page d'accueil">Retour à la page d'accueil</a></footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
<!IDOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Image Marron Polaire</title>
|
||||||
|
<link type="text/css" href="../CSS/StyleImageREP.css" rel="stylesheet" media="all" />
|
||||||
|
<style> Truc </style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<figure>
|
||||||
|
<img src="Image2/Helmetless.jpg" title="Voie d'escalade à corde" />
|
||||||
|
<figcaption><strong><pre>Il s'agit d'une voie en nature, ce que j'ai fait très peu dans ma vie. Les voies extérieurs sont fondatelement différents des voies en salle;
|
||||||
|
C'est du hazard, tout bloc et voie en salle a été conçu et pensé par un être humain, il s'agit donc plus d'un puzzle/énigme où les prises sont bient colorés et bien visible.
|
||||||
|
Les prises aggrippe souvent bien plus et sont moins visibles, il est IMPORTANT DE PORTER UN CASQUE, contrairement à la personne photographiée.
|
||||||
|
|
||||||
|
À cause de la popularité croissante de l'escalade en intérieur, beeaucoup de gens sous estime la différence entre la "vraie et originale" pratique de l'escalade.
|
||||||
|
Cela les a menés souvent à se blesser, voir mourir, un coup sur la tête ne peut peut-être pas vous blessert directement, mais la gonflure écrasera votre cerveau et peut mener à des dommages psychologique.
|
||||||
|
De même, porter des bijoux, coliers ou autres objets pouvant s'accrocher au prises lors d'une chute est également dangereux;
|
||||||
|
il est possible de s'arracher un doigt à cause d'une bague en chutant.</pre></strong></figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in new issue