petite modif

ServeurDeTest
nathan boileau 3 years ago
parent b193eb0aa5
commit 8902da9c70

@ -234,8 +234,11 @@ body {
/* Main CSS */ /* Main CSS */
.main{ .main{
background-image: url(../../assets/img/BackgroundMain.jpg); background-image: url(../../assets/img/BackgroundMain.jpg);
scroll-behavior: smooth;
height: 100vh; height: 100vh;
background-position: center; background-position: center center;
background-color: #464646;
background-attachment: fixed;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }

@ -38,8 +38,11 @@ body {
.main{ .main{
background-image: url(../../assets/img/BackgroundLogIn.png); background-image: url(../../assets/img/BackgroundLogIn.png);
scroll-behavior: smooth;
height: 100vh; height: 100vh;
background-position: center; background-position: center center;
background-color: #464646;
background-attachment: fixed;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }

@ -2,13 +2,15 @@
html{ html{
scroll-behavior: smooth; scroll-behavior: smooth;
background-image: url(../../assets/img/BackgroundPresentation.jpg); background-image: url(../../assets/img/BackgroundPresentation.jpg);
scroll-behavior: smooth;
height: 100vh; height: 100vh;
background-position: center; background-position: center center;
background-color: #464646;
background-attachment: fixed;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
body{ body{
font-family: "Orbitron", sans-serif; font-family: "Orbitron", sans-serif;
height: 95%; height: 95%;

@ -44,7 +44,9 @@ input:focus, textarea:focus, select:focus {
html{ html{
scroll-behavior: smooth; scroll-behavior: smooth;
height: 100vh; height: 100vh;
background-position: center; background-position: center center;
background-color: #464646;
background-attachment: fixed;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Palindrome</title> <title>Code César</title>
<link rel="stylesheet" href="../../CSS/Enigme.css"/> <link rel="stylesheet" href="../../CSS/Enigme.css"/>
<link rel="stylesheet" href="../../CSS/Home.css"> <link rel="stylesheet" href="../../CSS/Home.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Palindrome</title> <title>Code César</title>
<link rel="stylesheet" href="../../CSS/Enigme.css"/> <link rel="stylesheet" href="../../CSS/Enigme.css"/>
<link rel="stylesheet" href="../../CSS/Home.css"> <link rel="stylesheet" href="../../CSS/Home.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
@ -31,16 +31,17 @@
</div> </div>
<h2>Consigne</h2><br> <h2>Consigne</h2><br>
<p class="enonce"> <p class="enonce">
É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é.) É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é.)
</p><br><br> </p><br><br>
<h2>Rappel</h2><br> <h2>Rappel</h2><br>
<p class="rappel">Le code César (ou chiffre de César ) est un chiffrement par substitution, <p class="rappel">Le code César (ou chiffre de César ) est un chiffrement par substitution,
<br>où chaque lettre est remplacée par une autre lettre se situant un peu plus loin dans l'alphabet . <br>où chaque lettre est remplacée par une autre lettre se situant un peu plus loin dans l'alphabet .
<br>Par exemple A avec une clé 2 devient C. <br>Par exemple A avec une clé 2 devient C.
</p><br><br> </p><br><br>
<h2>Exemple</h2><br> <h2><b>Exemple</b></h2><br>
<p>Entrée :&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;Sortie :</p> <p><b>Entrée :</b>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<b>Sortie :</b></p>
<p>[fbehu,3]&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;cyber</p><br><br> <p>[fbehu,3]&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;cyber</p><br><br>
<h2>Aide</h2><br> <h2>Aide</h2><br>
<p> <p>
La fonction ord(char) de python permet de retourner lUnicode(standard dencodage de caractères) d'un caractère. La fonction ord(char) de python permet de retourner lUnicode(standard dencodage de caractères) d'un caractère.

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Palindrome</title> <title>Cul de Chouette</title>
<link rel="stylesheet" href="../../CSS/Enigme.css"/> <link rel="stylesheet" href="../../CSS/Enigme.css"/>
<link rel="stylesheet" href="../../CSS/Home.css"> <link rel="stylesheet" href="../../CSS/Home.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Palindrome</title> <title>Chuck Norris</title>
<link rel="stylesheet" href="../../CSS/Enigme.css"/> <link rel="stylesheet" href="../../CSS/Enigme.css"/>
<link rel="stylesheet" href="../../CSS/Home.css"> <link rel="stylesheet" href="../../CSS/Home.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -10,7 +10,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<title>Presentation</title> <title>Presentation</title>
</head> </head>
<body> <body onload="script();">
<div class="presentation_titre" id="home"> <div class="presentation_titre" id="home">
<div class="titre_pre"> <div class="titre_pre">
<div class="retour"> <div class="retour">
@ -27,9 +27,14 @@
</div> </div>
<div class="Presentation"> <div class="Presentation">
<div class="Histoire"> <div class="Histoire">
<img src="../../assets/img/Renard.png"> <img src="../../assets/img/Renard.png" alt="Foxy">
<div class="Consigne"> <div class="Consigne" id="message">
<p>Bonjour utilisateur ! Je suis Foxy, une IA créer par Howard Aiken, un chercheur en informatique. J'ai besoin de ton aide ... </p> <p>Bonjour utilisateur ! Je suis Foxy, une IA créer par Howard Aiken, un eminent chercheur,
malhereusement celui-ci est mort. J'ai besoin de votre aide pour protéger mon code source d'une organisation
malveillante qui veut le voler. Pour cela, je vais vous demander de résoudre des énigmes. Mais tout d'abord,
vous devez passer un test de qualification. Si vous réussissez, vous pourrez accéder aux énigmes.
Bonne chance utilisateur !
</p>
</div> </div>
</div> </div>
<br> <br>

Loading…
Cancel
Save