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

143
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>
<div id="confetti-container"></div>
<div id="score_button" class="score-button">
<div id="div_score" class="div-centrer-contenu">
</div> <!-- Contenu principal -->
<main>
<!-- Section Confettis -->
<section id="confetti-section">
<div id="confetti-container"></div>
</section>
<div id="div_button" class="bouton-score div-centrer-contenu"> <!-- Section Score -->
<section id="score-section">
<div id="score_button" class="score-button">
<div id="div_score" class="div-centrer-contenu"></div>
<div id="div_button" class="bouton-score div-centrer-contenu">
<button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
</div>
</div>
</section>
<button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button> <!-- Section Tableaux -->
</div> <section id="technologies-section">
</div> <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>
</table>
</section>
</thead> <section id="collegues-section">
<h2>Magasin des collègues</h2>
<table id="table_magasin_collegues">
<thead>
<tr>
<th>Nom</th>
<th>Revenu passif</th>
<th>Coût</th>
<th>Lien</th>
</tr>
</thead>
<tbody id="table_magasin_collegues_body"></tbody>
</table>
</section>
<tbody id="table_magasin_technologies_body"> <!-- 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>
</tbody> <!-- Section Vidéo -->
</table> <section id="video-section" class="div-centrer-contenu">
<video controls id="never" hidden></video>
<button id="close_rick" type="button" hidden>X</button>
</section>
<table id="table_magasin_collegues"> <!-- Section Alertes -->
<thead> <section id="alerte-section">
<th>nom</th> <div id="alerte_jolie" class="modal div-centrer-contenu">
<th>revenu passif</th> <div class="modal-content">
<th>cout</th> <span class="close-btn" onclick="fermerAlerte()">&times;</span>
<th>lien</th> <p id="message_alerte_jolie"></p>
</thead> <div class="div-centrer-contenu">
<tbody id="table_magasin_collegues_body"> <input type="text" id="input_alerte_jolie">
<button class="bouton-ok" onclick="fermerAlerte()">OK</button>
</div>
</div>
</div>
</section>
</tbody> <!-- Section Publicités -->
</table> <section id="ad-section" class="ad" style="display: none;">
<img src="./img/miaou1.jpeg" alt="Chat" class="adt2">
<div></div>
<img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3">
</section>
<!-- Section Cadeau -->
<section id="cadeau-section">
<div id="div_cadeau">
<img id="img_cadeau" src="img/cadeau.png" alt="Image de cadeau">
</div>
</section>
</main>
<div class="div-centrer-contenu" > <!-- Pied de page -->
<img id="image_collegue_animee"> <footer>
</div> <p>L'évolution est non contractuelle, adaptée pour le gameplay</p>
</footer>
<div class="div-centrer-contenu">
<!-- RickRoll-->
<video controls id="never" hidden>
</video>
<button id="close_rick" type="button" hidden>X</button>
</div>
<!-- Custom Alert Modal -->
<div id="alerte_jolie" class="modal div-centrer-contenu">
<div class="modal-content">
<span class="close-btn" onclick="fermerAlerte()">&times;</span>
<p id="message_alerte_jolie"></p>
<div class="div-centrer-contenu">
<input type="text" id="input_alerte_jolie">
<button class="bouton-ok" onclick="fermerAlerte()">OK</button>
</div>
</div>
</div>
<div class="ad" style="display: none;">
<img src="./img/miaou1.jpeg" alt="Chat" class="adt2">
<div></div>
<img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3">
</div>
<div id="div_cadeau">
<img id="img_cadeau" src="img/cadeau.png">
</div>
</body> </body>
<footer>
<p>L'evolution est non contractuelle, adaptée pour le gameplay</p>
</footer>
</html> </html>