From 038ea2a187b1b2de3ad7bde6b5e4542c920e9a53 Mon Sep 17 00:00:00 2001 From: "sacha.serny" Date: Mon, 15 Nov 2021 08:25:52 +0100 Subject: [PATCH 1/7] 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; +} + + From e7d5a9aeed44961145bcf209216c5d18b1841e45 Mon Sep 17 00:00:00 2001 From: "sacha.serny" Date: Mon, 15 Nov 2021 08:38:58 +0100 Subject: [PATCH 2/7] sign_in.php --- sign_in.html | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/sign_in.html b/sign_in.html index 14dc6ea..89126bf 100644 --- a/sign_in.html +++ b/sign_in.html @@ -1,7 +1,30 @@ ("SELECT * FROM membres WHERE email = ?"); + $look->execite(array($mail)); + $userexist = -1; + $userexist = $look->rowCount(); + if ($userexist == 0) { + + } else { + $erreur = "Le mail utilisé est inconnu." + } +} ?> @@ -36,6 +59,9 @@ +
+ +
From 24db56327fed9097898d28c291f7d01a5d9802b1 Mon Sep 17 00:00:00 2001 From: "sacha.serny" Date: Mon, 15 Nov 2021 09:51:48 +0100 Subject: [PATCH 3/7] Lycee_fin_cour_15/11 --- sign_in.php | 78 ++++++++++++++++++++++++++++++++++++++++++++++++++++ sign_up.html | 69 ---------------------------------------------- 2 files changed, 78 insertions(+), 69 deletions(-) create mode 100644 sign_in.php delete mode 100644 sign_up.html diff --git a/sign_in.php b/sign_in.php new file mode 100644 index 0000000..a850a44 --- /dev/null +++ b/sign_in.php @@ -0,0 +1,78 @@ + +prepare("SELECT * FROM membres WHERE email = :mail"); + $look->bindParam(":mail", $mail); + $look->execute(); + $userexist = -1; + $userexist = $look->rowCount(); + if ($userexist == 0) { + $data = $look->fetch(); + var_dump($password,$data['password']); + if (password_verify($password,$data['password'])) { + $erreur = "Vous avez été correctement connecté."; + } else { + $erreur = "Les mots de passe ne correspondent pas."; + } + } else { + $erreur = "Le mail utilisé est inconnu."; + } +} +} +?> + + + + + Conenxion + + + + + + +
+

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

+
+
+
+ +
+
+ +
+
+
+ + +
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/sign_up.html b/sign_up.html deleted file mode 100644 index dd68598..0000000 --- a/sign_up.html +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - - Titre - - - - - - - - -
-

PopOp

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

Inscription

- -
-
- -
- -
- -
-
- -
-
- -
-
- -
-
-
- - - - \ No newline at end of file From 1fa6d08bba1ef246fcef7f411a66f7169911c6b1 Mon Sep 17 00:00:00 2001 From: "serny.s" Date: Wed, 1 Dec 2021 13:12:16 +0100 Subject: [PATCH 4/7] test --- home.html | 40 ++-- index.html | 328 ++++++++++++++++---------------- mentions-legales.html | 52 ++--- reading.html | 410 ++++++++++++++++++++-------------------- sign_in.html | 43 ----- sign_in.php | 77 ++++++++ sign_up.php | 220 ++++++++++----------- style/styles_home.scss | 76 ++++---- style/styles_index.scss | 396 +++++++++++++++++++------------------- style/styles_log.scss | 238 +++++++++++------------ style/styles_main.scss | 310 +++++++++++++++--------------- 11 files changed, 1113 insertions(+), 1077 deletions(-) delete mode 100644 sign_in.html create mode 100644 sign_in.php diff --git a/home.html b/home.html index 3f16bf4..1234383 100644 --- a/home.html +++ b/home.html @@ -1,21 +1,21 @@ - - - - - Titre - - - - - - - -
-
-

PopOp

-
- -
- - + + + + + Titre + + + + + + + +
+
+

PopOp

+
+ +
+ + \ No newline at end of file diff --git a/index.html b/index.html index f4f8c50..445d0bc 100644 --- a/index.html +++ b/index.html @@ -1,165 +1,165 @@ - - - - - PopOp - - - - - - - - -
-

PopOp

- - -
-
-
- - thumbnail -
-

Royals

-

Royals - Lorde

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

Numb

-

Numb - Linkin Park

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

Red

-

Red - Survive said the prophet

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

命に嫌われて

-

命に嫌われている。- Majiko

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

Symphony

-

Symphony - Clean Bandit (feat. Zara Larsson)>

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

Reckoning song

-

Reckoning song (cover) - Asaf Avidan, The Mojos

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

Boulevard of..

-

Boulevard of Broken Dreams - Green Day

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

Centuries

-

