diff --git a/WEB/View/src/CSS/Pres.css b/WEB/View/src/CSS/Pres.css new file mode 100644 index 00000000..db86b961 --- /dev/null +++ b/WEB/View/src/CSS/Pres.css @@ -0,0 +1,134 @@ +/*Fonts CSS */ + +@font-face { + font-family: Fauna; + src: url("../../assets/fonts/Fauna.ttf"); + } + @font-face { + font-family: Equinox; + src: url("../../assets/fonts/Equinox.otf"); + } + /* End Fonts CSS */ + html { + scroll-behavior: smooth; + } + + body { + min-height: 100vh; + font-family: "Equinox", sans-serif; + color: white; + height: 100vh; + background-position: center center; + background-attachment: fixed; + background-repeat: no-repeat; + background-size: cover; + background-color: #050e15; + } + + /* Navbar CSS */ + + nav { + background-color: #050e15; + } + + /* Moving fox CSS */ + + .moving-fox { + position: relative; + top: 0; + z-index: -1; + opacity: 0; + } + + /* Section Histoire */ + + section { + min-height: 60vh; + margin-bottom: 10px; + } + + .hidden { + opacity: 0; + filter: blur(10px); + transform: translateX(-100px); + transition: all 1.2s; + } + + .show { + opacity: 1; + filter: blur(0px); + transform: translateX(0px); + } + + @media (prefers-reduced-motion) { + .hidden { + transition: none; + } + } + + p { + font-family: "Fauna", sans-serif; + font-size: 20px; + } + + /* Scroll down arrow */ + + .scroll-down { + position: absolute; + bottom: 15px; + left: 50%; + margin-left: -16px; + display: block; + width: 40px; + height: 40px; + border: 2px solid #fff; + background-size: 14px auto; + border-radius: 50%; + z-index: 2; + -webkit-animation: bounce 2s infinite 2s; + animation: bounce 2s infinite 2s; + -webkit-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; + } + + .scroll-down:before { + position: absolute; + top: calc(50% - 8px); + left: calc(50% - 6px); + transform: rotate(-45deg); + display: block; + width: 12px; + height: 12px; + content: ""; + border: 2px solid white; + border-width: 0px 0 2px 2px; + } + + @keyframes bounce { + 0%, + 100%, + 20%, + 50%, + 80% { + transform: translateY(0); + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + } + 40% { + transform: translateY(-10px); + -webkit-transform: translateY(-10px); + -ms-transform: translateY(-10px); + -moz-transform: translateY(-10px); + -o-transform: translateY(-10px); + } + 60% { + transform: translateY(-5px); + -webkit-transform: translateY(-5px); + -ms-transform: translateY(-5px); + -moz-transform: translateY(-5px); + -o-transform: translateY(-5px); + } + } + \ No newline at end of file diff --git a/WEB/View/src/JS/DoubleElement.js b/WEB/View/src/JS/DoubleElement.js index 7b790219..8aa398cc 100644 --- a/WEB/View/src/JS/DoubleElement.js +++ b/WEB/View/src/JS/DoubleElement.js @@ -2,10 +2,10 @@ async function submit(){ var test = editor.getValue()+`\n -import random as r def double_elementVerif(list): return [i*2 for i in list] - + +import random as r def testDoubleElement(x): l=[1,2,3,2,1] if(double_element(l) != [2,4,6,4,2]): diff --git a/WEB/View/src/pages/Enigme/CesarDecrypt.html b/WEB/View/src/pages/Enigme/CesarDecrypt.html deleted file mode 100644 index ee4cb10d..00000000 --- a/WEB/View/src/pages/Enigme/CesarDecrypt.html +++ /dev/null @@ -1,192 +0,0 @@ - - - - - - Code Cesar - - - - - - - -
- -
-
- home -
- -
- - - -
- -
-

- Code Cesar -

-

- Écrire une fonction Decrypt qui prend en argument - un message et une clé - et qui retourne le message décrypté avec le code César.(les espace ne seront pas encodé.) -

-

Rappel

-

- Le code César (ou chiffre de César ) est un chiffrement par substitution, -
où chaque lettre est remplacée par une autre lettre se situant un peu plus loin dans l'alphabet . -
Par exemple A avec une clé 2 devient C. -

-

Exemple

-

Entrée :      Sortie :

-

'fbehu',3      cyber

- - -
- - - -
-
def Decrypt(text, key): -
-
- - - -
- - -
-
- - Run - -
-
- -
-
-
- -
- -
- - - - - - - - - - - \ No newline at end of file diff --git a/WEB/View/src/pages/Enigme/CesarEncrypt.html b/WEB/View/src/pages/Enigme/CesarEncrypt.html deleted file mode 100644 index 99166886..00000000 --- a/WEB/View/src/pages/Enigme/CesarEncrypt.html +++ /dev/null @@ -1,192 +0,0 @@ - - - - - - Code Cesar - - - - - - - -
- -
-
- home -
- -
- - - -
- -
-

- Code Cesar -

-

- Écrire une fonction Encrypt qui prend en argument - un message et une clé - et qui retourne le message crypté avec le code César.(les espace ne seront pas encodé.) -

-

Rappel

-

- Le code César (ou chiffre de César ) est un chiffrement par substitution, -
où chaque lettre est remplacée par une autre lettre se situant un peu plus loin dans l'alphabet . -
Par exemple A avec une clé 2 devient C. -

-

Exemple

-

Entrée :      Sortie :

-

'fbehu',3      cyber

- - -
- - - -
-
def Encrypt(text, key): -
-
- - - -
- - -
-
- - Run - -
-
- -
-
-
- -
- -
- - - - - - - - - - - diff --git a/WEB/View/src/pages/Enigme/Chouette.html b/WEB/View/src/pages/Enigme/Chouette.html deleted file mode 100644 index c8bb21e7..00000000 --- a/WEB/View/src/pages/Enigme/Chouette.html +++ /dev/null @@ -1,195 +0,0 @@ - - - - - - Chouette - - - - - - - -
- -
-
- home -
- -
- - - -
- -
-

- Chouette -

-

- Écrire une fonction chouette qui, pour une valeur donnée, - renvoie une liste - contenant toutes les solutions de somme de 3 dés pouvant donner cette valeur. -
La valeur peut aller de 3 à 18 . -
Les solutions doivent être uniques.(1,2,3) et (3,2,1) sont la même solution. -

-

Exemple

-

Entrée : 7

-

Sortie : [[1,1,5],[1,2,4],[1,3,3],[2,2,3]]

- - -
- - - -
-
def chouette(valeur): -
-
- - - -
- - -
-
- - Run - -
-
- -
-
-
- -
- -
- - - - - - - - - - - diff --git a/WEB/View/src/pages/Enigme/Palindrome.html b/WEB/View/src/pages/Enigme/Palindrome.html deleted file mode 100644 index 65b613d2..00000000 --- a/WEB/View/src/pages/Enigme/Palindrome.html +++ /dev/null @@ -1,190 +0,0 @@ - - - - - - Palindrome - - - - - - - -
- -
-
- home -
- -
- - - -
- -
-

- Palindrome -

-

- Écrire une fonction estPalindrome(var) qui prend en argument un - entier et - qui renvoie True si c’est un palindrome et False sinon. -

-

Rappel

-

- Un palindrome est un nombre qui reste le même si on le lit de gauche - à droite ou de droite à gauche. -

-

Exemple

-

estPalindrome(12321) renvoie True

- - -
- - - -
-
def estPalindrome(var): -
-
- - - -
- - -
-
- - Run - -
-
- -
-
-
- -
- -
- - - - - - - - - - - diff --git a/WEB/View/src/pages/Presentation.html b/WEB/View/src/pages/Presentation.html index 9b277843..52dbf21f 100644 --- a/WEB/View/src/pages/Presentation.html +++ b/WEB/View/src/pages/Presentation.html @@ -10,7 +10,6 @@ integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous" /> - +