FINIIIIIIIHIHI
104
CV_Khalid.html
Normal file
@ -0,0 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CV - CHENOUNA Khalid</title>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
function printCV() {
|
||||
window.print();
|
||||
}
|
||||
</script>
|
||||
<button onclick="printCV()">Imprimer le CV</button>
|
||||
|
||||
<header>
|
||||
<h1>CHENOUNA Khalid</h1>
|
||||
<p>Formation</p>
|
||||
<p>+33 7 66 09 72 72</p>
|
||||
<p>chenouna.khalid1031@gmail.com</p>
|
||||
<p>143 allée de la dalençonne, 77350 Le Mée Sur Seine</p>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.education, .experience {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.skills {
|
||||
margin-left: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</header>
|
||||
|
||||
<section class="section">
|
||||
<h2>Formation</h2>
|
||||
<div class="education">
|
||||
<h3>2023 - 2024 : Première année de BUT Informatique</h3>
|
||||
<p>IUT de Fontainebleau</p>
|
||||
</div>
|
||||
<div class="education">
|
||||
<h3>2023 : Baccalauréat Général (mention assez bien)</h3>
|
||||
<p>Spécialités:
|
||||
- Mathématiques (transformée en Maths Complémentaires durant la Terminale)
|
||||
- Numérique et Sciences Informatiques
|
||||
- Sciences de l'Ingénieur
|
||||
</p>
|
||||
<p>Lycée Léonard de Vinci, 77000 Melun</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Loisirs</h2>
|
||||
<div class="interests">
|
||||
<p>Programmation : Projets personnels en LUA (language informatique impératif) pour créer un jeu vidéo sur la plateforme Roblox</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Langues</h2>
|
||||
<p>- Français (langue maternelle)</p>
|
||||
<p>- Anglais (niveau B2)</p>
|
||||
<p>- Espagnol (niveau A1)</p>
|
||||
<p>- Arabe (niveau B1)</p>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Compétences Informatiques</h2>
|
||||
<div class="skills">
|
||||
<p>C89 : Bonne maîtrise (réalisation du jeu Snake)</p>
|
||||
<p>Programmation Web HTML 5/CSS : Notions (création d'un site de location)</p>
|
||||
<p>Base de données Oracle SQL : Bonne maîtrise</p>
|
||||
<p>UML: Bonne maîtrise</p>
|
||||
<p>Administration et réseaux Bash : Bonne maîtrise (installation d'un poste de travail)</p>
|
||||
<p>LUA : Réalisation d'un projet ( créer un jeu vidéo sur la plateforme Roblox)</p>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2>Expérience Professionnelle</h2>
|
||||
<div class="experience">
|
||||
<p>Mars 2023 : Stage d'observation d'une semaine dans une boulangerie.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
@ -15,7 +15,6 @@
|
||||
|
||||
<header>
|
||||
<h1>FOULOU Lenny</h1>
|
||||
<p>Formation</p>
|
||||
<p>+33 7 69 20 13 37</p>
|
||||
<p>lenny.foulou@etu.u-pec.fr</p>
|
||||
<p>27 rue des Chanois, 77000 Livry sur Seine</p>
|
||||
@ -63,6 +62,10 @@
|
||||
</p>
|
||||
<p>Lycée Simone Signoret, 77000 Vaux-le-Pénil</p>
|
||||
</div>
|
||||
<div class="education">
|
||||
<h3>2020 Brevet des collèges avec mention très bien</h3>
|
||||
<p>Collège La Mare aux champs</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
|
BIN
Decathlon-logo.png
Normal file
After ![]() (image error) Size: 22 KiB |
BIN
ULM.png
Normal file
After ![]() (image error) Size: 134 KiB |
BIN
bateau_familiale.jpg
Normal file
After ![]() (image error) Size: 384 KiB |
BIN
bateau_luxe.png
Normal file
After ![]() (image error) Size: 268 KiB |
BIN
camping_car.jpg
Normal file
After ![]() (image error) Size: 117 KiB |
BIN
caravane.jpg
Normal file
After ![]() (image error) Size: 142 KiB |
BIN
ciel_background.jpeg
Normal file
After ![]() (image error) Size: 383 KiB |
@ -69,7 +69,7 @@
|
||||
</div>
|
||||
|
||||
<div class="creator-profile">
|
||||
<img src="perso.png" alt="Créateur 2">
|
||||
<img src="khalid.jpeg" alt="Créateur 2">
|
||||
<div class="profile-description">
|
||||
<h3>Khalid CHENOUNA</h3>
|
||||
<p>Co-dirigeant et webmaster de Pegasus</p>
|
||||
@ -79,7 +79,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="creator-profile">
|
||||
<img src="perso.png" alt="Créateur 3">
|
||||
<img src="yanis.jpeg" alt="Créateur 3">
|
||||
<div class="profile-description">
|
||||
<h3>Nom du Créateur 3</h3>
|
||||
<p>Designer de Pegasus</p>
|
||||
|
BIN
desert_background.jpg
Normal file
After ![]() (image error) Size: 117 KiB |
237
equipement.html
@ -0,0 +1,237 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1,width=device-width">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
|
||||
<title>Pegasus</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<div class="header-placeholder"></div>
|
||||
<header>
|
||||
<h2 class="logo"><img src="logo1.png" alt="Votre Logo" width="100"></h2>
|
||||
<div class="menu-toggle">
|
||||
<img src="menu.png" alt="Menu Burger" width="30">
|
||||
</div>
|
||||
<nav class="navigation">
|
||||
<a href ="index.html">Acceuil</a>
|
||||
<a href ="réservation.html">Réservation</a>
|
||||
<a href ="equipement.html">Nos équipements</a>
|
||||
<a href ="contact.html">Contact</a>
|
||||
<a href ="faq.html">FAQ</a>
|
||||
</nav>
|
||||
<div class="menu-toggle" id="mobile-menu">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
|
||||
<div class="mobile-menu">
|
||||
<a href="index.html">Acceuil</a>
|
||||
<a href="réservation.html">Réservation</a>
|
||||
<a href="equipement.html">Nos équipements</a>
|
||||
<a href="contact.html">Contact</a>
|
||||
<a href="faq.html">FAQ</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="presentation">
|
||||
<img src="logo2.png" alt="Votre Logo" width="500" style="margin-left: auto; margin-right: auto;">
|
||||
|
||||
<h2>Voici la liste de nos équipements</h2>
|
||||
<p>Choisissez le thème :</p>
|
||||
|
||||
<div class="theme-buttons">
|
||||
<button class="theme-button">Ciel</button>
|
||||
<button class="theme-button">Mer</button>
|
||||
<button class="theme-button">Neige</button>
|
||||
<button class="theme-button">Désert</button>
|
||||
</div>
|
||||
|
||||
<div class="theme-contents">
|
||||
<div class="theme-content ciel">
|
||||
<h3>Ciel</h3>
|
||||
<p>Explorez les hauteurs avec nos équipements aériens. Profitez de vues panoramiques et d'une expérience céleste inoubliable.</p>
|
||||
|
||||
<div class="equipment-list">
|
||||
<div class="equipment-item">
|
||||
<img src="montgolfiere.jpg" alt="Montgolfière">
|
||||
<div class="equipment-info">
|
||||
<h4>Montgolfière</h4>
|
||||
<p>Envolez-vous vers l'extraordinaire avec notre montgolfière de rêve ! Profitez d'une vue panoramique à couper le souffle, glissant doucement dans le ciel.</p>
|
||||
<p>Âge minimum requis: 8 ans</p>
|
||||
<p>Tarif : 150€/h</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ajoutez un autre équipement dans la même ligne -->
|
||||
<div class="equipment-item">
|
||||
<img src="ULM.png" alt="Autre Image">
|
||||
<div class="equipment-info">
|
||||
<h4>( ! MISE EN PLACE ETE 2024 ! ) ULM</h4>
|
||||
<p>Cet Aéronef ultraléger motorisé va vous faire sentir tel un oiseau dans le ciel ! Volez parmi les volatiles et sentez l'air parcourir votre visage, tel un homme libre !</p>
|
||||
<p>Âge minimum requis: 14 ans, Accompagné d'un accompagnateur professionnel</p>
|
||||
<p>Tarif : 125€/h</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="theme-content mer hidden">
|
||||
<!-- Contenu pour le thème Mer -->
|
||||
<h3>Mer</h3>
|
||||
<p>Plongez dans l'aventure aquatique avec nos équipements marins. Ressentez la liberté et l'excitation sur l'eau avec nos offres exceptionnelles.</p>
|
||||
<div class="equipment-list">
|
||||
<div class="equipment-item">
|
||||
<img src="jetski.jpg" alt="Jet Ski">
|
||||
<div class="equipment-info">
|
||||
<h4>Jet Ski</h4>
|
||||
<p>Découvrez l'ultime sensation de liberté aquatique avec notre jet-ski !
|
||||
Puissant, agile et conçu pour l'aventure, il offre des moments inoubliables sur l'eau.
|
||||
Embarquez dès maintenant pour des escapades palpitantes et des souvenirs pleins de vitesse et de plaisir.
|
||||
Le jet-ski, c'est la promesse d'une expérience aquatique exceptionnelle !</p>
|
||||
|
||||
<p>Âge minimum requis: 12 ans accompagné, 16 ans non accompagné</p>
|
||||
<p>Tarif : 60€/30 min | 35€/15min</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-item">
|
||||
<img src="bateau_luxe.png" alt="Bateau de Luxe">
|
||||
<div class="equipment-info">
|
||||
<h4>Bateau de luxe a haute vitesse</h4>
|
||||
<p>Embarquez à bord de notre bateau de luxe à haute vitesse pour une expérience maritime exceptionnelle. Doté de performances incomparables, ce navire vous offre une aventure palpitante sur les vagues.</p>
|
||||
<p>Que vous cherchiez l'adrénaline des virages rapides ou simplement une croisière élégante, notre bateau de luxe répondra à toutes vos attentes.</p>
|
||||
|
||||
<p>Âge minimum requis: 18 ans, Nb max personnes : 8 pers</p>
|
||||
<p>Tarif : 350€/h </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-item">
|
||||
<img src="bateau_familiale.jpg" alt="Bateau familiale">
|
||||
<div class="equipment-info">
|
||||
<h4>Bateau familiale</h4>
|
||||
<p>Profitez de moments mémorables en famille à bord de notre bateau familial spacieux et confortable. Ce navire est conçu pour offrir une expérience maritime détendue et sécurisée pour tous les membres de la famille.</p>
|
||||
<p>Que vous souhaitiez explorer la côte, pêcher tranquillement ou simplement vous détendre au soleil, notre bateau familial est l'option idéale.</p>
|
||||
|
||||
<p>Âge minimum requis: Tout âges, 16 ans accompagné</p>
|
||||
<p>Tarif : 100€/h </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="theme-content neige">
|
||||
<h3>Neige</h3>
|
||||
<p>Vibrez au rythme de l'hiver avec nos équipements conçus pour les paysages enneigés. Profitez d'une aventure hivernale mémorable.</p>
|
||||
|
||||
<div class="equipment-list">
|
||||
<div class="equipment-item">
|
||||
<img src="motoneige.jpg" alt="Motoneige">
|
||||
<div class="equipment-info">
|
||||
<h4>Motoneige</h4>
|
||||
<p>Découvrez l'adrénaline hivernale avec notre moto-neige ultime, conçue pour dompter les paysages enneigés. Vibrez au rythme de l'aventure et explorez des terrains gelés avec une puissance inégalée</p>
|
||||
<p>Âge minimum requis: 16 ans</p>
|
||||
<p>Tarif : 150€/h</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ajoutez un autre équipement dans la même ligne -->
|
||||
<div class="equipment-item">
|
||||
<img src="tout-terrain-neige.jpeg" alt="Tout terrain électrique">
|
||||
<div class="equipment-info">
|
||||
<h4>Tout Terrain électrique</h4>
|
||||
<p>Domptez les étendues enneigées avec notre tout-terrain électrique spécial neige.
|
||||
Silencieux et puissant, ce véhicule vous offre une aventure hivernale inoubliable, parfait pour explorer les paysages enneigés en toute tranquillité.</p>
|
||||
<p>Âge minimum requis: 14 ans</p>
|
||||
<p>Tarif : 65€/h </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="theme-content desert">
|
||||
<h3>Desert</h3>
|
||||
<p>Explorez les vastes étendues désertiques avec nos équipements tout-terrain. Vivez une aventure désertique inoubliable.</p>
|
||||
|
||||
<div class="equipment-list">
|
||||
<div class="equipment-item">
|
||||
<img src="buggy.jpg" alt="Montgolfière">
|
||||
<div class="equipment-info">
|
||||
<h4>Buggy tout terrain</h4>
|
||||
<p>Découvrez l'excitation ultime du désert avec notre buggy tout-terrain. Conçu pour la puissance et l'aventure, il vous propulse à travers les dunes pour une expérience palpitante et inoubliable.</p>
|
||||
<p>Conditions : Permis B confirmé (3ans), tous ages passagers</p>
|
||||
<p>Tarif par heure: 125 €</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ajoutez un autre équipement dans la même ligne -->
|
||||
<div class="equipment-item">
|
||||
<img src="mystere.jpg" alt="Qui est ce ?">
|
||||
<div class="equipment-info">
|
||||
<h4>ARRIVE PROCHAINEMENT</h4>
|
||||
<p>Restés informés, on vous tiendra au jus !</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="slogan">Vivez l'aventure, louez avec Pegasus!</p>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<div class="footer-section about">
|
||||
<h2>Mentions légales</h2>
|
||||
<p><a href="mention.html">Mentions légales</a></p>
|
||||
</div>
|
||||
<div class="footer-section contact">
|
||||
<h2>Contactez-nous</h2>
|
||||
<p>Email: contact@pegasus.com</p>
|
||||
<p>Téléphone: +123 456 789</p>
|
||||
</div>
|
||||
<div class="social-icons">
|
||||
<h2>Réseaux sociaux</h2>
|
||||
<a href="#" target="_blank"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
|
||||
<a href="#" target="_blank"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
|
||||
<a href="#" target="_blank"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
|
||||
</div>
|
||||
|
||||
<div class="footer-section links">
|
||||
<h2>Liens rapides</h2>
|
||||
<ul>
|
||||
<li><a href="index.html">Acceuil</a></li>
|
||||
<li><a href="réservation.html">Réservation</a></li>
|
||||
<li><a href="equipement.html">Nos équipements</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<li><a href="faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>© 2024 Pegasus. Tous droits réservés.</p>
|
||||
<p>Créez par Lenny FOULOU, Khalid CHENOUNA et Yanis RECHACHI</p>
|
||||
</div>
|
||||
</footer>
|
||||
<button id="backToTopBtn" title="Retour en haut">↑</button>
|
||||
<script src="script.js"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
25
faq.html
@ -24,7 +24,7 @@
|
||||
<a href ="index.html">Acceuil</a>
|
||||
<a href ="réservation.html">Réservation</a>
|
||||
<a href ="equipement.html">Nos équipements</a>
|
||||
<a href ="contact.html">Contact</a>
|
||||
<a href ="contact.html">À propos</a>
|
||||
<a href ="faq.html">FAQ</a>
|
||||
</nav>
|
||||
<div class="menu-toggle" id="mobile-menu">
|
||||
@ -87,26 +87,28 @@
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<div class="footer-section about">
|
||||
<h2>À propos de nous</h2>
|
||||
<p>Explorez vos vacances avec Pegasus, votre partenaire idéal pour la location d'équipement de loisir.</p>
|
||||
<h2>Mentions légales</h2>
|
||||
<p><a href="mention.html">Mentions légales</a></p>
|
||||
</div>
|
||||
<div class="footer-section contact">
|
||||
<h2>Contactez-nous</h2>
|
||||
<p>Email: contact@pegasus.com</p>
|
||||
<p>Téléphone: +123 456 789</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" target="_blank"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
|
||||
<a href="#" target="_blank"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
|
||||
<a href="#" target="_blank"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
|
||||
</div>
|
||||
<p>Email: contact.pegasusloc@gmail.com</p>
|
||||
<p>Téléphone: +33 1 23 45 67 89</p>
|
||||
</div>
|
||||
<div class="social-icons">
|
||||
<h2>Réseaux sociaux</h2>
|
||||
<a href="#" target="_blank"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
|
||||
<a href="#" target="_blank"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
|
||||
<a href="#" target="_blank"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
|
||||
</div>
|
||||
|
||||
<div class="footer-section links">
|
||||
<h2>Liens rapides</h2>
|
||||
<ul>
|
||||
<li><a href="index.html">Acceuil</a></li>
|
||||
<li><a href="réservation.html">Réservation</a></li>
|
||||
<li><a href="equipement.html">Nos équipements</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<li><a href="contact.html">À propos</a></li>
|
||||
<li><a href="faq.html">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -114,7 +116,6 @@
|
||||
<div class="footer-bottom">
|
||||
<p>© 2024 Pegasus. Tous droits réservés.</p>
|
||||
<p>Créez par Lenny FOULOU, Khalid CHENOUNA et Yanis RECHACHI</p>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
<button id="backToTopBtn" title="Retour en haut">↑</button>
|
||||
|
BIN
khalid.jpeg
Normal file
After ![]() (image error) Size: 78 KiB |
BIN
logo2.png
Before ![]() (image error) Size: 34 KiB After ![]() (image error) Size: 62 KiB ![]() ![]() |
BIN
luge.jpg
Normal file
After ![]() (image error) Size: 2.1 MiB |
97
main.c
Normal file
@ -0,0 +1,97 @@
|
||||
#include <stdlib.h>
|
||||
#include <stdio.h>
|
||||
#include <graph.h>
|
||||
#include "../include/serpent.h"
|
||||
#include "../include/pastilles.h"
|
||||
#include "../include/terrain.h"
|
||||
#include "../include/jeu.h"
|
||||
#include "../include/structures.h"
|
||||
#include "../include/menu.h"
|
||||
#include "../include/timer.h"
|
||||
#define CYCLE 10000L
|
||||
|
||||
|
||||
int lancer_jeu() {
|
||||
JEU jeu;
|
||||
TIMER temps ;
|
||||
TERRAIN terrain;
|
||||
SERPENT snake;
|
||||
PASTILLE pill;
|
||||
|
||||
|
||||
jeu.direction = 4;
|
||||
jeu.last_direction = 4;
|
||||
jeu.score = 0;
|
||||
jeu.touche = 0;
|
||||
jeu.jeu_en_cours = 1;
|
||||
terrain.x = 600;
|
||||
terrain.y = 400;
|
||||
terrain.fond;
|
||||
snake.pos_x[2400];
|
||||
snake.pos_y[2400];
|
||||
snake.old_x[2400];
|
||||
snake.old_y[2400];
|
||||
snake.serpent;
|
||||
snake.segment = 10;
|
||||
pill.p;
|
||||
pill.pastille;
|
||||
pill.pastillex[5];
|
||||
pill.pastilley[5];
|
||||
|
||||
|
||||
|
||||
EffacerEcran(CouleurParComposante(114, 148, 77));
|
||||
temps.suivant = Microsecondes() + CYCLE;
|
||||
temps.old_seconde = (temps.suivant / 1000000) % 10;
|
||||
|
||||
DessinerScene(&temps, &terrain, &snake, &pill);
|
||||
|
||||
ChoisirCouleurDessin(CouleurParComposante(114, 148, 77));
|
||||
RemplirRectangle(0, 700, 1200, 800);
|
||||
|
||||
|
||||
|
||||
|
||||
while (jeu.jeu_en_cours) {
|
||||
Controle(&jeu);
|
||||
if (jeu.paused == 0) {
|
||||
Timer(&temps);
|
||||
Update_Timer(&temps);
|
||||
Serpent(&snake, &terrain, &jeu, &pill,&temps);
|
||||
Pastille(&pill);
|
||||
Update_Score(&jeu);
|
||||
|
||||
}
|
||||
}
|
||||
dessinerTempsFinal(temps.seconde);
|
||||
dessinerScoreFin(jeu.score);
|
||||
}
|
||||
|
||||
int main() {
|
||||
int choix = 0;
|
||||
|
||||
InitialiserGraphique();
|
||||
CreerFenetre(350, 100, 1200, 800);
|
||||
afficher_menu(&choix);
|
||||
|
||||
if (choix == 1) {
|
||||
TIMER temps;
|
||||
temps.minute = 0;
|
||||
temps.seconde = 0;
|
||||
temps.seconde_actuel = 0;
|
||||
temps.old_seconde = 0;
|
||||
temps.suivant = Microsecondes() + CYCLE;
|
||||
|
||||
lancer_jeu(&temps);
|
||||
|
||||
|
||||
}
|
||||
|
||||
if (choix == 2) {
|
||||
FermerGraphique();
|
||||
return EXIT_SUCCESS;
|
||||
}
|
||||
|
||||
FermerGraphique();
|
||||
return EXIT_SUCCESS;
|
||||
}
|
BIN
mer_background.jpg
Normal file
After ![]() (image error) Size: 20 KiB |
BIN
mystere.jpg
Normal file
After ![]() (image error) Size: 15 KiB |
BIN
neige_background.jpg
Normal file
After ![]() (image error) Size: 394 KiB |
40
script.js
@ -1,5 +1,4 @@
|
||||
|
||||
var mybutton = document.getElementById("backToTopBtn");
|
||||
var mybutton = document.getElementById("backToTopBtn");
|
||||
|
||||
// Afficher le bouton lorsqu'on descend en dessous de 20 pixels depuis le haut de la page
|
||||
window.onscroll = function () {
|
||||
@ -39,3 +38,40 @@
|
||||
mobileMenu.style.display = mobileMenu.style.display === 'none' ? 'flex' : 'none';
|
||||
});
|
||||
});
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var buttons = document.querySelectorAll('.theme-button');
|
||||
var contents = document.querySelectorAll('.theme-content');
|
||||
|
||||
// Ajoutez une classe "hidden" à tous les contenus initialement
|
||||
contents.forEach(function (content) {
|
||||
content.classList.add('hidden');
|
||||
});
|
||||
|
||||
buttons.forEach(function (button, index) {
|
||||
button.addEventListener('click', function () {
|
||||
// Cachez tous les contenus
|
||||
contents.forEach(function (content) {
|
||||
content.classList.add('hidden');
|
||||
});
|
||||
|
||||
// Retirez la classe "hidden" du contenu associé au bouton cliqué
|
||||
contents[index].classList.remove('hidden');
|
||||
|
||||
// Gérez le fond spécifique au thème
|
||||
if (contents[index].classList.contains('ciel')) {
|
||||
document.body.classList.remove('mer-background', 'neige-background', 'desert-background');
|
||||
document.body.classList.add('ciel-background');
|
||||
} else if (contents[index].classList.contains('mer')) {
|
||||
document.body.classList.remove('ciel-background', 'neige-background', 'desert-background');
|
||||
document.body.classList.add('mer-background');
|
||||
} else if (contents[index].classList.contains('neige')) {
|
||||
document.body.classList.remove('ciel-background', 'mer-background', 'desert-background');
|
||||
document.body.classList.add('neige-background');
|
||||
} else if (contents[index].classList.contains('desert')) {
|
||||
document.body.classList.remove('ciel-background', 'mer-background', 'neige-background');
|
||||
document.body.classList.add('desert-background');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
BIN
skis.jpg
Normal file
After ![]() (image error) Size: 89 KiB |
58
style.css
@ -393,3 +393,61 @@
|
||||
}
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.equipment-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.equipment-item {
|
||||
width: calc(50% - 10px); /* 10px de marge entre les éléments */
|
||||
margin-bottom: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.equipment-item img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
body.no-margin .theme-button {
|
||||
margin-bottom: 100px; /* Ajoutez la marge que vous préférez */
|
||||
}
|
||||
|
||||
.equipment-item {
|
||||
width: calc(50% - 10px); /* Utilisez 50% pour deux équipements par ligne, ajustez si nécessaire */
|
||||
margin-bottom: 20px;
|
||||
box-sizing: border-box; /* Assurez-vous que la largeur inclut la marge */
|
||||
background-color: rgba(255, 255, 255, 0.7); /* Ajoutez une couleur de fond semi-transparente pour améliorer la lisibilité du texte */
|
||||
padding: 15px; /* Ajoutez une marge intérieure pour améliorer la lisibilité du texte */
|
||||
}
|
||||
|
||||
.ciel-background {
|
||||
background-image: url('ciel_background.jpeg'); /* Remplacez 'ciel_background.jpg' par le chemin de votre image de fond */
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 20px; /* Ajoutez une marge intérieure pour améliorer la lisibilité du contenu */
|
||||
}
|
||||
|
||||
|
||||
.mer-background {
|
||||
background-image: url('mer_background.jpg'); /* Remplacez 'mer_background.jpg' par le chemin de votre image de fond pour la mer */
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.neige-background {
|
||||
background-image: url('neige_background.jpg'); /* Remplacez 'chemin_vers_l_image.jpg' par le chemin de votre image de fond pour la neige */
|
||||
padding: 20px; /* Ajoutez une marge intérieure pour améliorer la lisibilité du contenu */
|
||||
}
|
||||
|
||||
.desert-background {
|
||||
background-image: url('desert_background.jpg'); /* Remplacez 'chemin_vers_l_image_desert.jpg' par le chemin de votre image de fond pour le désert */
|
||||
padding: 20px; /* Ajoutez une marge intérieure pour améliorer la lisibilité du contenu */
|
||||
}
|
BIN
tout-terrain-neige.jpeg
Normal file
After ![]() (image error) Size: 52 KiB |
BIN
van_amenage.jpg
Normal file
After ![]() (image error) Size: 520 KiB |
BIN
yamaha.jpg
Normal file
After ![]() (image error) Size: 29 KiB |
BIN
yanis.jpeg
Normal file
After ![]() (image error) Size: 6.5 KiB |