ptits arrangements
This commit is contained in:
parent
d4e5705411
commit
6e33cfc44e
4 changed files with 70 additions and 57 deletions
119
index.html
119
index.html
|
@ -4,78 +4,89 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Prog Web Legend</title>
|
||||
<script> alert("click")</script>
|
||||
<link rel="stylesheet" href="" id="link-css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
<link rel="stylesheet" href="./css/alerte/a1.css" id="alerte-css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<script src="./js/intro.js" defer></script>
|
||||
<script src="./js/element.js"></script>
|
||||
<script src="./js/technologie.js"></script>
|
||||
<script src="./js/main.js" defer></script>
|
||||
<script src="./js/alerte.js"></script>
|
||||
<script src="./js/collegue.js"></script>
|
||||
<div id="confetti-container"></div>
|
||||
|
||||
<div id="div_score" style=" display: flex; justify-content: center;">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</div>
|
||||
<div id="conteneur_confetti"></div>
|
||||
|
||||
<div id="div_button" style=" display: flex; justify-content: center;">
|
||||
<section>
|
||||
<div id="div_score" style=" display: flex; justify-content: center;">
|
||||
|
||||
<button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
|
||||
</div>
|
||||
|
||||
<table id="table_magasin_technologies" class="table_magasin">
|
||||
<thead id="table_magasin_technologies_head">
|
||||
|
||||
</thead>
|
||||
|
||||
<tbody id="table_magasin_technologies_body">
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table style="margin-top:10px ;">
|
||||
<thead>
|
||||
<th>nom</th>
|
||||
<th>revenu passif</th>
|
||||
<th>cout</th>
|
||||
<th>lien</th>
|
||||
</thead>
|
||||
<tbody id="table_magasin_collegues_body">
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Custom Alert Modal -->
|
||||
<div id="alerte_jolie" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close-btn" onclick="fermerAlerte()">×</span>
|
||||
<p id="message_alerte_jolie"></p>
|
||||
<button onclick="fermerAlerte()">OK</button>
|
||||
</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_button" style=" display: flex; justify-content: center;">
|
||||
|
||||
<button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="div-centrer-contenu">
|
||||
<img id="image-collegue-animee">
|
||||
|
||||
</div>
|
||||
<section>
|
||||
<table id="table_magasin_technologies" class="table_magasin">
|
||||
<thead id="table_magasin_technologies_head">
|
||||
|
||||
</thead>
|
||||
|
||||
<tbody id="table_magasin_technologies_body">
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table style="margin-top:10px ;">
|
||||
<thead>
|
||||
<th>nom</th>
|
||||
<th>revenu passif</th>
|
||||
<th>cout</th>
|
||||
<th>lien</th>
|
||||
</thead>
|
||||
<tbody id="table_magasin_collegues_body">
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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 class="modal-content">
|
||||
<span class="close-btn" onclick="fermerAlerte()">×</span>
|
||||
<p id="message_alerte_jolie"></p>
|
||||
<button onclick="fermerAlerte()">OK</button>
|
||||
</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 class="div-centrer-contenu">
|
||||
<img id="image-collegue-animee">
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
|
||||
</body>
|
||||
<footer>
|
||||
<p>L'evolution est non contractuelle, adaptée pour le gameplay</p>
|
||||
|
||||
</footer>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
@ -1,5 +1,8 @@
|
|||
document.addEventListener("click",firstClick)
|
||||
|
||||
window.addEventListener("DOMContentLoaded",(w,e)=>{
|
||||
ouvrirAlerte("Cliquez sur OK pour jouer !")
|
||||
firstClick()
|
||||
})
|
||||
|
||||
function firstClick(){
|
||||
let position_button=document.getElementById("div_button")
|
||||
|
|
|
@ -298,7 +298,7 @@ function leBoostDuProf(){
|
|||
// fonction qui va creer plein d'elements confetti
|
||||
function genererConfetti() {
|
||||
|
||||
const container = document.getElementById("confetti-container")
|
||||
const container = document.getElementById("conteneur_confetti")
|
||||
|
||||
// couleurs des confetti à generer
|
||||
const colors = ["#FF5733", "#33FF57", "#3357FF", "#FF33A1", "#FFD633", "#A833FF", "#33FFF6"]
|
||||
|
|
|
@ -41,7 +41,6 @@ XHTML5
|
|||
- mettre des animations quand le score change de milier ( feu d'artifice ?)
|
||||
- vidéos
|
||||
- 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
|
||||
|
||||
## Idée de con
|
||||
|
|
Loading…
Reference in a new issue