la cerise sur le gateau

bdd/arbre.json

@@ -131,7 +131,7 @@
         "borne": 500000000,
         "evolution":8,
         "css_id": "t9.css",
-        "narration": "XHTML5 est une variante syntaxique d'HTML5, conçue pour être conforme aux règles strictes du XML. Cela permet une syntaxe plus rigoureuse et cohérente, mais au prix d'une moindre tolérance aux erreurs. Bien qu'inclus dans les spécifications d'HTML5, XHTML5 n'a jamais été largement adopté, car ses contraintes ne justifiaient pas ses avantages pour la plupart des projets web. Vous vous concentrez donc sur l'elaboration de pages ultra-modernes et vos créations sont perçues comme une forme d'art. Merci d'avoir joué à ProgWeb-Legends :)"
+        "narration": "XHTML5 est une variante syntaxique d'HTML5, conçue pour être conforme aux règles strictes du XML. Cela permet une syntaxe plus rigoureuse et cohérente, mais au prix d'une moindre tolérance aux erreurs. Bien qu'inclus dans les spécifications d'HTML5, XHTML5 n'a jamais été largement adopté, car ses contraintes ne justifiaient pas ses avantages pour la plupart des projets web. Vous vous concentrez donc sur l'elaboration de pages ultra-modernes et vos créations sont perçues comme une forme d'art."
       }
     },
     

css/t2.css

@@ -50,24 +50,3 @@ td, th {
     border: 8px solid #fc04fc;
 }
 
-
-.ad-vieux{
-    display: block !important;
-    width: 150px;
-    padding: 12px;
-    margin-top: 10px;
-    margin-bottom: 10px;
-    border: 1px solid #87bc44;
-    background: #e0ff92;
-    line-height: 1.2;
-}
-.ad-vieux .adt3{
-    display: none !important;
-}
-table.table-magasin{
-    width: 150px;
-    padding: 12px;
-    margin-top: 10px;
-    margin-bottom: 10px;
-
-}

css/t3.css

@@ -58,8 +58,7 @@ td {
 
 .ad-vieux{
     display: block !important;
-    float: right;
-    width: 162px;
+    width: 150px;
     padding: 12px;
     margin-top: 10px;
     margin-bottom: 10px;
@@ -67,15 +66,14 @@ td {
     background: #e0ff92;
     line-height: 1.2;
 }
-
 .ad-vieux .adt3{
-    display: block;
+    display: none !important;
 }
-
 table.table-magasin{
     width: 150px;
     padding: 12px;
     margin-top: 10px;
     margin-bottom: 10px;
-    
-}
+
+}
+

css/t4.css

@@ -64,6 +64,31 @@ table.table-magasin{
 }
 
 
+.ad-vieux{
+    display: block !important;
+    float: right;
+    width: 162px;
+    padding: 12px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border: 1px solid #87bc44;
+    background: #e0ff92;
+    line-height: 1.2;
+}
+
+.ad-vieux .adt3{
+    display: block;
+}
+
+table.table-magasin{
+    width: 150px;
+    padding: 12px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    
+}
+
+
 @font-face {
     font-family: "Comic Sans MS";
     src: url("../font/comic-sans.woff") format("woff");

index.html

@@ -33,15 +33,23 @@
             </div>
         </section>
 
-        <!-- Section Tableaux -->
+        <!-- Section technologies -->
         <section id="technologies-section">
             <h2>Magasin des technologies</h2>
             <table id="table_magasin_technologies" class="table-magasin">
-                <thead id="table_magasin_technologies_head"></thead>
+                <thead id="table_magasin_technologies_head">
+                    <tr>
+                        <th>Nom</th>
+                        <th>Revenu/click</th>
+                        <th>Coût</th>
+                    </tr>
+                </thead>
                 <tbody id="table_magasin_technologies_body"></tbody>
             </table>
         </section>
 
+        
+        <!-- Section collegues -->
         <section id="collegues-section">
             <h2>Magasin des collègues</h2>
             <table id="table_magasin_collegues">

js/main.js

@@ -36,6 +36,8 @@ async function remplirMagasinTechnologies(){
         const t = new Technologie(tech[key])
 
         if( !sacado[key] && !magasin_tech[key] && (t.borne <= score) && (evolution_tech === parseInt(t.evolution))){
+            
+            ouvrirAlerte("Une nouvelle avancée technologique vient de voir le jour sur terre, elle arrive tout droit dans le magasin !!!")
             ouvrirAlerte(tech[key]["narration"])
 
             // met à jour le contenu du magasin
@@ -83,6 +85,14 @@ async function remplirMagasinTechnologies(){
                         boost += t.boost
                     }
 
+
+                    // message de remerciements
+
+                    if(t.evolution == 8){
+                        ouvrirAlerte(" Merci d'avoir joué à ProgWeb-Legends !! :)")
+                        genererConfetti()
+                    }
+
                 }else{
                     // PAS ASSEZ RICHE !!!!!
                     ouvrirAlerte("PAS ASSEZ RICHE !!!!!!!!!!!!")