diff --git a/WEB/assets/img/Background3.png b/WEB/assets/img/Background3.png new file mode 100644 index 00000000..04e94b38 Binary files /dev/null and b/WEB/assets/img/Background3.png differ diff --git a/WEB/assets/img/Background4.jpg b/WEB/assets/img/Background4.jpg new file mode 100644 index 00000000..43865dea Binary files /dev/null and b/WEB/assets/img/Background4.jpg differ diff --git a/brythonRunner/page/palin.png b/WEB/assets/img/Background4.png similarity index 100% rename from brythonRunner/page/palin.png rename to WEB/assets/img/Background4.png diff --git a/WEB/assets/img/background2.jpg b/WEB/assets/img/background2.jpg new file mode 100644 index 00000000..62939bbd Binary files /dev/null and b/WEB/assets/img/background2.jpg differ diff --git a/WEB/src/CSS/enigme.css b/WEB/src/CSS/enigme.css index 10caccce..5e23618d 100644 --- 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; @@ -85,23 +128,4 @@ div.compiler_class.container { font-size: 18px; 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; -} +} \ No newline at end of file diff --git a/WEB/src/pages/Enigme/palindrome.html b/WEB/src/pages/Enigme/palindrome.html index 68d40987..eba2a544 100644 --- a/WEB/src/pages/Enigme/palindrome.html +++ b/WEB/src/pages/Enigme/palindrome.html @@ -8,6 +8,9 @@ +
+ +

É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 @@

- +