Merge branch 'main' of https://git.etud.insa-toulouse.fr/mougnibas/projet-clicodrome

bdd/arbre.json

@@ -4,10 +4,6 @@
         "nom": "HTML",
         "elements": {
           "button": {
-            "nom": "button",
-            "cout": 30,
-            "boost": 10,
-            "borne": 20
           }
         },
         "boost": 30,
@@ -22,10 +18,7 @@
         "nom": "HTML+",
         "elements": {
           "button": {
-            "nom": "button",
+
-            "cout": 10,
-            "boost": 10,
-            "borne": 5
           }
         },
         "boost": 10,

css/t3.css

@@ -5,7 +5,7 @@ body {
     color: #ddd;
     margin: 0;
     padding: 30px;
-    background-image: url(codevert.jpg);
+    background-image: url(../img/codevert.jpg);
 }
 
 

css/t4.css

@@ -5,7 +5,7 @@ body {
     color: #ddd;
     margin: 0;
     padding: 40px;
-    background-image: url(matrix.gif), url(codevert.jpg);
+    background-image: url(../img/matrix.gif), url(../img/codevert.jpg);
 }
 
 button {

css/t5.css

@@ -5,7 +5,7 @@ body {
     color: #2c3e50;
     margin: 0;
     padding: 50px;
-    background-image: url(codevertmatrix.gif);
+    background-image: url(../img/codevertmatrix.gif);
 }
 
 h1, h2, h3 {

css/t6.css

@@ -7,16 +7,12 @@ body {
     padding: 60px;
 }
 
-h1, h2, h3 {
+
-    color: #9b59b6;
-    text-align: left;
-    margin-bottom: 30px;
-}
 
 button {
     padding: 18px 35px;
     border: none;
-    background-color: #9b59b6;
+    background-color: #e74c3c;
     color: white;
     cursor: pointer;
     border-radius: 5px;
@@ -24,7 +20,7 @@ button {
 }
 
 button:hover {
-    background-color: #8e44ad;
+    background-color: #fda500;
 }
 
 img {

css/t7.css

@@ -1,23 +1,22 @@
 /* t7.css - XHTML 1.0 */
 body {
-    font-family: 'Georgia', serif;
+    font-family: 'Segoe UI', serif;
     background-color: #ecf0f1;
     color: #34495e;
     margin: 0;
     padding: 70px;
 }
 
-h1, h2, h3 {
+output {
-    color: #3498db;
+    font-size: 30px;
-    text-align: center;
+
-    margin-bottom: 20px;
 }
 
 button {
-    padding: 20px 40px;
+    padding: 15px 30px;
-    border: 2px solid #3498db;
+    border: 2px solid #e74c3c;
     background-color: white;
-    color: #3498db;
+    color: #e74c3c;
     cursor: pointer;
     border-radius: 25px;
     font-size: 20px;
@@ -26,7 +25,7 @@ button {
 
 button:hover {
     transform: scale(1.1);
-    background-color: #3498db;
+    background-color: #e74c3c;
     color: white;
 }
 
@@ -40,11 +39,13 @@ img {
 table {
     width: 100%;
     border-collapse: collapse;
-    border: 2px solid #3498db;
+    border: 2px solid #ff9900;
+    
 }
 
 td, th {
     padding: 20px;
     text-align: left;
-    border: 1px solid #3498db;
+    border: 1px solid #ff9900;
+    
 }

css/t8.css

@@ -17,7 +17,7 @@ h1, h2, h3 {
 button {
     padding: 20px 40px;
     border: none;
-    background-color: #16a085;
+    background-color: #e74c3c;
     color: white;
     cursor: pointer;
     border-radius: 50px;
@@ -27,7 +27,7 @@ button {
 }
 
 button:hover {
-    background-color: #1abc9c;
+    background-color: #ff9900;
     transform: translateY(-3px);
 }
 
@@ -41,14 +41,14 @@ img {
 table {
     width: 100%;
     border-collapse: collapse;
-    border: 2px solid #16a085;
+    border: 2px solid #ff9900;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
 td, th {
     padding: 25px;
     text-align: left;
-    border: 1px solid #16a085;
+    border: 1px solid #ff9900;
     font-size: 18px;
 }
 
@@ -57,7 +57,7 @@ td {
 }
 
 th {
-    background-color: #16a085;
+    background-color: #ff9900;
     color: white;
 }
 

css/t9.css

@@ -6,7 +6,7 @@ body {
     margin: 0;
     padding: 90px;
     background-image: linear-gradient(black, white);
-    background-image: url(codevert.jpg);
+    background-image: url(../img/codevert.jpg);
 }
 
 h1, h2, h3 {