Merge branch 'master' of https://paul-constans.ac-clermont.fr/gitea/barraux.a/MSJSAboulinBarraux into master

app.js

@@ -129,7 +129,7 @@ for (let i = 0; i < 10; i++) {
     //console.log(i);
     for (var j = 0; j < 3; j++) {
         //console.log(j);
-        document.getElementsByClassName('cube__face--'+i)[j].style.transform = 'rotateX('+(i*36)+'deg) translateZ(calc(1.6vw /'+Math.tan(18* Math.PI / 180)+')';
+        document.getElementsByClassName('cube__face--'+i)[j].style.transform = 'rotateX('+(i*36)+'deg) translateZ(calc(1.9vw /'+Math.tan(18* Math.PI / 180)+')';
     }
 
 }

master.css

@@ -4,25 +4,25 @@ body{
 }
 
 .rouleau {
-    width: 4.1vw;
+    width: 5vw;
-    height: 3.4vw;
+    height: 3.8vw;
     position: absolute;
-    top: 16.6vw;
+    top: 20vw;
 }
 
 .cube {
-    width: 4.1vw;
+    width: 5vw;
-    height: 3.4vw;
+    height: 3.8vw;
     position: relative;
     transform-style: preserve-3d;
 }
 
 .cube__face {
     position: absolute;
-    width: 4.1vw;
+    width: 5vw;
-    height: 3.4vw;
+    height: 3.8vw;
     border: 2px solid #362730;
-    line-height: 3.4vw;
+    line-height: 3.8vw;
     font-size: 1.5vw;
     background-color: #c21121;
     box-sizing: border-box;
@@ -32,36 +32,37 @@ body{
 }
 
 #rouleau_1{
-    left: 42.65vw;
+    left: 41.3vw;
 }
 
 #rouleau_2{
-    left: 47.05vw;
+    left: 46.5vw;
 }
 
 #rouleau_3{
-    left: 51.5vw;
+    left: 51.7vw;
 }
 
 #tirette{
     position: absolute;
     z-index: 10;
-    margin-left: 58vw;
+    left: 61vw;
-    top: 3vw;
+    top: 12vw;
-    transform-origin: 70% 58%;
+    width: 3.7vw;
+    transform-origin: 50% 97%;
 }
 
 #tirage{
     display: flex;
     justify-content: space-around;
-    margin: auto;
+    left: 25vw;
     position: relative;
-    width: 42.4vw;
+    width: 50vw;
 }
 
 #mise_input{
     position: absolute;
-    top: 27vw;
+    top: 33vw;
     left: 42vw;
     width: 13vw;
     height: 2vw;