Centuries - Fall Out Boy

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

Le temps est bon

-

Le temps est bon - Bon Entendeur

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

Radioactive

-

Radioactive - Imagine Dragons

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

PopOp

+ + +
+
+
+ + thumbnail +
+

Royals

+

Royals - Lorde

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

Numb

+

Numb - Linkin Park

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

Red

+

Red - Survive said the prophet

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

命に嫌われて

+

命に嫌われている。- Majiko

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

Symphony

+

Symphony - Clean Bandit (feat. Zara Larsson)>

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

Reckoning song

+

Reckoning song (cover) - Asaf Avidan, The Mojos

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

Boulevard of..

+

Boulevard of Broken Dreams - Green Day

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

Centuries

+

Centuries - Fall Out Boy

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

Le temps est bon

+

Le temps est bon - Bon Entendeur

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

Radioactive

+

Radioactive - Imagine Dragons

+ + spotify-iconLien (légal) +
+ +
+
+ + + +
+
+ + + \ No newline at end of file diff --git a/mentions-legales.html b/mentions-legales.html index b2ce164..2e3ec70 100644 --- a/mentions-legales.html +++ b/mentions-legales.html @@ -1,27 +1,27 @@ - - - - - - - Mentions Légales - - - - - -
-

PopOp

- - -
- - + + + + + + + Mentions Légales + + + + + +
+

PopOp

+ + +
+ + \ No newline at end of file diff --git a/reading.html b/reading.html index 4c1fee4..d13e733 100644 --- a/reading.html +++ b/reading.html @@ -1,206 +1,206 @@ - - - - - PopOp - - - - - - - - -
-

PopOp

- - -
-
-
- - thumbnail -
-

La ballade de Lila K

-

Blandine le callet

- - spotify-iconLien 7.70€ -
- - - thumbnail -
-

La Princesse de Clèves

-

Madame de Lafayette

- - spotify-iconLien 2.95€ -
- - - thumbnail -
-

Banana Fish

-

Akimi Yoshida

- - spotify-iconLien 16€ -
- - - thumbnail -
-

Les enfants du temps

-

Makoto Shinkai

- - spotify-iconLien 14.95€ -
- - - thumbnail -
-

The Farm [EN]

-

Tom Rob Smith

- - spotify-iconLien 0.90€ -
- - - thumbnail -
-

Edmond Rostand

-

Cyrano de Bergerac

- - spotify-iconLien 3€ -
- - - thumbnail -
-

La ballade de Lila K

-

Blandine le callet

- - spotify-iconLien 7.70€ -
- - - thumbnail -
-

La ballade de Lila K

-

Blandine le callet

- - spotify-iconLien 7.70€ -
- - - thumbnail -
-

La ballade de Lila K

-

Blandine le callet

- - spotify-iconLien 7.70€ -
- - - thumbnail -
-

La ballade de Lila K

-

Blandine le callet

- - spotify-iconLien 7.70€ -
- - - thumbnail -
-

La ballade de Lila K

-

Blandine le callet

- - spotify-iconLien 7.70€ -
- -
-
- - - -
-
- - - + + + + + PopOp + + + + + + + + +
+

PopOp

+ + +
+
+
+ + thumbnail +
+

La ballade de Lila K

+

Blandine le callet

+ + spotify-iconLien 7.70€ +
+ + + thumbnail +
+

La Princesse de Clèves

+

Madame de Lafayette

+ + spotify-iconLien 2.95€ +
+ + + thumbnail +
+

Banana Fish

+

Akimi Yoshida

+ + spotify-iconLien 16€ +
+ + + thumbnail +
+

Les enfants du temps

+

Makoto Shinkai

+ + spotify-iconLien 14.95€ +
+ + + thumbnail +
+

The Farm [EN]

+

Tom Rob Smith

+ + spotify-iconLien 0.90€ +
+ + + thumbnail +
+

Edmond Rostand

+

Cyrano de Bergerac

+ + spotify-iconLien 3€ +
+ + + thumbnail +
+

La ballade de Lila K

+

Blandine le callet

+ + spotify-iconLien 7.70€ +
+ + + thumbnail +
+

La ballade de Lila K

+

Blandine le callet

+ + spotify-iconLien 7.70€ +
+ + + thumbnail +
+

La ballade de Lila K

+

Blandine le callet

+ + spotify-iconLien 7.70€ +
+ + + thumbnail +
+

La ballade de Lila K

+

Blandine le callet

+ + spotify-iconLien 7.70€ +
+ + + thumbnail +
+

La ballade de Lila K

+

Blandine le callet

+ + spotify-iconLien 7.70€ +
+ +
+
+ + + +
+
+ + + \ No newline at end of file diff --git a/sign_in.html b/sign_in.html deleted file mode 100644 index 14dc6ea..0000000 --- a/sign_in.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - Conenxion - - - - - - -
-

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

