move

3 years ago · 7fd41032cc
parent af70bc7543
commit 7fd41032cc
6 changed files with 61 additions and 39 deletions
--- a/WEB/assets/img/Background3.png
+++ b/WEB/assets/img/Background3.png
--- a/WEB/assets/img/Background4.jpg
+++ b/WEB/assets/img/Background4.jpg
--- a/WEB/assets/img/Background4.png
+++ b/WEB/assets/img/Background4.png
--- a/WEB/assets/img/background2.jpg
+++ b/WEB/assets/img/background2.jpg
--- a/WEB/src/CSS/enigme.css
+++ b/WEB/src/CSS/enigme.css
@ -1,18 +1,63 @@
-.hidden{
-    visibility: hidden;
+/*Fonts CSS */
+
+@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
+
+
+/*Default CSS*/
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
 }

+
+  
+  h1, h2, h3, h4, h5, h6 {
+    margin: 0;
+    padding: 0;
+    line-height: normal;
+  }
+  
+  p, a, li, button, ul {
+    margin: 0;
+    padding: 0;
+    line-height: normal;
+    text-decoration: none !important;
+  }
+  
+  a:hover {
+    text-decoration: none !important;
+  }
+
+  input:focus, textarea:focus, select:focus {
+    outline: none;
+  }
+  
+@media (min-width:1700px) {
+      main .container {
+          max-width: 100%;
+          padding: 0 150px;
+      }
+}
+
+
+/* Main CSS */
 html{
-    height: 100%;
-    background-image: url(../page/palin.png);
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
+  scroll-behavior: smooth;
+  background-image: url(../../assets/img/Background4.png);
+  height: 100vh;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
 }


+
+
 body{
    display: flex;
+    font-family: "Orbitron" , sans-serif;
    flex-direction: row;
    align-items: stretch;
    height: 98%;
@ -20,21 +65,21 @@ body{
    padding: 0;
 }

-div.enigme{
+.enigme{
    width: 25%;
    height: 100%;
    margin: 0;
    padding: 0;
 }

-div.editor_class{
+.editor_class{
    width: 45%;
    min-height: 100%;
    margin-bottom: 0;
    margin-right: 10px;
 }

-div.compiler_class{
+.compiler_class{
    width: 30%;
 }

@ -52,10 +97,8 @@ textarea {
    box-shadow: 1px 1px 1px #999;
 }

-@import url('https://fonts.googleapis.com/css?family=Lato:100&display=swap');
-

-div.compiler_class.container {
+.compiler_class.container {
  width: 400px;
  height: 400px;
  display: flex;
@ -86,22 +129,3 @@ div.compiler_class.container {
  font-weight: 100;
  position: absolute;
 }
-
-svg {
-    left: 0;
-    top: 0;
-    stroke: #df0d0d;
-    stroke-dasharray: 150 480;
-    stroke-dashoffset: 150;
-    transition: 5s ease-in-out;
-}
-
-.btn:hover {
-  transition: 0.5s ease-in-out;
-  background: #11f830;
-  opacity: 50%;
-}
-
-.btn:hover svg {
-  stroke-dashoffset: -480;
-}
--- a/WEB/src/pages/Enigme/palindrome.html
+++ b/WEB/src/pages/Enigme/palindrome.html
@ -8,6 +8,9 @@
  <link rel="stylesheet" href="../../CSS/enigme.css" />
 </head>
 <body>
+  <div>
+    
+  </div>
  <div class="enigme">
 	  <p>
      Écrire une fonction estPalindrome qui prend en argument un entier et qui renvoie True si c’est un palindrome et False sinon. 
@ -32,12 +35,7 @@
    <textarea id='console' readonly rows="30" cols="100"></textarea>
    <div class="container">
      <div class="right">
-        <button onclick="run_init()" class="btn">Run
-          <svg width="180px" height="60px" viewBox="0 0 180 60">
-            <polyline points="179,1 179,59 1,59 1,1 179,1" class="bg-line" />
-            <polyline points="179,1 179,59 1,59 1,1 179,1" class="hl-line" />
-          </svg>
-        </button>
+        <button onclick="run_init()" class="btn">Run</button>
      </div>
      <!-- <div class="left">
        <button onclick="submit()" class="btn">