sacha.serny
3 years ago
11 changed files with 470 additions and 148 deletions
@ -0,0 +1 @@ |
|||||
|
"C:\Users\MiniV\OneDrive - lycée Paul Constans\Cours\1re\NSI\sernyS_nsi_web\style\style_index.css.map" |
||||
Binary file not shown.
@ -0,0 +1,110 @@ |
|||||
|
<!-- Traitement PHP --> |
||||
|
<?php |
||||
|
/* |
||||
|
Faire de la sécurité et de l'optimisation |
||||
|
Ce code est pourri |
||||
|
*/ |
||||
|
$servername = 'mysql-serny-nsi.alwaysdata.net'; |
||||
|
$username = 'serny-nsi'; |
||||
|
$mdp = 'ecole9090*'; |
||||
|
|
||||
|
$bdd = new PDO('mysql:host=mysql-serny-nsi.alwaysdata.net;dbname=serny-nsi_main', $username, $mdp); |
||||
|
|
||||
|
if (isset($_POST['submit'])) { |
||||
|
|
||||
|
if (isset($_POST["f_email"]) AND !empty($_POST["f_email"]) AND isset($_POST["f_pseudo"]) AND !empty($_POST["f_pseudo"])AND isset($_POST["f_password"]) AND !empty($_POST["f_password"]) AND isset($_POST['f_password2']) AND !empty($_POST['f_password2'])) { |
||||
|
if ($_POST['f_password'] == $_POST['f_password2']) { |
||||
|
$password = password_hash(htmlspecialchars($_POST['password']), PASSWORD_BCRYPT); |
||||
|
$pseudo = htmlspecialchars($_POST['f_pseudo']); |
||||
|
$mail = htmlspecialchars($_POST['f_email']); |
||||
|
$mail2 = htmlspecialchars($_POST['f_email2']); |
||||
|
if($mail == $mail2) { |
||||
|
if (strlen($pseudo) < 254) { |
||||
|
if (strlen($mail) < 254) { |
||||
|
$look = $bdd->prepare("SELECT * FROM membres WHERE pseudo = ?"); |
||||
|
$look->execute(array($pseudo)); |
||||
|
$alreadyexist = -1; |
||||
|
$alreadyexist = $look->rowCount(); |
||||
|
$lookmail = $bdd->prepare("SELECT * FROM membres WHERE mail = ?"); |
||||
|
$lookmail->execute(array($mail)); |
||||
|
$alreadyexist2 = -1; |
||||
|
$alreadyexist2 = $lookmail->rowCount(); |
||||
|
if ($alreadyexist == 0 AND $alreadyexist2 == 0) { |
||||
|
$ins = $bdd->prepare("INSERT INTO membres(pseudo, mail, password, signup_date) VALUES(?, ?, ?, now())"); |
||||
|
$ins->execute(array($pseudo, $mail, $password)); |
||||
|
$erreur ="Vous avez été correctement inscrit dans notre base de donnée."; |
||||
|
} else { |
||||
|
$erreur ="Ce pseudo/mail est déjà utilisé"; |
||||
|
} |
||||
|
} else { |
||||
|
$erreur ="Le mail est trop long (max 255c)"; |
||||
|
} |
||||
|
} else { |
||||
|
$erreur ="Le pseudo est trop long (max 255c)"; |
||||
|
} |
||||
|
} else { |
||||
|
$erreur = "Les mails sont différents."; |
||||
|
} |
||||
|
} else { |
||||
|
$erreur = "Les mots de passe sont différents."; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
?> |
||||
|
<!DOCTYPE html> |
||||
|
<html lang="fr"> |
||||
|
|
||||
|
<head> |
||||
|
<title>Conenxion</title> |
||||
|
<meta charset="UTF-8"> |
||||
|
<link href="style/style_log.css" rel="stylesheet"> |
||||
|
<link rel="icon" type="image/x-icon" href="_content/favicon-32x32.png"> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<div class="log-area"> |
||||
|
<p>Inscris-toi pour accéder à plus de foncitonnalités</p> |
||||
|
<form action="" method="POST"> |
||||
|
<div class="f_inputs"> |
||||
|
<div> |
||||
|
<label for="f_pseudo">Pseudo : </label><input type="text" id="f_pseudo" maxlength="70" |
||||
|
placeholder="Pseudo" name="f_pseudo" autocomplete="off"> |
||||
|
</div> |
||||
|
<div> |
||||
|
<label for="f_email">Adresse mail : </label><input type="email" id="f_email" maxlength="70" |
||||
|
placeholder="Adresse mail" name="f_email" autocomplete="off"> |
||||
|
</div> |
||||
|
<div> |
||||
|
<label for="f_email2">Confirmer : </label><input type="email" id="f_email2" maxlength="70" |
||||
|
placeholder="Confirmer" |
||||
|
name="f_email2" autocomplete="off"> |
||||
|
</div> |
||||
|
<div> |
||||
|
<label for="f_password">Mot de passe : </label><input type="password" id="f_password" maxlength="40" |
||||
|
placeholder="Mot de passe" |
||||
|
name="f_password" autocomplete="off"> |
||||
|
</div> |
||||
|
<div> |
||||
|
<label for="f_password2"> Confirmer : </label><input type="password" id="f_password2" |
||||
|
maxlength="40" placeholder="Confirmer" |
||||
|
name="f_password2" autocomplete="off"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="buttons"> |
||||
|
<div class="sign_up"> |
||||
|
<a href="sign_in.html">Déjà un compte ?</a> |
||||
|
</div> |
||||
|
<div class="sign_in"> |
||||
|
<input type="submit" name="submit" value="S'inscrire" id="submit"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div> |
||||
|
<?= $erreur ?> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
</body> |
||||
|
|
||||
|
</html> |
||||
@ -1 +1 @@ |
|||||
{"version":3,"sourceRoot":"","sources":["styles_index.scss"],"names":[],"mappings":"AAAQ;AACA;AACA;AACR;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;EACD;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAED;EASC;EACA;EACA;EACA;;AAXA;EACC;EACA;EACA;;AASD;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EAqEA;EACA;EACA;EACA;EACA;;AAxEA;EACC;EACA;;AAED;EACC;EACA;EACA;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;;AAIH;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;EACA;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAaL;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA","file":"style_index.css"} |
{"version":3,"sourceRoot":"","sources":["styles_index.scss"],"names":[],"mappings":"AAAQ;AACA;AACA;AACR;EACC;;;AAED;EACC;;;AAED;EACC;IACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;EACD;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AAIA;EACC;;AAED;EACC;;AAED;EACC;;AAGF;EACC;EACA;;AAED;EASC;EACA;EACA;EACA;;AAXA;EACC;EACA;EACA;;AASD;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EAqEA;EACA;EACA;EACA;EACA;;AAxEA;EACC;EACA;;AAED;EACC;EACA;EACA;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;;AAIH;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;EACA;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAaL;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA","file":"style_index.css"} |
||||
@ -1,87 +1,128 @@ |
|||||
@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap"; |
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap"; |
||||
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap"; |
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap"; |
||||
|
/* Reset CSS */ |
||||
main { |
input[type=submit i] { |
||||
padding: 5px 20%; |
appearance: none; |
||||
height: 79vh; |
user-select: none; |
||||
} |
white-space: normal; |
||||
main .red-banner { |
align-items: flex-start; |
||||
background-color: red; |
text-align: start; |
||||
color: white; |
cursor: default; |
||||
height: auto; |
color: black; |
||||
font-size: 24px; |
background-color: white; |
||||
padding: 30px 0; |
box-sizing: border-box; |
||||
text-align: center; |
padding: 0px; |
||||
font-family: "Montserrat", sans-serif; |
border-width: 0px; |
||||
|
border-style: none; |
||||
|
border-color: white; |
||||
|
border-image: initial; |
||||
|
font-size: 16px; |
||||
} |
} |
||||
form { |
|
||||
display: flex; |
a:-webkit-any-link { |
||||
justify-content: center; |
color: black; |
||||
font-family: "Roboto", sans-serif; |
cursor: default; |
||||
flex-direction: column; |
text-decoration: none; |
||||
align-items: center; |
} |
||||
text-align: center; |
|
||||
} |
input { |
||||
form .names { |
writing-mode: auto; |
||||
display: flex; |
text-rendering: auto; |
||||
flex-direction: row; |
color: black; |
||||
justify-content: space-between; |
letter-spacing: normal; |
||||
margin: 5px 0px; |
word-spacing: normal; |
||||
align-items: inherit; |
text-transform: none; |
||||
} |
text-indent: auto; |
||||
form .form_p_contents { |
text-shadow: none; |
||||
display: flex; |
display: inline-block; |
||||
flex-direction: column; |
text-align: auto; |
||||
justify-content: flex-start; |
appearance: none; |
||||
align-items: center; |
background-color: white; |
||||
} |
-webkit-rtl-ordering: none; |
||||
form .form_p_contents p a { |
cursor: text; |
||||
font-size: 14px; |
margin: 0em; |
||||
color: #696969; |
font: 400 13.3333px Arial; |
||||
text-decoration: none; |
padding: 1px 2px; |
||||
} |
border-width: 2px; |
||||
form .form_p_contents p a:hover { |
border-style: none; |
||||
font-size: 14px; |
border-color: white; |
||||
color: #696969; |
border-image: initial; |
||||
text-decoration: none; |
} |
||||
|
|
||||
|
input:focus-visible { |
||||
|
outline: rgba(0, 0, 0, 0) solid 0px; |
||||
|
outline-offset: 0px; |
||||
|
} |
||||
|
|
||||
|
/* Fin Reset */ |
||||
|
input:focus { |
||||
|
position: relative; |
||||
|
color: red; |
||||
|
} |
||||
|
input:focus::before { |
||||
|
content: " "; |
||||
|
position: absolute; |
||||
|
background-color: red; |
||||
|
top: 0; |
||||
|
width: 10px; |
||||
|
height: 1000px; |
||||
|
} |
||||
|
|
||||
|
body { |
||||
|
position: relative; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
.log-area { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
height: 20vh; |
||||
|
margin: 30vh 0 50vh 0; |
||||
|
font-family: "montserrat", sans-serif; |
||||
} |
} |
||||
|
|
||||
|
.log-area > p { |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
form { |
form { |
||||
margin: 5px 0px; |
font-family: monospace, sans-serif; |
||||
font-size: 24px; |
|
||||
} |
} |
||||
label { |
|
||||
letter-spacing: -1px; |
.f_inputs { |
||||
|
text-align: center; |
||||
} |
} |
||||
input { |
|
||||
border: 0px; |
|
||||
background-color: #24252a; |
|
||||
color: rgb(255, 0, 0); |
|
||||
border-radius: 3.5px; |
|
||||
margin-left: 2px; |
|
||||
padding: 3px; |
|
||||
font-size: 18px; |
|
||||
|
|
||||
|
.f_inputs > div { |
||||
|
margin-top: 5px; |
||||
} |
} |
||||
input:focus { |
|
||||
outline: 1px solid #24252a ; |
.buttons { |
||||
transition: 0.2s; |
display: flex; |
||||
text-decoration: underline; |
align-items: center; |
||||
background-color: #edf0f1; |
justify-content: center; |
||||
color: #24252a; |
margin-top: 25px; |
||||
|
} |
||||
} |
|
||||
input[type="submit"] { |
.sign_in { |
||||
border: 0px; |
background-color: #00dc64; |
||||
background-color: #24252a; |
|
||||
color: #edf0f1; |
|
||||
font-family: "Montserrat", sans-serif; |
|
||||
padding: 10px; |
|
||||
font-weight: 700; |
|
||||
letter-spacing: 3px; |
|
||||
} |
|
||||
input[type="submit"]:hover { |
|
||||
transition: 0.2s; |
|
||||
outline: 4px solid #24252a; |
|
||||
color: #24252a; |
|
||||
background-color: #edf0f1; |
|
||||
} |
} |
||||
|
|
||||
|
.sign_up { |
||||
|
background-color: #6a6a6a; |
||||
|
} |
||||
|
|
||||
|
.buttons > div { |
||||
|
padding: 10px 40px; |
||||
|
border-radius: 25px; |
||||
|
margin: 0 20px; |
||||
|
} |
||||
|
|
||||
|
div > input[type=submit], div > a { |
||||
|
font-family: roboto, sans-serif; |
||||
|
background-color: inherit; |
||||
|
} |
||||
|
|
||||
|
/*# sourceMappingURL=style_log.css.map */ |
||||
|
|||||
@ -0,0 +1 @@ |
|||||
|
{"version":3,"sourceRoot":"","sources":["styles_log.scss"],"names":[],"mappings":"AAAO;AACA;AAGP;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;AACA;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA","file":"style_log.css"} |
||||
@ -0,0 +1,119 @@ |
|||||
|
@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap"; |
||||
|
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap"; |
||||
|
|
||||
|
|
||||
|
/* Reset CSS */ |
||||
|
input[type="submit" i] { |
||||
|
appearance: none; |
||||
|
user-select: none; |
||||
|
white-space: normal; |
||||
|
align-items: flex-start; |
||||
|
text-align: start; |
||||
|
cursor: default; |
||||
|
color: black; |
||||
|
background-color: white; |
||||
|
box-sizing: border-box; |
||||
|
padding: 0px; |
||||
|
border-width: 0px; |
||||
|
border-style: none; |
||||
|
border-color: white; |
||||
|
border-image: initial; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
a:-webkit-any-link { |
||||
|
color: black; |
||||
|
cursor: default; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
input { |
||||
|
writing-mode: auto; |
||||
|
text-rendering: auto; |
||||
|
color: black; |
||||
|
letter-spacing: normal; |
||||
|
word-spacing: normal; |
||||
|
text-transform: none; |
||||
|
text-indent: auto; |
||||
|
text-shadow: none; |
||||
|
display: inline-block; |
||||
|
text-align: auto; |
||||
|
appearance: none; |
||||
|
background-color: white; |
||||
|
-webkit-rtl-ordering: none; |
||||
|
cursor: text; |
||||
|
margin: 0em; |
||||
|
font: 400 13.3333px Arial; |
||||
|
padding: 1px 2px; |
||||
|
border-width: 2px; |
||||
|
border-style: none; |
||||
|
border-color: white; |
||||
|
border-image: initial; |
||||
|
} |
||||
|
input:focus-visible { |
||||
|
outline: rgba(0, 0, 0, 0) solid 0px; |
||||
|
outline-offset: 0px; |
||||
|
} |
||||
|
/* Fin Reset */ |
||||
|
input:focus { |
||||
|
position: relative; |
||||
|
color: red; |
||||
|
|
||||
|
&::before { |
||||
|
content: " "; |
||||
|
position: absolute; |
||||
|
background-color: red; |
||||
|
top: 0; |
||||
|
width: 10px; |
||||
|
height: 1000px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
body { |
||||
|
position: relative; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
.log-area { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
height: 20vh; |
||||
|
margin: 30vh 0 50vh 0; |
||||
|
font-family: 'montserrat', sans-serif; |
||||
|
} |
||||
|
.log-area > p { |
||||
|
text-align: center; |
||||
|
} |
||||
|
form { |
||||
|
font-family: monospace, sans-serif; |
||||
|
} |
||||
|
.f_inputs { |
||||
|
text-align: center; |
||||
|
} |
||||
|
.f_inputs > div { |
||||
|
margin-top: 5px; |
||||
|
} |
||||
|
.buttons { |
||||
|
display : flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
margin-top: 25px; |
||||
|
} |
||||
|
.sign_in { |
||||
|
background-color:#00dc64; |
||||
|
} |
||||
|
.sign_up { |
||||
|
background-color: #6a6a6a; |
||||
|
} |
||||
|
.buttons > div { |
||||
|
padding:10px 40px; |
||||
|
border-radius: 25px; |
||||
|
margin: 0 20px; |
||||
|
} |
||||
|
|
||||
|
div > input[type="submit"], div > a { |
||||
|
font-family: roboto, sans-serif; |
||||
|
background-color: inherit; |
||||
|
} |
||||
|
|
||||
|
|
||||
Loading…
Reference in new issue