Téléverser les fichiers vers "/"

2024-12-24 15:10:08 +01:00 · 2024-12-24 15:10:08 +01:00 · e6e44c001e
commit e6e44c001e
2 changed files with 130 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <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;">
+
+    </div>
+
+    <div id="div_button"  style="display: flex; justify-content: center;" class="bouton_score">
+
+        <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()">&times;</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>
+
+</body>
+<footer>
+    <p>L'evolution est non contractuelle, adaptée pour le gameplay</p>
+</footer>
+</html>
--- a/lisezmoi.md
+++ b/lisezmoi.md
@ -0,0 +1,49 @@
+# Projet de prog web
+
+- A simple cookie clicker
+- but every power up is on a technologic tree of web
+- the interface becomes more and more fancy
+- you can unlock AI, coworkers, html elements ....
+
+## Element properties 
+- each element has its own passive or active boost
+- each element has a cost
+
+## coworkers properties
+- each coworker bring its own passive income per second
+- the coworker are:
+Ada Lovelace
+George Boole
+Grace Hopper
+Jean Bartik
+Claude Shannon
+Alan Turing
+Margaret Hamilton
+Tim Berners-Lee
+Dennis Ritchie
+Linus Torvald
+
+## Technologie properties
+- each technologies give a boost like double the gain per click.
+- the technologies are:
+HTML
+HTML+
+HTML 2.0
+HTML 3.2
+HTML 4.01
+XHTML 4.01
+XHTML 1.0
+HTML 5
+XHTML5
+
+## TOUDOU
+- rajouter dans le html des elements invisibles qui pop petit à petit et s'améliorent
+- 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
+- Quand on débloque la balise vidéo , on rick roll le prof
+- Quand on débloque la sécurité , on a un capchat (on met juste une grosse image de chat) qui apparait