From 038ea2a187b1b2de3ad7bde6b5e4542c920e9a53 Mon Sep 17 00:00:00 2001 From: "sacha.serny" Date: Mon, 15 Nov 2021 08:25:52 +0100 Subject: [PATCH] lycee15/11/2021 --- .gitignore | 1 + _content/Thumbs.db | Bin 0 -> 9728 bytes index.html | 73 +++++++++----- sign_in.html | 53 ++++------ sign_up.php | 110 +++++++++++++++++++++ style/style_index.css | 26 ++++- style/style_index.css.map | 2 +- style/style_log.css | 201 +++++++++++++++++++++++--------------- style/style_log.css.map | 1 + style/styles_index.scss | 32 +++++- style/styles_log.scss | 119 ++++++++++++++++++++++ 11 files changed, 470 insertions(+), 148 deletions(-) create mode 100644 _content/Thumbs.db create mode 100644 sign_up.php create mode 100644 style/style_log.css.map create mode 100644 style/styles_log.scss diff --git a/.gitignore b/.gitignore index e69de29..4abbf33 100644 --- a/.gitignore +++ b/.gitignore @@ -0,0 +1 @@ +"C:\Users\MiniV\OneDrive - lycée Paul Constans\Cours\1re\NSI\sernyS_nsi_web\style\style_index.css.map" \ No newline at end of file diff --git a/_content/Thumbs.db b/_content/Thumbs.db new file mode 100644 index 0000000000000000000000000000000000000000..1ff12f420aaf470dcfc59296d2cf40c41ff06f9e GIT binary patch literal 9728 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 9d6efdf..da55af0 100644 --- a/index.html +++ b/index.html @@ -20,7 +20,7 @@
@@ -30,80 +30,101 @@ thumbnail

Royals

-

Royals - Lorde
spotify-iconLien - (payant)

+

Royals - Lorde

+ + spotify-iconLien (légal)
thumbnail

Numb

-

Numb - Linkin Park
spotify-iconLien (payant)

+

Numb - Linkin Park

+ + spotify-iconLien (légal)
thumbnail

Red

-

Red - Survive said the prophet
spotify-iconLien (payant)

+

Red - Survive said the prophet

+ + spotify-iconLien (légal)
thumbnail

命に嫌われて

-

命に嫌われている。- Majiko
spotify-iconLien - (payant)

+

命に嫌われている。- Majiko

+ + spotify-iconLien (légal)
- + thumbnail

Symphony

-

Symphony - Clean Bandit (feat. Zara Larsson)
spotify-iconLien (payant)

+

Symphony - Clean Bandit (feat. Zara Larsson)>

+ + spotify-iconLien (légal)
thumbnail

Reckoning song

-

Reckoning song (cover) - Asaf Avidan, The Mojos
spotify-iconLien (payant)

+

Reckoning song (cover) - Asaf Avidan, The Mojos

+ + spotify-iconLien (légal)
- - thumbnail + + thumbnail
-

Boulevard of Broken Dreams

-

Boulevard of Broken Dreams - Green Day
spotify-iconLien (payant)

+

Boulevard of..

+

Boulevard of Broken Dreams - Green Day

+ + spotify-iconLien (légal)
thumbnail

Centuries

-

Centuries - Fall Out Boy
spotify-iconLien (payant)

+

Centuries - Fall Out Boy

+ + spotify-iconLien (légal)
thumbnail

Le temps est bon

-

Le temps est bon - Bon Entendeur
spotify-iconLien (payant)

+

Le temps est bon - Bon Entendeur

+ + spotify-iconLien (légal)
thumbnail

Radioactive

-

Radioactive - Imagine Dragons
spotify-iconLien (payant)

+

Radioactive - Imagine Dragons

+ + spotify-iconLien (légal)
@@ -137,7 +158,7 @@
diff --git a/sign_in.html b/sign_in.html index 2990cb0..14dc6ea 100644 --- a/sign_in.html +++ b/sign_in.html @@ -8,55 +8,36 @@ - Titre + Conenxion - - -
-

PopOp

- - -
-
-
- En attente de l'ajout d'un systeme PHP. -
Cette page est moche et mal faite. -
+
+

Connecte-toi pour accéder à plus de foncitonnalités

-

Connexion

