Pierre BALLANDRAS 3 years ago
commit a215f7f4c1

Binary file not shown.

Before

Width:  |  Height:  |  Size: 143 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

@ -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;
} }
@ -252,7 +255,7 @@ body {
} }
.sign{ .sign{
margin-bottom: 130px; margin-bottom: 50px;
} }
@ -278,21 +281,15 @@ body {
} }
/*Main Button CSS*/
.main .duel{ /*Main Button CSS*/
color: #56fcfc;
}
.log{
color: #fff;
}
.main .duel{ .main .duel{
margin-top: 60px; margin-top: 60px;
} }
.main a { .main .align-items-center a {
letter-spacing: 0.2rem; letter-spacing: 0.2rem;
padding: 25px 30px; padding: 25px 30px;
color: #ff86ff; color: #ff86ff;
@ -312,21 +309,17 @@ body {
overflow: hidden; overflow: hidden;
} }
.main .align-items-center .duel{
color: #56fcfc;
}
.align-items-center{ .align-items-center{
display: table; display: table;
margin: auto; margin: auto;
} }
.main .duel:hover{ .main .align-items-center .enigme:hover {
background: #56fcfc;
color: #000000;
box-shadow: 0 0 5px #56fcfc,
0 0 25px #56fcfc,
0 0 50px #56fcfc,
0 0 100px #56fcfc;
}
.main a:hover {
background: #ff86ff; background: #ff86ff;
color: #000000; color: #000000;
box-shadow: 0 0 5px #ff86ff, box-shadow: 0 0 5px #ff86ff,
@ -334,9 +327,19 @@ body {
0 0 50px #ff86ff, 0 0 50px #ff86ff,
0 0 100px #ff86ff; 0 0 100px #ff86ff;
-webkit-box-reflect:below 1px linear-gradient(transparent, #0005); -webkit-box-reflect:below 1px linear-gradient(transparent, #0005);
}
.main .align-items-center .duel:hover{
background: #56fcfc;
color: #000000 !important;
box-shadow: 0 0 5px #56fcfc,
0 0 25px #56fcfc,
0 0 50px #56fcfc,
0 0 100px #56fcfc;
-webkit-box-reflect:below 1px linear-gradient(transparent, #0005);
} }
.main a span{ .main a span{
position: absolute; position: absolute;
display: block; display: block;
@ -397,3 +400,54 @@ a span:nth-child(4){
animation: animate4 1s linear infinite; animation: animate4 1s linear infinite;
animation-delay: 0.75s; animation-delay: 0.75s;
} }
/* LogIn Button Css */
.main .align-items-center #login{
display: flex;
justify-content: center;
}
.main .align-items-center .log{
color: #ffffff;
margin-bottom: 60px;
width: 140px;
font-weight: 500;
font-size: 20px;
}
.main .align-items-center .log:hover{
background: #6090d1;
color: #000000 !important;
transition-delay: 450ms;
box-shadow: 0 0 5px #6090d1,
0 0 25px #6090d1,
0 0 50px #6090d1,
0 0 100px #6090d1;
-webkit-box-reflect:below 1px linear-gradient(transparent, #0005);
}
.main .align-items-center .log:before,
.main .align-items-center .log:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
background: #6090d1;
width:0;
box-shadow: 0 0 5px #6090d1, 0 0 5px #6090d1 inset;
transition:400ms ease all;
}
.main .align-items-center .log:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
}
.main .align-items-center .log:hover:before,
.main .align-items-center .log:hover:after{
width:100%;
transition:800ms ease all;
}

@ -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;
} }
@ -227,5 +230,3 @@ body {
margin-left: 25%; margin-left: 25%;
margin-top: 2% ; margin-top: 2% ;
} }
/* Home Button */

@ -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">
@ -32,13 +32,15 @@
<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> </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, 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. <p class="rappel">Le code César (ou chiffre de César ) est un chiffrement par substitution,
</p><br> <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.
</p><br><br>
<h2>Exemple</h2><br> <h2>Exemple</h2><br>
<p>Entrée :&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;Sortie :</p> <p>Entrée :&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;Sortie :</p>
<p>[fbehu,3]&emsp;&emsp;&emsp;&emsp;&emsp;&nbsp; cyber</p><br> <p>[fbehu,3]&emsp;&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. Par exemple, ord('a') retourné '97' et ord('b) retourne 98. La fonction ord(char) de python permet de retourner lUnicode (standard dencodage de caractères) d'un caractère. Par exemple, ord('a') retourné '97' et ord('b) retourne 98.

@ -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">
@ -17,10 +17,12 @@
<span>ed</span> <span>ed</span>
</h1> </h1>
</div> </div>
<button>
<img href="./LogSign/Login.html" src="../../assets/img/conexion-icon.jpg"/>
</button>
<div class="align-items-center"> <div class="align-items-center">
<div id="login">
<a href="./LogSign/Login.html" class="log">
LOgin
</a>
</div>
<div> <div>
<a class="enigme" href="./Presentation.html"> <a class="enigme" href="./Presentation.html">
<span></span> <span></span>
@ -36,7 +38,7 @@
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
Duel Multi
</a> </a>
</div> </div>
</div> </div>

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