Finalisation graphique

SwichGIT/src/css/PartieGame.css

@@ -15,7 +15,7 @@
 
 #Redistribution{
     position:relative;
-    top:-60%;
+    top:-3vw;
 }
 
 #affPoints {
@@ -34,19 +34,17 @@
     font-family: Montserrat, impact, Arial Black;
     font-size: 2.5vw;
     margin-top: 40vw;
-    margin-left: 25vw;
+    margin-left: 14vw;
     color: var(--lightsedonca);
 }
 
 #textjouer2 {
     position: absolute;
     text-align: center;
-
     font-family: Montserrat, impact, Arial Black;
-    font-size: 2.5vw;
+    margin-top: 0.6vw;
-    margin-top: 0.2vw;
-    margin-left: 0.6vw;
     color: var(--lightsedonca);
+    width: inherit;
 
 }
 
@@ -72,23 +70,20 @@
 
 #Redistribution2 {
     position: relative;
-    top: -60%;
+    top:-3vw;
     left:68%;
 }
 
 #Redistribution3 {
     position: relative;
-    top: -60%;
+    top:-3vw;
     left: 50%;
 }
 
 
 .bouttonvalider2:hover {
-    box-shadow: 0 0 0 9px var(--lightsedonca);
+    box-shadow: 0 0 0 8px var(--lightsedonca);
-    font-size: 120%;
+    font-size: 100%;
     position: relative;
-    top: 2%;
-    height: 82%;
-    width: 96%;
     transition: box-shadow 0.2s ease;
 }

SwichGIT/src/css/desktops.css

@@ -107,17 +107,13 @@
         top: 0.3vw;
         left: 0.3vw;
         border-radius: 30px;
-        background-color: #B130DE;
     }
 
+    .violet{
+        background-color: #B130DE;
+    }
 
-    .bouttonvalider2 {
+    .vert {
-        position: absolute;
-        height: 3.4vw;
-        width: 11.4vw;
-        top: 0.3vw;
-        left: 0.3vw;
-        border-radius: 30px;
         background-color: #00CC66;
     }
 

SwichGIT/src/css/formes.css

@@ -1,11 +1,20 @@
 .containform {
     position: relative;
-    /*height: var(--x);
+
-    width: var(--x);*/
+}
-    display: table-cell;
+
-    vertical-align: middle;
+.ajustementPetiteForme{
+    margin-top: 25%;
 }
 
+.ajustementGrandeForme{
+    margin-top: 0.2vw;
+    margin-left: 0.2vw;
+}
+
+
+
+
 .containform3 {
     position: relative;
     height: var(--x);

SwichGIT/src/index.html

@@ -561,7 +561,7 @@
         <div id="containpseudo">
             <a onclick="lancerpartie()">
                 <div id="contourbuttonvalider">
-                    <div class="bouttonvalider" >
+                    <div class="bouttonvalider violet" >
                         <h1 id="textjouer">JOUER</h1>
                     </div>
                 </div>
@@ -615,7 +615,7 @@
            <div id="Redistribution">
                <a onclick="redistribuer()" id="relancerbtn">
                    <div id="contourbuttonvalider">
-                       <div class="bouttonvalider">
+                       <div class="bouttonvalider violet">
                            <h1 id="textjouer2">RELANCER</h1>
                        </div>
                    </div>
@@ -625,13 +625,13 @@
                <p id="affSolution"></p>
            </div>
            <div>
-               <p id="affPoints">PTN : 0</p>
+               <p id="affPoints">Score : 0</p>
            </div>
            <div id="Redistribution2">
                <a id="relancerbtn" onclick="testPourJeuClassique()">
                    <div id="contourbuttonvalider">
-                       <div class="bouttonvalider2">
+                       <div class="bouttonvalider vert">
-                           <h1 id="btnvalider2">VALIDER</h1>
+                           <h1 id="textjouer2">VALIDER</h1>
                        </div>
                    </div>
                </a>
@@ -639,8 +639,8 @@
            <div id="Redistribution3">
                <a id="relancerbtn" onclick="chercheCombi2()">
                    <div id="contourbuttonvalider">
-                       <div class="bouttonvalider2">
+                       <div class="bouttonvalider vert">
-                           <h1 id="btnvalider3">CHERCHER</h1>
+                           <h1 id="textjouer2">CHERCHER</h1>
                        </div>
                    </div>
                </a>

SwichGIT/src/js/main.js

@@ -173,6 +173,7 @@ class Figure {
 
 						var divContainForm = document.createElement('div');
 						divContainForm.className = "containform";
+						divContainForm.classList.add("ajustementGrandeForme");
 						
 						var unCercle = document.createElement('div');
 						unCercle.className = "anneau";
@@ -200,6 +201,7 @@ class Figure {
 
 						var divContainForm = document.createElement('div');
 						divContainForm.className = "containform";
+						divContainForm.classList.add("ajustementPetiteForme");
 
 						var unRond = document.createElement('div');
 						unRond.className = "rond";
@@ -834,7 +836,7 @@ function testPourJeuClassique() {
 			if (tab[i].code == carteselect.length) {
 				solution = false;
 				lesPoints += carteselect.length;
-				document.getElementById("affPoints").textContent = 'PTN : ' + lesPoints;
+				document.getElementById("affPoints").textContent = 'Score : ' + lesPoints;
 				changerlesCartesDeTasDeJeu();
 			}
 		}