Page profil

7 months ago · c80a3b2ea3
parent 5b0726539b
commit c80a3b2ea3
5 changed files with 136 additions and 1 deletions
--- a/images/drapeauFrance.png
+++ b/images/drapeauFrance.png
--- a/images/imageProfil.png
+++ b/images/imageProfil.png
--- a/pages/profil.html
+++ b/pages/profil.html
@ -0,0 +1,52 @@
+<!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/styleProfil.css" media="screen">
+    <title>Wiki Fantasy : Profil</title>
+    <link rel="icon" href="../images/Logo.ico">
+    <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>
+    </div>
+
+    <div class="login">
+        <h1>▶ Profil ◀</h1>
+
+
+        <img src="../images/imageProfil.png" class="imageProfil" onmousedown="return false"/>
+
+        <p class="nameProfil"> <strong> Tyler De Dordogne</strong></p>
+        
+        <p class="nameProfil"> <strong> user@wikiFantasy.com</strong></p>
+        <p class="nameProfil"> <strong> *********</strong></p>
+
+        <div class="languageDiv">
+            <p class="languageTitle">Language :</p>
+        </div>
+        <img class="languageImage" src="../images/drapeauFrance.png" onmousedown="return false"/>
+        
+        <div class="createQuote">
+            <a href="rien" class="createQuote">Ajouter une citation</a>
+        </div>
+        
+
+        <div class="buttonSudmiteDiv">
+            <button class="buttonSudmite">Se déconnecter</button>
+        </div>
+        
+    </div>
+</body>
+</html>
--- a/styles/styleLogin.css
+++ b/styles/styleLogin.css
@ -61,4 +61,4 @@ p{
 	border-radius: 25px;
 	width: 75%;
 	font-size: 20px;
-}
+}
--- a/styles/styleProfil.css
+++ b/styles/styleProfil.css
@ -0,0 +1,83 @@
+@import url(./style.css);
+
+
+h1{
+	color : white;
+	font-family: "Lemon", serif;
+	text-align: center;
+	font-size: 35px;
+	margin-top: 10%;
+}
+
+p{
+	margin-top: 6%;
+	margin-bottom: 2%;
+	color : white;
+	font-size: 20px;
+	font-family: "Lemon", serif;
+}
+
+
+.buttonSudmite{
+	background: linear-gradient(90deg, #6100ff 0%, #1b0048 100%);
+	font-family: "Lemon", serif;
+	border: none;
+	color: white;
+	padding: 5%;
+	border-radius: 25px;
+	width: 75%;
+	font-size: 20px;
+}
+
+.buttonSudmiteDiv{
+	text-align: center;
+}
+
+
+.createQuote{
+	margin-top: 5%;
+	margin-bottom: 5%;
+	font-size: 15px;
+	text-align: center;
+	padding-top: 1%;
+	color: white;
+	font-family: "Lemon", serif;
+}
+
+.login{
+	background-color: black;
+	width: 30%;
+	margin-left: 35%;
+	margin-top: 9%;
+	border-radius: 25px;
+	padding-top: 1px;
+	padding-bottom: 1%;
+}
+
+.imageProfil{
+	width: 25%;
+	border-radius: 25px;
+	display:block;
+	margin-left: 38%;
+	margin-top: 5%;
+}
+
+.nameProfil{
+	text-align: center;
+	font-size: 120%;
+}
+
+
+.languageDiv{
+	margin-left: 25%;
+}
+.languageTitle{
+	text-align: left;
+	font-size: 100%;
+}
+.languageImage{
+	width: 300px;
+	height: 40px;
+	margin-left: 25%;
+	display:block;
+}