- -
+
- +
-
- + +
+
+
+ + -
- - -

Mot de passe oublié ?

-
- + \ No newline at end of file diff --git a/sign_up.php b/sign_up.php new file mode 100644 index 0000000..ca7d0f2 --- /dev/null +++ b/sign_up.php @@ -0,0 +1,110 @@ + +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."; + } + } +} + + +?> + + + + + Conenxion + + + + + + +
+

Inscris-toi pour accéder à plus de foncitonnalités

+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + +
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/style/style_index.css b/style/style_index.css index 6f350f9..d6b4ccc 100644 --- a/style/style_index.css +++ b/style/style_index.css @@ -9,6 +9,11 @@ body { margin: 0; } +@media only screen and (min-width: 1080px) { + .main { + padding: 0 20vh 0 20vh; + } +} main { padding: 10px; background-color: white; @@ -26,8 +31,27 @@ main .element { padding-bottom: 24px; text-align: justify; width: 11em; - padding: 10px; + height: 25em; + padding: 10px 10px 10px 10px; margin: 2.5px 2.5px 0px 2.5px; + overflow: hidden; +} +main .element p:not(.hidden) { + display: block; +} +main .element p.hidden { + margin-top: 15px; + display: none; + font-style: italic; +} +main .element:hover p:not(.hidden) { + display: none; +} +main .element:hover h2 { + display: none; +} +main .element:hover p.hidden { + display: block; } main .element img { border-radius: 10% 40% 40% 40%; diff --git a/style/style_index.css.map b/style/style_index.css.map index dfd22bf..ca6b06d 100644 --- a/style/style_index.css.map +++ b/style/style_index.css.map @@ -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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/style/style_log.css b/style/style_log.css index 99e67c1..8f17fe4 100644 --- a/style/style_log.css +++ b/style/style_log.css @@ -1,87 +1,128 @@ -@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"; - -main { - padding: 5px 20%; - height: 79vh; -} -main .red-banner { - background-color: red; - color: white; - height: auto; - font-size: 24px; - padding: 30px 0; - text-align: center; - font-family: "Montserrat", sans-serif; +@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; } -form { - display: flex; - justify-content: center; - font-family: "Roboto", sans-serif; - flex-direction: column; - align-items: center; - text-align: center; -} -form .names { - display: flex; - flex-direction: row; - justify-content: space-between; - margin: 5px 0px; - align-items: inherit; -} -form .form_p_contents { - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; -} -form .form_p_contents p a { - font-size: 14px; - color: #696969; - text-decoration: none; -} -form .form_p_contents p a:hover { - font-size: 14px; - color: #696969; - text-decoration: none; + +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; +} +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 { - margin: 5px 0px; - font-size: 24px; + font-family: monospace, sans-serif; } -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 ; - transition: 0.2s; - text-decoration: underline; - 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; + +.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; } + +/*# sourceMappingURL=style_log.css.map */ diff --git a/style/style_log.css.map b/style/style_log.css.map new file mode 100644 index 0000000..4e27c8f --- /dev/null +++ b/style/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"} \ No newline at end of file diff --git a/style/styles_index.scss b/style/styles_index.scss index 132ae89..d48a494 100644 --- a/style/styles_index.scss +++ b/style/styles_index.scss @@ -7,7 +7,11 @@ body { margin: 0; } - +@media only screen and (min-width: 1080px) { + .main { + padding: 0 20vh 0 20vh; + } + } main { padding: 10px; background-color: rgb(255, 255, 255); @@ -28,10 +32,30 @@ main { padding-bottom: 24px; text-align: justify; width: 11em; - padding: 10px; + height: 25em; + padding: 10px 10px 10px 10px; margin: 2.5px 2.5px 0px 2.5px; - - + overflow: hidden; + p:not(.hidden) { + display: block; + } + p.hidden { + margin-top: 15px; + display: none; + font-style: italic; + } + + &:hover { + p:not(.hidden) { + display: none; + } + h2 { + display: none; + } + p.hidden { + display: block; + } + } & img { border-radius: 10% 40% 40% 40%; filter: blur(0.10px); diff --git a/style/styles_log.scss b/style/styles_log.scss new file mode 100644 index 0000000..2bb5dc7 --- /dev/null +++ b/style/styles_log.scss @@ -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; +} + +