From eee9b3d8ddc1b1ca62162c7cb0322510b52f897d Mon Sep 17 00:00:00 2001
From: "kevin.modejar" <mondejar.kevin.2005@gmail.com>
Date: Mon, 23 Sep 2024 16:16:24 +0200
Subject: [PATCH] ajout bandeau

---
 pages/accueil.html          |  2 +-
 pages/login.html            | 15 +++++++++++++++
 pages/quote.html            | 15 +++++++++++++++
 pages/signin.html           | 15 +++++++++++++++
 {style => styles}/style.css |  5 +++++
 styles/styleLogin.css       |  9 +++++----
 styles/styleQuote.css       |  1 +
 styles/styleSignin.css      |  9 ++++-----
 8 files changed, 61 insertions(+), 10 deletions(-)
 create mode 100644 pages/quote.html
 rename {style => styles}/style.css (91%)
 create mode 100644 styles/styleQuote.css
diff --git a/pages/accueil.html b/pages/accueil.html
index 4ec7b91..252559f 100644
--- a/pages/accueil.html
+++ b/pages/accueil.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Wiki Fantasy</title>
     <link rel="icon" href="../images/Logo.ico">
-    <link rel="stylesheet" href="../style/style.css">
+    <link rel="stylesheet" href="../styles/style.css">
 </head>
 <body>
     <div class="container">
diff --git a/pages/login.html b/pages/login.html
index 8a98ea2..2e2d1e3 100644
--- a/pages/login.html
+++ b/pages/login.html
@@ -9,6 +9,21 @@
     <link href="https://fonts.googleapis.com/css2?family=Lemon&display=swap" rel="stylesheet">
 </head>
 <body>
+    <div class="container">
+        <div class="header">
+            <div class="nav"> 
+                <img src="../images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false">
+                <img src="../images/dark.svg" alt="dark" width="72px" height="37px" onmousedown="return false">
+                <img src="../images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false">
+            </div>
+            <div class="logo">
+                <img src="../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false" >
+            </div>
+            <div class="user">
+                <img src="../images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false">
+            </div>
+        </div>
+    </div>
     <h1>▶ Connexion ◀</h1>
 
     <div class="login">
diff --git a/pages/quote.html b/pages/quote.html
new file mode 100644
index 0000000..accf2e1
--- /dev/null
+++ b/pages/quote.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" type="text/css" href="../styles/styleQuote.css" media="screen">
+    <title>Wiki Fantasy : citation</title>
+    <link rel="icon" href="../images/Logo.ico">
+    <link href="https://fonts.googleapis.com/css2?family=Lemon&display=swap" rel="stylesheet">
+
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/pages/signin.html b/pages/signin.html
index 0568420..b10d84d 100644
--- a/pages/signin.html
+++ b/pages/signin.html
@@ -10,6 +10,21 @@
 
 </head>
 <body>
+    <div class="container">
+        <div class="header">
+            <div class="nav"> 
+                <img src="../images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false">
+                <img src="../images/dark.svg" alt="dark" width="72px" height="37px" onmousedown="return false">
+                <img src="../images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false">
+            </div>
+            <div class="logo">
+                <img src="../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false" >
+            </div>
+            <div class="user">
+                <img src="../images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false">
+            </div>
+        </div>
+    </div>
     <h1>▶ S'inscrire ◀</h1>
 
     <div class="signin">
diff --git a/style/style.css b/styles/style.css
similarity index 91%
rename from style/style.css
rename to styles/style.css
index 278d685..1e645fe 100644
--- a/style/style.css
+++ b/styles/style.css
@@ -4,6 +4,11 @@
     box-sizing: border-box;
 }
 
+body{
+	background-color: #120b1d ;
+    font-family: "Lemon", serif;
+}
+
 .header{
     display: flex;
     position: fixed;
diff --git a/styles/styleLogin.css b/styles/styleLogin.css
index 3c9d4c8..d43ac38 100644
--- a/styles/styleLogin.css
+++ b/styles/styleLogin.css
@@ -1,15 +1,16 @@
-body{
-	background-color: #120b1d ;
-}
+@import url(./style.css);
 
 h1{
 	color : white;
 	font-family: "Lemon", serif;
 	text-align: center;
 	font-size: 32px;
+	margin-top: 10%;
 }
 
 p{
+	margin-top: 6%;
+	margin-bottom: 2%;
 	color : white;
 	font-size: 20px;
 	font-family: "Lemon", serif;
@@ -18,7 +19,7 @@ p{
 .login{
 	background-color: black;
 	width: 30%;
-	margin-left: 33%;
+	margin-left: 35%;
 	margin-top: 3%;
 	border-radius: 25px;
 	padding: 2%;
diff --git a/styles/styleQuote.css b/styles/styleQuote.css
new file mode 100644
index 0000000..e0e9625
--- /dev/null
+++ b/styles/styleQuote.css
@@ -0,0 +1 @@
+@import url(./style.css);
\ No newline at end of file
diff --git a/styles/styleSignin.css b/styles/styleSignin.css
index 61d62f9..91cc9df 100644
--- a/styles/styleSignin.css
+++ b/styles/styleSignin.css
@@ -1,9 +1,7 @@
-body{
-	background-color: #120b1d ;
-    font-family: "Lemon", serif;
-}
+@import url(./style.css);
 
 h1{
+    margin-top: 10%;
 	color : white;
     text-align: center;
 
@@ -16,7 +14,7 @@ h1{
     grid-template-columns: 2fr 1fr;
     grid-template-rows: repeat(5, 1fr);
     width : 30%;
-    margin-left: 33%;
+    margin-left: 35%;
     margin-top: 3%;
     padding : 2%;
 }
@@ -25,6 +23,7 @@ p{
     color :white;
     font-size: 20px;
     margin-top: 7%;
+    margin-bottom: 2%;
     font-weight: bold;
 }
 
