13 changed files with 679 additions and 220 deletions
@ -0,0 +1 @@ |
|||||
|
"C:\Users\MiniV\OneDrive - lycée Paul Constans\Cours\1re\NSI\sernyS_nsi_web\style\style_index.css.map" |
||||
|
After Width: | Height: | Size: 6.2 KiB |
@ -0,0 +1,206 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="fr"> |
||||
|
|
||||
|
<head> |
||||
|
<title>PopOp</title> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<link href="style/style_index.css" rel="stylesheet"> |
||||
|
<link href="style/style_main.css" rel="stylesheet"> |
||||
|
<link rel="icon" type="image/x-icon" href="_content/favicon-32x32.png"> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<header> |
||||
|
<h1><a class="_title" href="home.html"><span class="word1">Pop</span><span class="word3">Op</span></a></h1> |
||||
|
<ul> |
||||
|
<li><a href="#unlinked">Top</a></li> |
||||
|
<li><a href="index.html">Musiques</a></li> |
||||
|
<li><a href="reading.html">Lectures</a></li> |
||||
|
</ul> |
||||
|
<div> |
||||
|
<a href="sign_in.html">Se connecter</a> |
||||
|
<a href="sign_up.php">S'inscrire</a> |
||||
|
</div> |
||||
|
</header> |
||||
|
<main> |
||||
|
<div class="main-side"> |
||||
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>La ballade de Lila K</h2> |
||||
|
<p>Blandine le callet<br></p> |
||||
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour, |
||||
|
des hommes en noir l'ont brutalement arrachée à sa mère. |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/Images/FR/NR/fd/04/a9/11076861/1540-1/tsp20190829135208/La-Princee-de-Cleves-Bac-2020.jpg" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>La Princesse de Clèves</h2> |
||||
|
<p>Madame de Lafayette<br></p> |
||||
|
<p class="hidden">Le célèbre roman de Mme de Lafayette, suivi d’un parcours littéraire « Individu, |
||||
|
morale et société ». |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 2.95€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
<a href="https://livre.fnac.com/a15608794/Banana-Fish-Tome-01-Banana-Fish-Perfect-Edition-Akimi-Yoshida#omnsearchpos=1" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/Images/FR/NR/88/03/c9/13173640/1540-1/tsp20210310071957/Banana-Fish-Perfect-Edition.jpg" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>Banana Fish</h2> |
||||
|
<p>Akimi Yoshida<br></p> |
||||
|
<p class="hidden">" - Une nuit au Vietnam, un mec de mon unité a complètement disjoncté. Il a chopé |
||||
|
un M16 et il a tué trois de mes hommes. |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 16€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
<a href="https://livre.fnac.com/a13914808/Makoto-Shinkai-Les-Enfants-du-Temps#omnsearchpos=8" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/Images/FR/NR/eb/67/af/11495403/1540-1/tsp20191212070455/Les-Enfants-du-Temps.jpg" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>Les enfants du temps</h2> |
||||
|
<p>Makoto Shinkai<br></p> |
||||
|
<p class="hidden">Lors des vacances d’été, Hodaka fugue de son île natale pour se rendre à Tokyo, |
||||
|
terre de liberté. Malheureusement |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 14.95€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
<a href="https://livre.fnac.com/mp34593993/The-Farm?oref=893a8e73-7ef9-2622-ce4c-30bdeafef41a#omnsearchpos=1" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/Images/FR/MC/c9/dc/0f/34593993/1540-1/tsp20180412213418/The-Farm.jpg#9e5621e2-1042-4e2c-aea8-069eb6e87108" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>The Farm [EN]</h2> |
||||
|
<p>Tom Rob Smith<br></p> |
||||
|
<p class="hidden">A suspenseful psychological thriller from the author of Booker-longlisted Child |
||||
|
44, now a film starring Tom Hardy, Noomi Rapace and Gary Oldman |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 0.90€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
<a href="https://livre.fnac.com/a892244/Edmond-Rostand-Cyrano-de-Bergerac#omnsearchpos=1" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/Images/FR/NR/54/9d/0d/892244/1540-1/tsp20211015181720/Cyrano-de-Bergerac.jpg" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>Edmond Rostand</h2> |
||||
|
<p>Cyrano de Bergerac<br></p> |
||||
|
<p class="hidden">Aimable jeune homme et auteur à demi-succès patronné par Sarah Bernhardt, Rostand |
||||
|
devient du jour au lendemain avec Cyrano de Bergerac un héros national, |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 3€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
<a href="https://livre.fnac.com/a15171008/Blue-Period-Tome-01-Blue-Period-Tsubasa-Yamaguchi#omnsearchpos=1" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>La ballade de Lila K</h2> |
||||
|
<p>Blandine le callet<br></p> |
||||
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour, |
||||
|
des hommes en noir l'ont brutalement arrachée à sa mère. |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>La ballade de Lila K</h2> |
||||
|
<p>Blandine le callet<br></p> |
||||
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour, |
||||
|
des hommes en noir l'ont brutalement arrachée à sa mère. |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>La ballade de Lila K</h2> |
||||
|
<p>Blandine le callet<br></p> |
||||
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour, |
||||
|
des hommes en noir l'ont brutalement arrachée à sa mère. |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>La ballade de Lila K</h2> |
||||
|
<p>Blandine le callet<br></p> |
||||
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour, |
||||
|
des hommes en noir l'ont brutalement arrachée à sa mère. |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1" |
||||
|
class="element elmnt1" target="_blank"> |
||||
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg" |
||||
|
alt="thumbnail"> |
||||
|
<div> |
||||
|
<h2>La ballade de Lila K</h2> |
||||
|
<p>Blandine le callet<br></p> |
||||
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour, |
||||
|
des hommes en noir l'ont brutalement arrachée à sa mère. |
||||
|
</p> |
||||
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="main-contents"> |
||||
|
<aside> |
||||
|
<h2>À propos...</h2> |
||||
|
<p>Voici un site ma foi très peu utile et pertinent afin de rendre un travail un minimum |
||||
|
complété. Ce site n'a pas vraiment d'objectif. Dans l'état actuel des choses le système de connexion |
||||
|
et d'inscription requiert de "simuler" un serveur ou d'en être sur un réel. Par conséquent ce |
||||
|
système n'est pas mis en place ou effectif. Sur mon "test" de <a |
||||
|
href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank">site à ce lien</a>, ce |
||||
|
système fonctionne très bien. Cependant je n'assume plus son contenu ^-^.</p> |
||||
|
</aside> |
||||
|
<aside> |
||||
|
<h2>Fun Fact</h2> |
||||
|
<p>Je me suis souvenu qu'il fallait faire <a href="index.html" target="_blank">ce site</a> uniquement le |
||||
|
dimanche soir |
||||
|
précédent la rentrée du |
||||
|
Lundi 8 Novembre.</p> |
||||
|
<p>Faire un lien un minimum esthétique c'est long. -_-</p> |
||||
|
</aside> |
||||
|
<aside> |
||||
|
<h2>Image aléatoire</h2> |
||||
|
<p>Un site du nom de <a href="https://picsum.photos" target="_blank">picsum</a> affiche une image |
||||
|
aléatoire. Rien de |
||||
|
plus. |
||||
|
</p> |
||||
|
<img src="https://picsum.photos/400/240" alt="random-pic" height="240" width="400"> |
||||
|
</aside> |
||||
|
</div> |
||||
|
</main> |
||||
|
<footer> |
||||
|
<a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par |
||||
|
SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a> |
||||
|
</footer> |
||||
|
</body> |
||||
|
|
||||
|
</html> |
||||
@ -1,69 +0,0 @@ |
|||||
<!-- Traitement PHP --> |
|
||||
<?php |
|
||||
|
|
||||
|
|
||||
|
|
||||
?> |
|
||||
<!DOCTYPE html> |
|
||||
<html lang="fr"> |
|
||||
|
|
||||
<head> |
|
||||
<title>Titre</title> |
|
||||
<meta charset="UTF-8"> |
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
||||
<link href="style/style_main.css" rel="stylesheet"> |
|
||||
<link href="style/style_log.css" rel="stylesheet"> |
|
||||
<link rel="icon" type="image/x-icon" href="_content/favicon-32x32.png"> |
|
||||
</head> |
|
||||
|
|
||||
<body> |
|
||||
<header> |
|
||||
<h1><a class="_title" href="index.html"><span class="word1">Pop</span><span class="word3">Op</span></a></h1> |
|
||||
<ul> |
|
||||
<li><a href="#unlinked">Top</a></li> |
|
||||
<li><a href="#unlinked">Musiques</a></li> |
|
||||
<li><a href="#unlinked">Lectures</a></li> |
|
||||
</ul> |
|
||||
<div> |
|
||||
<a href="sign_in.html">Se connecter</a> |
|
||||
<a href="sign_up.html">S'inscrire</a> |
|
||||
</div> |
|
||||
</header> |
|
||||
<main> |
|
||||
<div class="red-banner"> |
|
||||
En attente de l'ajout d'un systeme PHP. |
|
||||
<br>Cette page est moche et mal faite. |
|
||||
</div> |
|
||||
<form action="" method="POST"> |
|
||||
<h2>Inscription</h2> |
|
||||
|
|
||||
<div class="form_p_contents"> |
|
||||
<div> |
|
||||
<label for="pseudo">Pseudo : </label><input autocomplete="off" name="pseudo" type="text" |
|
||||
placeholder="Pseudo"> |
|
||||
</div> |
|
||||
|
|
||||
<div class="names"> |
|
||||
<label for="first_name">Prénom - Nom : </label><input autocomplete="off" name="first_name" |
|
||||
type="text" placeholder="Prénom"><input autocomplete="off" name="surname_name" type="text" |
|
||||
placeholder="Nom"> |
|
||||
</div> |
|
||||
<div> |
|
||||
<label for="mail">Adresse mail : </label><input autocomplete="off" name="mail" type="mail" |
|
||||
placeholder="Adresse mail"> |
|
||||
</div> |
|
||||
<div> |
|
||||
<label for="password">Mot de passe : </label><input autocomplete="off" name="password" |
|
||||
type="password" placeholder="Mot de passe"> |
|
||||
</div> |
|
||||
<br> |
|
||||
<input name="password" type="submit" value="Valider"> |
|
||||
</div> |
|
||||
</form> |
|
||||
</main> |
|
||||
<footer> |
|
||||
<a href="#mentions-legales">Conditions générales d'utilisation.</a> <br> Mise en page par SERNY Sacha. |
|
||||
</footer> |
|
||||
</body> |
|
||||
|
|
||||
</html> |
|
||||
@ -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 */ |
||||
|
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; |
||||
|
} |
||||
|
|
||||
main { |
input:focus-visible { |
||||
padding: 5px 20%; |
outline: rgba(0, 0, 0, 0) solid 0px; |
||||
height: 79vh; |
outline-offset: 0px; |
||||
|
} |
||||
|
|
||||
|
/* Fin Reset */ |
||||
|
input:focus { |
||||
|
position: relative; |
||||
|
color: red; |
||||
} |
} |
||||
main .red-banner { |
input:focus::before { |
||||
|
content: " "; |
||||
|
position: absolute; |
||||
background-color: red; |
background-color: red; |
||||
color: white; |
top: 0; |
||||
height: auto; |
width: 10px; |
||||
font-size: 24px; |
height: 1000px; |
||||
padding: 30px 0; |
|
||||
text-align: center; |
|
||||
font-family: "Montserrat", sans-serif; |
|
||||
} |
} |
||||
form { |
|
||||
|
body { |
||||
|
position: relative; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
.log-area { |
||||
display: flex; |
display: flex; |
||||
justify-content: center; |
justify-content: center; |
||||
font-family: "Roboto", sans-serif; |
|
||||
flex-direction: column; |
flex-direction: column; |
||||
align-items: center; |
align-items: center; |
||||
|
height: 20vh; |
||||
|
margin: 30vh 0 50vh 0; |
||||
|
font-family: "montserrat", sans-serif; |
||||
|
} |
||||
|
|
||||
|
.log-area > p { |
||||
text-align: center; |
text-align: center; |
||||
} |
} |
||||
form .names { |
|
||||
display: flex; |
form { |
||||
flex-direction: row; |
font-family: monospace, sans-serif; |
||||
justify-content: space-between; |
|
||||
margin: 5px 0px; |
|
||||
align-items: inherit; |
|
||||
} |
} |
||||
form .form_p_contents { |
|
||||
display: flex; |
.f_inputs { |
||||
flex-direction: column; |
text-align: center; |
||||
justify-content: flex-start; |
|
||||
align-items: center; |
|
||||
} |
} |
||||
form .form_p_contents p a { |
|
||||
font-size: 14px; |
.f_inputs > div { |
||||
color: #696969; |
margin-top: 5px; |
||||
text-decoration: none; |
|
||||
} |
} |
||||
form .form_p_contents p a:hover { |
|
||||
font-size: 14px; |
.buttons { |
||||
color: #696969; |
display: flex; |
||||
text-decoration: none; |
align-items: center; |
||||
|
justify-content: center; |
||||
|
margin-top: 25px; |
||||
} |
} |
||||
form { |
|
||||
margin: 5px 0px; |
.sign_in { |
||||
font-size: 24px; |
background-color: #00dc64; |
||||
} |
} |
||||
label { |
|
||||
letter-spacing: -1px; |
.sign_up { |
||||
|
background-color: #6a6a6a; |
||||
} |
} |
||||
input { |
|
||||
border: 0px; |
|
||||
background-color: #24252a; |
|
||||
color: rgb(255, 0, 0); |
|
||||
border-radius: 3.5px; |
|
||||
margin-left: 2px; |
|
||||
padding: 3px; |
|
||||
font-size: 18px; |
|
||||
|
|
||||
|
.buttons > div { |
||||
|
padding: 10px 40px; |
||||
|
border-radius: 25px; |
||||
|
margin: 0 20px; |
||||
} |
} |
||||
input:focus { |
|
||||
outline: 1px solid #24252a ; |
div > input[type=submit], div > a { |
||||
transition: 0.2s; |
font-family: roboto, sans-serif; |
||||
text-decoration: underline; |
background-color: inherit; |
||||
background-color: #edf0f1; |
|
||||
color: #24252a; |
|
||||
|
|
||||
} |
|
||||
input[type="submit"] { |
|
||||
border: 0px; |
|
||||
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; |
|
||||
} |
} |
||||
|
|
||||
|
/*# 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