-
-
-
- -
-
- -
-
-
- - -
-
-
- - - \ No newline at end of file diff --git a/sign_in.php b/sign_in.php new file mode 100644 index 0000000..a5f6683 --- /dev/null +++ b/sign_in.php @@ -0,0 +1,77 @@ + +prepare("SELECT * FROM membres WHERE mail = ?"); + $look->execute(array($email)); + $check = $look->fetch(); + var_dump($check['password']); + var_dump($password); + var_dump(password_verify($password, $check['password'])); + $response ="here"; + if ($check['mail'] != $email) { + $response = "Ce compte n'existe pas."; + } + else { + if (password_verify($password, $check['password'])) { + $response = "Vous êtes maintenant connecté."; + header('location: https://serny-nsi.alwaysdata.net'); + } else { + $response = "Le mot de passe n'est pas valide."; + } + } + } else { + $response ="Veuillez remplir les champs ci-dessus."; + } +} + +?> + + + + + Conenxion + + + + + + +
+

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

+
+
+
+ +
+
+ +
+
+
+ + +
+

+
+
+ + + \ No newline at end of file diff --git a/sign_up.php b/sign_up.php index ca7d0f2..4d6134d 100644 --- a/sign_up.php +++ b/sign_up.php @@ -1,110 +1,112 @@ - -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

-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
- - -
-
- -
-
-
- - + +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."; + } + } else { + $erreur = "Veuillez remplir les champs ci-dessus."; + } +} + + +?> + + + + + Conenxion + + + + + + +
+

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

+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + +
+

+ +

