mougnibas/projet-clicodrome
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ptits arrangements

Browse source
This commit is contained in:
thaaoblues 2024-12-22 19:03:45 +01:00
parent d4e5705411
commit 6e33cfc44e
4 changed files with 70 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
index.html
View file

@ -4,21 +4,23 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prog Web Legend</title> <title>Prog Web Legend</title>
<script> alert("click")</script>
<link rel="stylesheet" href="" id="link-css"> <link rel="stylesheet" href="" id="link-css">
<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">
</head>
<body>
<script src="./js/intro.js" defer></script> <script src="./js/intro.js" defer></script>
<script src="./js/element.js"></script> <script src="./js/element.js"></script>
<script src="./js/technologie.js"></script> <script src="./js/technologie.js"></script>
<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>
</head>
<body>
<div id="conteneur_confetti"></div>
<section>
<div id="div_score" style=" display: flex; justify-content: center;"> <div id="div_score" style=" display: flex; justify-content: center;">
</div> </div>
@ -27,7 +29,10 @@
<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>
</section>
<section>
<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">
@ -49,12 +54,15 @@
</tbody> </tbody>
</table> </table>
</section>
<!-- Custom Alert Modal --> <!-- Signaler que ces éléments sont superflus avec une balise d'accessibilité-->
<aside>
<!-- Alerte personalisée pour faire évoluer le style -->
<div id="alerte_jolie" class="modal"> <div id="alerte_jolie" class="modal">
<div class="modal-content"> <div class="modal-content">
<span class="close-btn" onclick="fermerAlerte()">&times;</span> <span class="close-btn" onclick="fermerAlerte()">&times;</span>
@ -73,9 +81,12 @@
<img id="image-collegue-animee"> <img id="image-collegue-animee">
</div> </div>
</aside>
</body> </body>
<footer> <footer>
<p>L'evolution est non contractuelle, adaptée pour le gameplay</p> <p>L'evolution est non contractuelle, adaptée pour le gameplay</p>
</footer> </footer>
</html> </html>

5
js/intro.js
View file

@ -1,5 +1,8 @@
document.addEventListener("click",firstClick)
window.addEventListener("DOMContentLoaded",(w,e)=>{
ouvrirAlerte("Cliquez sur OK pour jouer !")
firstClick()
})
function firstClick(){ function firstClick(){
let position_button=document.getElementById("div_button") let position_button=document.getElementById("div_button")

2
js/main.js
View file

@ -298,7 +298,7 @@ function leBoostDuProf(){
// fonction qui va creer plein d'elements confetti // fonction qui va creer plein d'elements confetti
function genererConfetti() { function genererConfetti() {
const container = document.getElementById("confetti-container") const container = document.getElementById("conteneur_confetti")
// couleurs des confetti à generer // couleurs des confetti à generer
const colors = ["#FF5733", "#33FF57", "#3357FF", "#FF33A1", "#FFD633", "#A833FF", "#33FFF6"] const colors = ["#FF5733", "#33FF57", "#3357FF", "#FF33A1", "#FFD633", "#A833FF", "#33FFF6"]

1
lisezmoi.md
View file

@ -41,7 +41,6 @@ XHTML5
- mettre des animations quand le score change de milier ( feu d'artifice ?) - mettre des animations quand le score change de milier ( feu d'artifice ?)
- vidéos - vidéos
- ne faire apparaitre les header du tableau qu'au premier clic - ne faire apparaitre les header du tableau qu'au premier clic
- faire une fonction qui en fonction de la puissance de 10 troncature le nb et met "milions", "quintilions"...
- mettre un palier où des photos aparaissent à coté de chaque collegue dans le magasin - mettre un palier où des photos aparaissent à coté de chaque collegue dans le magasin
## Idée de con ## Idée de con