This commit is contained in:
Adrian Amaglio 2024-03-18 10:04:28 +01:00
parent 7d2fbd5255
commit b9e5d42e61
4 changed files with 165 additions and 3 deletions

View File

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Les Enfants de Gaia</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Les Enfants de Gaia</h1>
<nav>
<ul>
<li><a href="index.html#accueil">Accueil</a></li>
<li><a href="index.html#evenements">Événements</a></li>
<li><a href="index.html#equipe">Notre Équipe</a></li>
<li><a href="index.html#contact">Contact</a></li>
<li><a href="login.html">Connexion astrale</a></li>
</ul>
</nav>
</header>
<article>
<h2>Bienvenue Usul le Purificateur !</h2>
Voici loutil de communication secret de la confrérie.
<aside>
<h3>Liste des membres en ligne</h3>
<ul>
<li>Alain Robert</li>
<li>Alexandra Masson </li>
<li>Angélique Ranc </li>
<li>Bennala</li>
<li>Bryan Masson </li>
<li>Caroline Colombier </li>
<li>Christian Girard </li>
<li>Christine Loir </li>
<li>Christophe Barthès </li>
<li>Edwige Diaz </li>
<li>Enzi Zattaron</li>
<li>Franck Allisio </li>
<li>Frédéric Falcon </li>
<li>Gisèle Lelouis </li>
<li>Grégoire De Fournas </li>
<li>Géraldine Grangier </li>
<li>Gérard Longuet</li>
<li>Gérard Écorcheville</li>
<li>Hugues Leclère</li>
<li>Jack Marchal</li>
<li>Jaul Parreau</li>
<li>Jean-Noël Prade</li>
<li>Jocelyn Dessigny </li>
<li>Jordan Bardella</li>
<li>Jordan Guitton </li>
<li>Jorys Bovet </li>
<li>José Beaurain </li>
<li>José Gonzales </li>
<li>Joëlle Mélin </li>
<li>Julien Rancoule </li>
<li>Jérôme Buisson </li>
<li>Katiana Levavasseur </li>
<li>Kévin Mauvieux </li>
<li>Laurent Bazin</li>
<li>Lionel Tivoli </li>
<li>Lisette Pollet </li>
<li>Mrigitte Bacron</li>
<li>Muillaume de Geurice</li>
<li>Nathalie Da Conceicao Carvalho </li>
<li>Nicolas Dragon </li>
<li>Nicolas Meizonnet </li>
<li>Pascal Praud</li>
<li>Pascale Bordes </li>
<li>Pierre Meurin </li>
<li>Robert Allo</li>
<li>Romain Baubry </li>
<li>Serge Muller </li>
<li>Thomas Hugues</li>
<li>Timothée Houssin </li>
<li>Yoann Gillet </li>
<ul>
</aside>
<p>
Ta dernière quête, lépreuve de lair, commence à présent.
Elle te préparera à repousser les fléaux de notre erre et à défendre ta patrie comme elle ta défendue.
<br/>
<br/>
Nous avons infiltré les instances dirigeante de lassociation depuis des générations.
<br/>
Leur QG na plus de secrets pour nous, mais la réciproque nest pas vraie car ils ont trop baissé la tête face à leffacement de notre culture.
</p>
</article>
</body>
</html>

View File

@ -7,6 +7,7 @@
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
<header>
<h1>Les Enfants de Gaia</h1>
<nav>
@ -15,6 +16,7 @@
<li><a href="#evenements">Événements</a></li>
<li><a href="#equipe">Notre Équipe</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="login.html">Connexion astrale</a></li>
</ul>
</nav>
</header>
@ -51,14 +53,15 @@
<img src="lettre.jpg" />
<main>
<h2>Contactez-nous</h2>
<p>Pour toute question ou demande, n'hésitez pas à nous contacter à ladresse enfants-de-gaia@jean-cloud.net</p>
<p>Suite à une trop forte solicitation, nous devons mettre en pause les demande de stages. Nous espérons les réouvrir au plus vite et vous remercions pour votre compréhension.</p>
</main>
</section>
<footer>
<p>
Text généré par chatGPT, images pixabay.com, hébergement web jean-cloud.net, css domaine publique.
Texte généré par chatGPT, images pixabay.com, hébergement web jean-cloud.net, html,css et javascript domaine publique.
</p>
</footer>
</div>
</body>
</html>

53
src/login.html Normal file
View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Les Enfants de Gaia</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Les Enfants de Gaia</h1>
<nav>
<ul>
<li><a href="index.html#accueil">Accueil</a></li>
<li><a href="index.html#evenements">Événements</a></li>
<li><a href="index.html#equipe">Notre Équipe</a></li>
<li><a href="index.html#contact">Contact</a></li>
<li><a href="login.html">Connexion astrale</a></li>
</ul>
</nav>
</header>
<article>
<form id="form">
login :
<input type="text" id="login" />
<br />
Mot de passe :
<input type="password" id="password" />
<br />
<input type="submit" value="Valider"/>
</form>
</article>
<script type="text/javascript">
function validate(event) {
login = document.getElementById('login').value
password = document.getElementById('password').value
window.location.href = btoa(login) + btoa(password) + '.html';
event.preventDefault();
event.stopPropagation();
return false
}
document.getElementById("form").addEventListener('submit', validate)
</script>
</body>
</html>

View File

@ -17,6 +17,7 @@ body {
height:95%;
}
/* Styles pour l'en-tête */
header {
background-color: #26a18a8c;
@ -41,7 +42,6 @@ nav ul li {
}
nav ul li a {
text-decoration: none;
color: #333;
font-weight: bold;
}
@ -92,3 +92,15 @@ footer {
font-size:0.1em;
}
aside {
float: right;
padding: 20px;
}
article {
padding: 20px;
}
#container {
max-width: 900px;
margin:auto;
}