+
+
+ + \ No newline at end of file diff --git a/style/styles_home.scss b/style/styles_home.scss index 19a2192..0f98952 100644 --- a/style/styles_home.scss +++ b/style/styles_home.scss @@ -1,39 +1,39 @@ -@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&display=swap'); - -body { - margin: 0; - } - main { - display: flex; - flex-direction: row; - justify-content: center; - width: 100vw; - height: 100vh; - background-image: radial-gradient(circle at 32.47% 115.42%, #ffc100 0, #ffb200 8.33%, #ffa014 16.67%, #ff8c2a 25%, #ff7638 33.33%, #ff5e41 41.67%, #f94646 50%, #e12e49 58.33%, #cb164b 66.67%, #b7004e 75%, #a60052 83.33%, #970056 91.67%, #8a005c 100%); - - & .title { - display: flex; - flex-direction: column; - justify-content: center; - - & h1, & h1:visited, & h1:link, & h1:active { - padding: 1em; - background-color: #fff; - box-shadow:-1px -1px 15px 0px rgba(255, 255, 255, 0.75); - - & a { - color: black; - text-decoration: none; - font-size: 3.5em; - font-family: "Playfair Display", sans-serif; - font-weight: 700; - transition: font-size 0.75s ease-in-out; - - &:hover { - transition: font-size 0.75s ease-out; - font-size: 5em; - } - } - } - } +@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&display=swap'); + +body { + margin: 0; + } + main { + display: flex; + flex-direction: row; + justify-content: center; + width: 100vw; + height: 100vh; + background-image: radial-gradient(circle at 32.47% 115.42%, #ffc100 0, #ffb200 8.33%, #ffa014 16.67%, #ff8c2a 25%, #ff7638 33.33%, #ff5e41 41.67%, #f94646 50%, #e12e49 58.33%, #cb164b 66.67%, #b7004e 75%, #a60052 83.33%, #970056 91.67%, #8a005c 100%); + + & .title { + display: flex; + flex-direction: column; + justify-content: center; + + & h1, & h1:visited, & h1:link, & h1:active { + padding: 1em; + background-color: #fff; + box-shadow:-1px -1px 15px 0px rgba(255, 255, 255, 0.75); + + & a { + color: black; + text-decoration: none; + font-size: 3.5em; + font-family: "Playfair Display", sans-serif; + font-weight: 700; + transition: font-size 0.75s ease-in-out; + + &:hover { + transition: font-size 0.75s ease-out; + font-size: 5em; + } + } + } + } } \ No newline at end of file diff --git a/style/styles_index.scss b/style/styles_index.scss index d48a494..ded06bc 100644 --- a/style/styles_index.scss +++ b/style/styles_index.scss @@ -1,199 +1,199 @@ -@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap'); -* { - box-sizing: border-box; -} -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); - display: grid; - grid-template-columns: 65% 35%; - font-family: "Roboto", sans-serif; - font-weight: 300; - - & a { - &:visited, &:active, &:link { - text-decoration: none; - color: rgb(0, 0, 0); - } - } - - & .element { - position: relative; - padding-bottom: 24px; - text-align: justify; - width: 11em; - 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); - } - &:hover { - & img { - border-radius: 10% 10% 10% 10%; - filter: blur(0); - transition: 0.3s; - - // transition: clip-path 0.3s; - // clip-path: circle(50%); - } - transition: 0.3s; - box-shadow:-1px -1px 30px 1px #ffb200; - background-image: radial-gradient(circle at 32.47% 115.42%, #ffc100 0, #ffb200 8.33%, #ffa014 16.67%, #ff8c2a 25%, #ff7638 33.33%, #ff5e41 41.67%, #f94646 50%, #e12e49 58.33%, #cb164b 66.67%, #b7004e 75%, #a60052 83.33%, #970056 91.67%, #8a005c 100%); - color: rgb(255, 255, 255); - & h2 { - text-decoration: underline; - } - } - } - - & .main-contents { - background-color: rgb(226, 226, 226); - padding: inherit; - border-left: 3px solid black; - display: flex; - flex-direction: column; - & aside { - display: flex; - flex-direction: column; - img { - max-width: 100%; - height: auto; - } - &:hover { - transition: 0.3s; - background-color: white; - box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; // Pris sur https://getcssscan.com/css-box-shadow-examples - & h2 { - &::before { - transition: 0.2s ease-in; - bottom: -5px; - left: 0px; - width: 100%; - max-width: 100%; - height: 5px; - } - } - } - & h2 { - font-style: italic; - font-family: 'Playfair Display', serif; - position: relative; - &::before { - content: " +++"; - transition: 0.2s ease-out; - font-size: 12px; - color: grey; - position: absolute; - background-color: rgb(78, 78, 78); - bottom: -5px; - left: 5px; - width: 6%; - height: 5px; - } - } - p { - font-family: 'Montserrat', serif; - text-align: justify; - } - a { // C'est très long pour faire un joli lien :sob-emote: - position: relative; - &::before { - content: " "; - position: absolute; - background-color:#2077d3; - bottom: -1px; - left: 0; - width: 100%; - height: 3px; - } - &::after { - transition: ease-out 0.3s; - content: " "; - position: absolute; - background-color:#fcbc3e; - bottom: -1px; - left: 0; - width: 0%; - height: 3px; - } - &:hover { - &::after { - transition: all ease-out 0.3s; - width: 100%; - } - } - } - padding: 20px 10px; - margin: 15px 0px; - background-color: #f8f9fa; - border-radius: 5px; - box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; - } - - } - - & .main-side { - background-color: rgb(255, 255, 255); - padding: inherit; - align-content: flex-start; - display: flex; - justify-content: center; - flex-direction: row; - flex-wrap: wrap; - & img { - height: 150px; - width: 150px; - } - & u { - position: absolute; - bottom: 6px; - display: flex; - align-items: center; - justify-content: flex-start; - flex-direction: row; - text-decoration: underline green 2.8px; - text-decoration-skip-ink: none; - color: green; - font-weight: 600; - - & img { - margin-right: 4px; - height: 18px; - width: 18px; - } - } - } +@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap'); +* { + box-sizing: border-box; +} +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); + display: grid; + grid-template-columns: 65% 35%; + font-family: "Roboto", sans-serif; + font-weight: 300; + + & a { + &:visited, &:active, &:link { + text-decoration: none; + color: rgb(0, 0, 0); + } + } + + & .element { + position: relative; + padding-bottom: 24px; + text-align: justify; + width: 11em; + 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); + } + &:hover { + & img { + border-radius: 10% 10% 10% 10%; + filter: blur(0); + transition: 0.3s; + + // transition: clip-path 0.3s; + // clip-path: circle(50%); + } + transition: 0.3s; + box-shadow:-1px -1px 30px 1px #ffb200; + background-image: radial-gradient(circle at 32.47% 115.42%, #ffc100 0, #ffb200 8.33%, #ffa014 16.67%, #ff8c2a 25%, #ff7638 33.33%, #ff5e41 41.67%, #f94646 50%, #e12e49 58.33%, #cb164b 66.67%, #b7004e 75%, #a60052 83.33%, #970056 91.67%, #8a005c 100%); + color: rgb(255, 255, 255); + & h2 { + text-decoration: underline; + } + } + } + + & .main-contents { + background-color: rgb(226, 226, 226); + padding: inherit; + border-left: 3px solid black; + display: flex; + flex-direction: column; + & aside { + display: flex; + flex-direction: column; + img { + max-width: 100%; + height: auto; + } + &:hover { + transition: 0.3s; + background-color: white; + box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; // Pris sur https://getcssscan.com/css-box-shadow-examples + & h2 { + &::before { + transition: 0.2s ease-in; + bottom: -5px; + left: 0px; + width: 100%; + max-width: 100%; + height: 5px; + } + } + } + & h2 { + font-style: italic; + font-family: 'Playfair Display', serif; + position: relative; + &::before { + content: " +++"; + transition: 0.2s ease-out; + font-size: 12px; + color: grey; + position: absolute; + background-color: rgb(78, 78, 78); + bottom: -5px; + left: 5px; + width: 6%; + height: 5px; + } + } + p { + font-family: 'Montserrat', serif; + text-align: justify; + } + a { // C'est très long pour faire un joli lien :sob-emote: + position: relative; + &::before { + content: " "; + position: absolute; + background-color:#2077d3; + bottom: -1px; + left: 0; + width: 100%; + height: 3px; + } + &::after { + transition: ease-out 0.3s; + content: " "; + position: absolute; + background-color:#fcbc3e; + bottom: -1px; + left: 0; + width: 0%; + height: 3px; + } + &:hover { + &::after { + transition: all ease-out 0.3s; + width: 100%; + } + } + } + padding: 20px 10px; + margin: 15px 0px; + background-color: #f8f9fa; + border-radius: 5px; + box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; + } + + } + + & .main-side { + background-color: rgb(255, 255, 255); + padding: inherit; + align-content: flex-start; + display: flex; + justify-content: center; + flex-direction: row; + flex-wrap: wrap; + & img { + height: 150px; + width: 150px; + } + & u { + position: absolute; + bottom: 6px; + display: flex; + align-items: center; + justify-content: flex-start; + flex-direction: row; + text-decoration: underline green 2.8px; + text-decoration-skip-ink: none; + color: green; + font-weight: 600; + + & img { + margin-right: 4px; + height: 18px; + width: 18px; + } + } + } } \ No newline at end of file diff --git a/style/styles_log.scss b/style/styles_log.scss index 2bb5dc7..335b661 100644 --- a/style/styles_log.scss +++ b/style/styles_log.scss @@ -1,119 +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; -} - - +@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; +} + + diff --git a/style/styles_main.scss b/style/styles_main.scss index 198afef..0ee36d2 100644 --- a/style/styles_main.scss +++ b/style/styles_main.scss @@ -1,155 +1,155 @@ -body { - min-height: 100vh; - margin: 0; - box-sizing: border-box; - position: relative; - padding-bottom: 20vh; -} -header { - background-color:rgb(36, 37, 42); - padding: 30px 10%; - display: flex; - justify-content: space-around; - align-items: center; - align-content: center; - text-decoration: none; - & h1 { - margin: 0; - position: relative; - &::before { - content: " "; - position: absolute; - background-color: rgba(255, 255, 255, 0); - transition: 1s; - top: -2px; - left: -2px; - width: 0px; - height: 0px; - border: 2px solid transparent; - } - &:hover::before { - animation: border_top_right 0.75s linear forwards; - } - &::after { - content: " "; - position: absolute; - background-color: rgba(255, 255, 255, 0); - transition: 1s; - top: -2px; - left: -2px; - width: 0px; - height: 0px; - border: 2px solid transparent; - } - &:hover::after { - animation: border_bottom_left 0.75s linear forwards; - } - & a { - color: rgb(237, 240, 241); - text-decoration: none; - font-family: sans-serif; - letter-spacing: 0px; - padding: 5px; - & .word1 { - color: rgb(146,147,149); - } - & .word2 { - color: rgb(192, 192, 192); - } - & .word3 { - color:rgb(237, 240, 241); - } - } - } - & ul { - list-style-type: none; - display: flex; - justify-content: space-around; - text-align: center; - } - & a:not(._title) { - padding: 1em 2em; - text-decoration: none; - color: rgb(237, 240, 241); - font-family: "Montserrat", sans-serif; - font-weight: 500; - &:hover { - color: rgb(36, 37, 42); - background-color: rgb(237, 240, 241); - font-weight: 800; - transition: 0.2s; - } - } - - @keyframes border_top_right { - 0% { - width: 0; - height: 0; - border-top-color: rgb(255, 255, 255); - border-right-color: transparent; - border-bottom-color: transparent; - border-left-color: transparent; - } - - 25% { - width: 100%; - height: 0; - border-top-color: rgb(255, 255, 255); - border-right-color: rgb(255, 255, 255); - border-bottom-color: transparent; - border-left-color: transparent; - } - - 100% { - width: 100%; - height: 100%; - border-top-color: rgb(255, 255, 255); - border-right-color: rgb(255, 255, 255); - border-bottom-color: transparent; - border-left-color: transparent; - } - } - @keyframes border_bottom_left { - 0% { - width: 0; - height: 0; - border-top-color: transparent; - border-right-color: transparent; - border-bottom-color: transparent; - border-left-color: rgb(255, 255, 255); - } - - 75% { - width: 0; - height: 100%; - border-top-color: transparent; - border-right-color: transparent; - border-bottom-color: rgb(255, 255, 255); - border-left-color: rgb(255, 255, 255); - } - - 100% { - width: 100%; - height: 100%; - border-top-color: transparent; - border-right-color: transparent; - border-bottom-color: rgb(255, 255, 255); - border-left-color: rgb(255, 255, 255); - } - } -} -footer { - position: absolute; - bottom: 0; - right: 0; - left: 0; - text-align: center; - background-color:rgb(36, 37, 42); - color: rgb(237, 240, 241); - font-family: "Montserrat", sans-serif; - font-weight: 500; - padding: 3vh 0; - & a { - color: white; - } -} +body { + min-height: 100vh; + margin: 0; + box-sizing: border-box; + position: relative; + padding-bottom: 20vh; +} +header { + background-color:rgb(36, 37, 42); + padding: 30px 10%; + display: flex; + justify-content: space-around; + align-items: center; + align-content: center; + text-decoration: none; + & h1 { + margin: 0; + position: relative; + &::before { + content: " "; + position: absolute; + background-color: rgba(255, 255, 255, 0); + transition: 1s; + top: -2px; + left: -2px; + width: 0px; + height: 0px; + border: 2px solid transparent; + } + &:hover::before { + animation: border_top_right 0.75s linear forwards; + } + &::after { + content: " "; + position: absolute; + background-color: rgba(255, 255, 255, 0); + transition: 1s; + top: -2px; + left: -2px; + width: 0px; + height: 0px; + border: 2px solid transparent; + } + &:hover::after { + animation: border_bottom_left 0.75s linear forwards; + } + & a { + color: rgb(237, 240, 241); + text-decoration: none; + font-family: sans-serif; + letter-spacing: 0px; + padding: 5px; + & .word1 { + color: rgb(146,147,149); + } + & .word2 { + color: rgb(192, 192, 192); + } + & .word3 { + color:rgb(237, 240, 241); + } + } + } + & ul { + list-style-type: none; + display: flex; + justify-content: space-around; + text-align: center; + } + & a:not(._title) { + padding: 1em 2em; + text-decoration: none; + color: rgb(237, 240, 241); + font-family: "Montserrat", sans-serif; + font-weight: 500; + &:hover { + color: rgb(36, 37, 42); + background-color: rgb(237, 240, 241); + font-weight: 800; + transition: 0.2s; + } + } + + @keyframes border_top_right { + 0% { + width: 0; + height: 0; + border-top-color: rgb(255, 255, 255); + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + } + + 25% { + width: 100%; + height: 0; + border-top-color: rgb(255, 255, 255); + border-right-color: rgb(255, 255, 255); + border-bottom-color: transparent; + border-left-color: transparent; + } + + 100% { + width: 100%; + height: 100%; + border-top-color: rgb(255, 255, 255); + border-right-color: rgb(255, 255, 255); + border-bottom-color: transparent; + border-left-color: transparent; + } + } + @keyframes border_bottom_left { + 0% { + width: 0; + height: 0; + border-top-color: transparent; + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: rgb(255, 255, 255); + } + + 75% { + width: 0; + height: 100%; + border-top-color: transparent; + border-right-color: transparent; + border-bottom-color: rgb(255, 255, 255); + border-left-color: rgb(255, 255, 255); + } + + 100% { + width: 100%; + height: 100%; + border-top-color: transparent; + border-right-color: transparent; + border-bottom-color: rgb(255, 255, 255); + border-left-color: rgb(255, 255, 255); + } + } +} +footer { + position: absolute; + bottom: 0; + right: 0; + left: 0; + text-align: center; + background-color:rgb(36, 37, 42); + color: rgb(237, 240, 241); + font-family: "Montserrat", sans-serif; + font-weight: 500; + padding: 3vh 0; + & a { + color: white; + } +} From 4a2904ab1d14394d16bfc7f44d50ba048292c6dc Mon Sep 17 00:00:00 2001 From: "serny.s" Date: Wed, 1 Dec 2021 13:40:06 +0100 Subject: [PATCH 5/7] test2 --- index.html | 329 ++++++++++++++++++++++++++--------------------------- 1 file changed, 164 insertions(+), 165 deletions(-) diff --git a/index.html b/index.html index 420244f..f83bc57 100644 --- a/index.html +++ b/index.html @@ -1,168 +1,167 @@ -<<<<<<< HEAD - - - - - PopOp - - - - - - - - -
-

PopOp

- - -
-
-
- - thumbnail -
-

Royals

-

Royals - Lorde

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

Numb

-

Numb - Linkin Park

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

Red

-

Red - Survive said the prophet

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

命に嫌われて

-

命に嫌われている。- Majiko

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

Symphony

-

Symphony - Clean Bandit (feat. Zara Larsson)>

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

Reckoning song

-

Reckoning song (cover) - Asaf Avidan, The Mojos

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

Boulevard of..

-

Boulevard of Broken Dreams - Green Day

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

Centuries

-

Centuries - Fall Out Boy

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

Le temps est bon

-

Le temps est bon - Bon Entendeur

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

Radioactive

-

Radioactive - Imagine Dragons

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

PopOp

+ + +
+
+
+ + thumbnail +
+

Royals

+

Royals - Lorde

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

Numb

+

Numb - Linkin Park

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

Red

+

Red - Survive said the prophet

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

命に嫌われて

+

命に嫌われている。- Majiko

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

Symphony

+

Symphony - Clean Bandit (feat. Zara Larsson)>

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

Reckoning song

+

Reckoning song (cover) - Asaf Avidan, The Mojos

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

Boulevard of..

+

Boulevard of Broken Dreams - Green Day

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

Centuries

+

Centuries - Fall Out Boy

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

Le temps est bon

+

Le temps est bon - Bon Entendeur

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

Radioactive

+

Radioactive - Imagine Dragons

+ + spotify-iconLien (légal) +
+ +
+
+ + + +
+
+ + + ======= From e12cea8d37364faffc73d2f48954705bab766fcc Mon Sep 17 00:00:00 2001 From: "serny.s" Date: Wed, 1 Dec 2021 14:01:38 +0100 Subject: [PATCH 6/7] test lycee --- index.html | 169 +-------------------------------- reading.html | 2 +- style/styles_index.scss | 201 ---------------------------------------- style/styles_log.scss | 122 ------------------------ top.html | 64 +++++++++++++ 5 files changed, 66 insertions(+), 492 deletions(-) create mode 100644 top.html diff --git a/index.html b/index.html index f83bc57..9e4fb7a 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@

PopOp

@@ -162,170 +162,3 @@ -======= - - - - - PopOp - - - - - - - - -
-

PopOp

- - -
-
-
- - thumbnail -
-

Royals

-

Royals - Lorde

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

Numb

-

Numb - Linkin Park

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

Red

-

Red - Survive said the prophet

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

命に嫌われて

-

命に嫌われている。- Majiko

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

Symphony

-

Symphony - Clean Bandit (feat. Zara Larsson)>

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

Reckoning song

-

Reckoning song (cover) - Asaf Avidan, The Mojos

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

Boulevard of..

-

Boulevard of Broken Dreams - Green Day

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

Centuries

-

Centuries - Fall Out Boy

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

Le temps est bon

-

Le temps est bon - Bon Entendeur

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

Radioactive

-

Radioactive - Imagine Dragons

- - spotify-iconLien (légal) -
- -
-
- - - -
-
- - - ->>>>>>> 24db56327fed9097898d28c291f7d01a5d9802b1 - \ No newline at end of file diff --git a/reading.html b/reading.html index d13e733..0f42429 100644 --- a/reading.html +++ b/reading.html @@ -14,7 +14,7 @@

PopOp

diff --git a/style/styles_index.scss b/style/styles_index.scss index cf227b7..d48a494 100644 --- a/style/styles_index.scss +++ b/style/styles_index.scss @@ -1,203 +1,3 @@ -<<<<<<< HEAD -@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap'); -* { - box-sizing: border-box; -} -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); - display: grid; - grid-template-columns: 65% 35%; - font-family: "Roboto", sans-serif; - font-weight: 300; - - & a { - &:visited, &:active, &:link { - text-decoration: none; - color: rgb(0, 0, 0); - } - } - - & .element { - position: relative; - padding-bottom: 24px; - text-align: justify; - width: 11em; - 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); - } - &:hover { - & img { - border-radius: 10% 10% 10% 10%; - filter: blur(0); - transition: 0.3s; - - // transition: clip-path 0.3s; - // clip-path: circle(50%); - } - transition: 0.3s; - box-shadow:-1px -1px 30px 1px #ffb200; - background-image: radial-gradient(circle at 32.47% 115.42%, #ffc100 0, #ffb200 8.33%, #ffa014 16.67%, #ff8c2a 25%, #ff7638 33.33%, #ff5e41 41.67%, #f94646 50%, #e12e49 58.33%, #cb164b 66.67%, #b7004e 75%, #a60052 83.33%, #970056 91.67%, #8a005c 100%); - color: rgb(255, 255, 255); - & h2 { - text-decoration: underline; - } - } - } - - & .main-contents { - background-color: rgb(226, 226, 226); - padding: inherit; - border-left: 3px solid black; - display: flex; - flex-direction: column; - & aside { - display: flex; - flex-direction: column; - img { - max-width: 100%; - height: auto; - } - &:hover { - transition: 0.3s; - background-color: white; - box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; // Pris sur https://getcssscan.com/css-box-shadow-examples - & h2 { - &::before { - transition: 0.2s ease-in; - bottom: -5px; - left: 0px; - width: 100%; - max-width: 100%; - height: 5px; - } - } - } - & h2 { - font-style: italic; - font-family: 'Playfair Display', serif; - position: relative; - &::before { - content: " +++"; - transition: 0.2s ease-out; - font-size: 12px; - color: grey; - position: absolute; - background-color: rgb(78, 78, 78); - bottom: -5px; - left: 5px; - width: 6%; - height: 5px; - } - } - p { - font-family: 'Montserrat', serif; - text-align: justify; - } - a { // C'est très long pour faire un joli lien :sob-emote: - position: relative; - &::before { - content: " "; - position: absolute; - background-color:#2077d3; - bottom: -1px; - left: 0; - width: 100%; - height: 3px; - } - &::after { - transition: ease-out 0.3s; - content: " "; - position: absolute; - background-color:#fcbc3e; - bottom: -1px; - left: 0; - width: 0%; - height: 3px; - } - &:hover { - &::after { - transition: all ease-out 0.3s; - width: 100%; - } - } - } - padding: 20px 10px; - margin: 15px 0px; - background-color: #f8f9fa; - border-radius: 5px; - box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; - } - - } - - & .main-side { - background-color: rgb(255, 255, 255); - padding: inherit; - align-content: flex-start; - display: flex; - justify-content: center; - flex-direction: row; - flex-wrap: wrap; - & img { - height: 150px; - width: 150px; - } - & u { - position: absolute; - bottom: 6px; - display: flex; - align-items: center; - justify-content: flex-start; - flex-direction: row; - text-decoration: underline green 2.8px; - text-decoration-skip-ink: none; - color: green; - font-weight: 600; - - & img { - margin-right: 4px; - height: 18px; - width: 18px; - } - } - } -======= @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap'); @@ -396,5 +196,4 @@ main { } } } ->>>>>>> 24db56327fed9097898d28c291f7d01a5d9802b1 } \ No newline at end of file diff --git a/style/styles_log.scss b/style/styles_log.scss index fe611a9..2bb5dc7 100644 --- a/style/styles_log.scss +++ b/style/styles_log.scss @@ -1,124 +1,3 @@ -<<<<<<< HEAD -@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; -} - - -======= @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"; @@ -238,4 +117,3 @@ div > input[type="submit"], div > a { } ->>>>>>> 24db56327fed9097898d28c291f7d01a5d9802b1 diff --git a/top.html b/top.html new file mode 100644 index 0000000..379a9da --- /dev/null +++ b/top.html @@ -0,0 +1,64 @@ + + + + + PopOp + + + + + + + + +
+

PopOp

+ + +
+
+
+ +
+
+ + + +
+
+ + + + \ No newline at end of file From d120872e658c0bb2df803f19a903096b4a6a7928 Mon Sep 17 00:00:00 2001 From: "serny.s" Date: Wed, 1 Dec 2021 14:31:41 +0100 Subject: [PATCH 7/7] add books --- _content/webtoon-icon.png | Bin 0 -> 20524 bytes reading.html | 84 ++++++++++++++++++++++---------------- 2 files changed, 49 insertions(+), 35 deletions(-) create mode 100644 _content/webtoon-icon.png diff --git a/_content/webtoon-icon.png b/_content/webtoon-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..d88537c16a4ddeac66ae1002b4dec14e6d020c36 GIT binary patch literal 20524 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 Qh@g)hc6)3Kx46gr2d53<(*OVf literal 0 HcmV?d00001 diff --git a/reading.html b/reading.html index 0f42429..ac27f8d 100644 --- a/reading.html +++ b/reading.html @@ -103,71 +103,85 @@ spotify-iconLien 3€ - - thumbnail
-

La ballade de Lila K

-

Blandine le callet

-

Omniscient

+

Sleepy-C / UMI

+ - spotify-iconLien 7.70€ + spotify-iconLien gratuit
- - thumbnail
-

La ballade de Lila K

-

Blandine le callet

-

Ghost King

+

Park Jin-Seok / Son Gohu

+ - spotify-iconLien 7.70€ + spotify-iconLien gratuit
- - thumbnail
-

La ballade de Lila K

-

Blandine le callet

-

Tower Of God

+

SIU

+ - spotify-iconLien 7.70€ + spotify-iconLien gratuit
- - thumbnail
-

La ballade de Lila K

-

Blandine le callet

-

The God of High School

+

Yongje Park

+ - spotify-iconLien 7.70€ + spotify-iconLien gratuit
- - thumbnail
-

La ballade de Lila K

-

Blandine le callet

-

Sweet home

+

Carnby Kim / Youngchan Hwang

+ - spotify-iconLien 7.70€ + spotify-iconLien gratuit +
+ + + thumbnail +
+

The Boxer

+

JH

+ + spotify-iconLien gratuit
+