Merge branch 'master' of https://codefirst.iut.uca.fr/git/nathan.boileau/Scripted

WEB/src/CSS/enigme.css

@@ -238,6 +238,11 @@ body{
     margin-right: 10px;
 }
 
+#result{
+  display: flex;
+  align-items: center;
+}
+
 
 /* Modal CSS */
 
@@ -266,6 +271,7 @@ body{
   display: flex;
   justify-content: space-around;
   width: 95%;
+  height: 25%;
   padding: 4rem 2rem;
   border-radius: .8rem;
 
@@ -309,7 +315,7 @@ body{
 }
 
 
-.link-2 {
+.link-2, #fleche {
   width: 4rem;
   height: 4rem;
   border: 1px solid var(--border-color);
@@ -329,14 +335,26 @@ body{
   transition: .2s;
 }
 
+#fleche{
+  display: none;
+  position: absolute;
+  top: 7rem;
+  right: 2rem;
+}
+
 .link-2::before {
   content: '×';
 
   transform: translateY(-.1rem);
 }
+#fleche::before {
+  content: '->';
+
+  transform: translateY(-.1rem);
+}
 
 .link-2:hover,
-.link-2:focus {
+.link-2:focus, #fleche:hover, #fleche:focus {
   background: var(--focus);
   border-color: var(--focus);
   transform: translateY(-.2rem);

WEB/src/JS/base.js

@@ -101,15 +101,13 @@ function exec(code, id) {
 function check(){
   if (retourSolution == "ERROR") {
     result.innerHTML = "Il semblerait qu'il y a une erreur dans ton code :/";
-    result.classList.remove('hidden');
   }
 
   else if (retourSolution == retourCode) {
     result.innerHTML = "Bien joué";
-    result.classList.remove('hidden');
+    document.getElementById("fleche").style.display = "flex";
   } 
   else {
     result.innerHTML = "Mauvaise réponse";
-    result.classList.remove('hidden');
   }
 }

WEB/src/pages/Enigme/ChuckNorris.html

@@ -0,0 +1 @@
+

WEB/src/pages/Enigme/palindrome.html

@@ -61,8 +61,9 @@ print(estPalindrome("abba"))</div>
 
   <div class="modal-container" id="m1-o" style="--m-background: transparent;">
     <div class="modal">
-      <h1 id="result" class="hidden"></h1>
+      <h1 id="result"></h1>
       <a href="#m1-c" class="link-2"></a>
+      <a href="./ChuckNorris.html" id="fleche"></a>
     </div>
   </div>