beau/projet-clicodrome2.0
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ajout de section et du main

Browse source
This commit is contained in:
thaaoblues 2025-01-01 17:10:28 +01:00
parent 613aa7ab88
commit 9faabef419
1 changed files with 77 additions and 68 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

93
index.html
View file

@ -8,7 +8,6 @@
<link rel="stylesheet" href="./css/index.css"> <link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/alerte/a1.css" id="alerte-css"> <link rel="stylesheet" href="./css/alerte/a1.css" id="alerte-css">
<link rel="icon" type="image/x-icon" href="/img/favicon.ico"> <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
</head> </head>
<body> <body>
<script src="./js/intro.js" defer></script> <script src="./js/intro.js" defer></script>
@ -16,81 +15,91 @@
<script src="./js/main.js" defer></script> <script src="./js/main.js" defer></script>
<script src="./js/alerte.js"></script> <script src="./js/alerte.js"></script>
<script src="./js/collegue.js"></script> <script src="./js/collegue.js"></script>
<!-- Contenu principal -->
<main>
<!-- Section Confettis -->
<section id="confetti-section">
<div id="confetti-container"></div> <div id="confetti-container"></div>
</section>
<!-- Section Score -->
<section id="score-section">
<div id="score_button" class="score-button"> <div id="score_button" class="score-button">
<div id="div_score" class="div-centrer-contenu"> <div id="div_score" class="div-centrer-contenu"></div>
</div>
<div id="div_button" class="bouton-score div-centrer-contenu"> <div id="div_button" class="bouton-score div-centrer-contenu">
<button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button> <button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
</div> </div>
</div> </div>
</section>
<!-- Section Tableaux -->
<section id="technologies-section">
<h2>Magasin des technologies</h2>
<table id="table_magasin_technologies" class="table-magasin"> <table id="table_magasin_technologies" class="table-magasin">
<thead id="table_magasin_technologies_head"> <thead id="table_magasin_technologies_head"></thead>
<tbody id="table_magasin_technologies_body"></tbody>
</thead>
<tbody id="table_magasin_technologies_body">
</tbody>
</table> </table>
</section>
<section id="collegues-section">
<h2>Magasin des collègues</h2>
<table id="table_magasin_collegues"> <table id="table_magasin_collegues">
<thead> <thead>
<th>nom</th> <tr>
<th>revenu passif</th> <th>Nom</th>
<th>cout</th> <th>Revenu passif</th>
<th>lien</th> <th>Coût</th>
<th>Lien</th>
</tr>
</thead> </thead>
<tbody id="table_magasin_collegues_body"> <tbody id="table_magasin_collegues_body"></tbody>
</tbody>
</table> </table>
</section>
<!-- Section Image animée -->
<section id="image-collegue-section" class="div-centrer-contenu">
<img id="image_collegue_animee" alt="Image d'un collègue animé">
</section>
<div class="div-centrer-contenu" > <!-- Section Vidéo -->
<img id="image_collegue_animee"> <section id="video-section" class="div-centrer-contenu">
</div> <video controls id="never" hidden></video>
<div class="div-centrer-contenu">
<!-- RickRoll-->
<video controls id="never" hidden>
</video>
<button id="close_rick" type="button" hidden>X</button> <button id="close_rick" type="button" hidden>X</button>
</div> </section>
<!-- Section Alertes -->
<!-- Custom Alert Modal --> <section id="alerte-section">
<div id="alerte_jolie" class="modal div-centrer-contenu"> <div id="alerte_jolie" class="modal div-centrer-contenu">
<div class="modal-content"> <div class="modal-content">
<span class="close-btn" onclick="fermerAlerte()">&times;</span> <span class="close-btn" onclick="fermerAlerte()">&times;</span>
<p id="message_alerte_jolie"></p> <p id="message_alerte_jolie"></p>
<div class="div-centrer-contenu"> <div class="div-centrer-contenu">
<input type="text" id="input_alerte_jolie"> <input type="text" id="input_alerte_jolie">
<button class="bouton-ok" onclick="fermerAlerte()">OK</button> <button class="bouton-ok" onclick="fermerAlerte()">OK</button>
</div> </div>
</div> </div>
</div> </div>
<div class="ad" style="display: none;"> </section>
<!-- Section Publicités -->
<section id="ad-section" class="ad" style="display: none;">
<img src="./img/miaou1.jpeg" alt="Chat" class="adt2"> <img src="./img/miaou1.jpeg" alt="Chat" class="adt2">
<div></div> <div></div>
<img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3"> <img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3">
</div> </section>
<!-- Section Cadeau -->
<section id="cadeau-section">
<div id="div_cadeau"> <div id="div_cadeau">
<img id="img_cadeau" src="img/cadeau.png"> <img id="img_cadeau" src="img/cadeau.png" alt="Image de cadeau">
</div> </div>
</body> </section>
</main>
<!-- Pied de page -->
<footer> <footer>
<p>L'evolution est non contractuelle, adaptée pour le gameplay</p> <p>L'évolution est non contractuelle, adaptée pour le gameplay</p>
</footer> </footer>
</body>
</html> </html>