diff --git a/pages/login.html b/pages/login.html new file mode 100644 index 0000000..0a88c47 --- /dev/null +++ b/pages/login.html @@ -0,0 +1,32 @@ + + + + + + + Wiki Fantasy : Connexion + + + +

▶ Connexion ◀

+ +
+

Identifiant *

+ + +

Mot de passe *

+ + +
+

Vous n'avez pas de compte?

+ S'incrire +
+ + +
+ +
+ +
+ + \ No newline at end of file diff --git a/pages/signin.html b/pages/signin.html new file mode 100644 index 0000000..3481154 --- /dev/null +++ b/pages/signin.html @@ -0,0 +1,44 @@ + + + + + + + Wiki Fantasy : inscription + + + +

▶ S'inscrire ◀

+ +
+
+

Identifiant *

+ +
+ +
+

Email *

+ +
+ +
+

Mot de passe *

+ +
+ +
+

Confirmer mot de passe *

+ +
+ +
+

Image *

+ +
+ +
+ +
+
+ + \ No newline at end of file diff --git a/styles/styleLogin.css b/styles/styleLogin.css new file mode 100644 index 0000000..f57cfe8 --- /dev/null +++ b/styles/styleLogin.css @@ -0,0 +1,60 @@ +body{ + background-color: #120b1d ; +} + +h1{ + color : white; + font-family: Lemon; + text-align: center; + font-size: 32px; +} + +p{ + color : white; + font-size: 20px; + font-family: Lemon; +} + +.login{ + background-color: black; + width: 30%; + margin-left: 33%; + margin-top: 3%; + border-radius: 25px; + padding: 2%; +} + +.connexion{ + width:90%; + height: 40px; + padding-left: 3%; + margin-left: 1%; + margin-top: -1%; + border-radius: 25px; + border: none; + font-size: 15px; +} + + +.createAccount{ + margin-top: 5%; + margin-bottom: 5%; + font-size: 13px; + text-align: center; + color: white; +} + + +.buttonSudmiteDiv{ + text-align: center; +} + +.buttonSudmite{ + background: linear-gradient(90deg, #6100ff 0%, #1b0048 100%); + border: none; + color: white; + padding: 2%; + border-radius: 25px; + width: 75%; + font-size: 20px; +} diff --git a/styles/styleSignin.css b/styles/styleSignin.css new file mode 100644 index 0000000..4f34b61 --- /dev/null +++ b/styles/styleSignin.css @@ -0,0 +1,80 @@ +body{ + background-color: #120b1d ; + font-family: Lemon; +} + +h1{ + color : white; + text-align: center; + +} + +.signin{ + background-color: #000000; + border-radius: 25px; + display: grid; + grid-template-columns: 2fr 1fr; + grid-template-rows: repeat(5, 1fr); + width : 30%; + margin-left: 33%; + margin-top: 3%; + padding : 2%; +} + +p{ + color :white; + font-size: 20px; + margin-top: 7%; + font-weight: bold; +} + +.DivId{ + grid-area: 1 / 1 / 2 / 2; +} + +.DivEmail{ + grid-area: 2 / 1 / 3 / 2; +} + +.mdp{ + grid-area: 3 / 1 / 4 / 3; +} + +.confmdp{ + grid-area: 4 / 1 / 5 / 3; +} + +.imgprof{ + grid-area: 1 / 2 / 3 / 3; +} + +.confirmer{ + grid-area: 5 / 1 / 6 / 3; + align-self: center; + text-align: center; +} + +.champ{ + width: 90%; + height : 35%; + border-radius: 25px; + margin-left: 1%; + padding-left: 3%; + margin-top: -1%; + border: none; + font-size: 15px; +} + +.btn{ + background: linear-gradient(90deg, #6100ff 0%, #1b0048 100%); + margin-top: 10%; + width:75%; + font-size: 20px; + padding: 2%; + border-radius: 25px; + color : white; + border: none; +} + + + \ No newline at end of file