diff --git a/php/controleur/UtilisateurControleur.php b/php/controleur/UtilisateurControleur.php
index a6fea0a..8ef7b19 100755
--- a/php/controleur/UtilisateurControleur.php
+++ b/php/controleur/UtilisateurControleur.php
@@ -38,7 +38,7 @@ class UtilisateurControleur
protected function connection()
{
global $twig;
- echo $twig->render('connection.html', []);
+ echo $twig->render('connexion.html', []);
}
protected function inscription()
diff --git a/php/css/accueil.css b/php/css/accueil.css
new file mode 100755
index 0000000..b8516c3
--- /dev/null
+++ b/php/css/accueil.css
@@ -0,0 +1,30 @@
+@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Share+Tech+Mono&display=swap);
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Poppins', sans-serif;
+}
+body{
+ display: inline;
+ justify-content: center;
+ align-items: center;
+ min-height: 100vh;
+ background: #fff;
+}
+
+input{
+ position: relative;
+ outline: none;
+ padding: 10px 20px;
+ border-radius: 10px;
+ letter-spacing: 1px;
+ font-size: 0.85em;
+ background-color: #00DBFF;
+ color: #fff;
+ cursor: pointer;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-top: 10px;
+ border: none;
+}
\ No newline at end of file
diff --git a/php/css/connection.css b/php/css/connection.css
deleted file mode 100755
index 8ec9cfe..0000000
--- a/php/css/connection.css
+++ /dev/null
@@ -1,140 +0,0 @@
-@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Share+Tech+Mono&display=swap);
-*{
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: 'Poppins', sans-serif;
-}
-a{
- text-decoration: none;
-}
-
-body{
- display: flex;
- justify-content: center;
- align-items: center;
- min-height: 100vh;
- background: #2f363e;
-}
-
-.container{
- position: relative;
- width: 350px;
- min-height: 500px;
- display: flex;
- justify-content: center;
- align-items: center;
- background: #2f363e;
- box-shadow: 25px 25px 75px rgba(0,0,0,0.25),
- 10px 10px 70px rgba(0,0,0,0.25),
- inset 5px 5px 10px rgba(0, 0, 0, 0.5),
- inset 5px 5px 10px rgba(255, 255, 255, 0.2),
- inset -5px -5px 15px rgba(0, 0, 0, 0.75);
- border-radius: 30px;
- padding: 50px;
-}
-form{
- position: relative;
- width: 100%;
-}
-.container h3{
- color: #fff;
- font-weight: 600;
- font-size: 2em;
- width: 100%;
- text-align: center;
- margin-bottom: 30px;
- letter-spacing: 2px;
- text-transform: uppercase;
-}
-.container a:link {
- color: #fff;
- }
-.container a:visited {
- color: #fff;
- }
-.container a:hover {
- color: #fff;
- }
-.container a:active {
- color: #fff;
- }
-.CadreInput
-{
- position: relative;
- width: 100%;
- margin-bottom: 20px;
-}
-.CadreInput span{
- display: inline-block;
- color: #fff;
- margin-bottom: 10px;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 0.75em;
- border-left: 4px solid #fff;
- padding-left: 4px;
- line-height: 1em;
-}
-.CadreInput .box{
- display: flex;
-}
-.CadreInput .box .icon{
- position: relative;
- min-width: 40px;
- height: 40px;
- background-color: #a50b12;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 50%;
- margin-right: 10px;
- color: #fff;
- font-size: 1.15em;
- box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25),
- inset 2px 2px 5px rgba(255, 255, 255, 0.25),
- inset -3px -3px 5px rgba(0, 0, 0, 0.5);
-}
-.CadreInput .box input{
- position: relative;
- width: 100%;
- border: none;
- outline: none;
- padding: 10px 20px;
- border-radius: 30px;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 0.85em;
- box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25),
- inset 2px 2px 5px rgba(255, 255, 255, 0.25),
- inset -3px -3px 5px rgba(0, 0, 0, 0.5);
-}
-.CadreInput .box input[type="submit"]{
- background-color: #04070a;
- box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25),
- inset 2px 2px 5px rgba(255, 255, 255, 0.25),
- inset -3px -3px 5px rgba(0, 0, 0, 0.5);
- color: #fff;
- cursor: pointer;
- text-transform: uppercase;
- letter-spacing: 2px;
- font-weight: 600;
- margin-top: 10px;
-}
-label{
- color: #fff;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 0.85em;
- display: flex;
- align-items: center;
-}
-label input{
- margin-right: 5px;
-}
-.forgot{
- color: #fff;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 0.85em;
-}
\ No newline at end of file
diff --git a/php/css/index.css b/php/css/connexion.css
similarity index 57%
rename from php/css/index.css
rename to php/css/connexion.css
index 12597cc..4c14d1d 100755
--- a/php/css/index.css
+++ b/php/css/connexion.css
@@ -4,28 +4,30 @@
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
+ color: black;
}
+a{
+ text-decoration: none;
+}
+
body{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
- background: #2f363e;
+ background: #fff;
}
.container{
position: relative;
- width: 350px;
+ width: 500px;
min-height: 500px;
- display: flex;
+ display: inline;
justify-content: center;
align-items: center;
- background: #2f363e;
- box-shadow: 25px 25px 75px rgba(0,0,0,0.25),
- 10px 10px 70px rgba(0,0,0,0.25),
- inset 5px 5px 10px rgba(0, 0, 0, 0.5),
- inset 5px 5px 10px rgba(255, 255, 255, 0.2),
- inset -5px -5px 15px rgba(0, 0, 0, 0.75);
+ background: #fff;
+ box-shadow: 10px 10px 20px #fff,
+ -10px -10px 20px #ccc;
border-radius: 30px;
padding: 50px;
}
@@ -34,7 +36,7 @@ form{
width: 100%;
}
.container h3{
- color: #fff;
+ color: #000;
font-weight: 600;
font-size: 2em;
width: 100%;
@@ -51,12 +53,12 @@ form{
}
.CadreInput span{
display: inline-block;
- color: #fff;
+ color: #000;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.75em;
- border-left: 4px solid #fff;
+ border-left: 4px solid #000;
padding-left: 4px;
line-height: 1em;
}
@@ -67,17 +69,14 @@ form{
position: relative;
min-width: 40px;
height: 40px;
- background-color: #a50b12;
+ background-color: #00DBFF;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-right: 10px;
- color: #fff;
+ color: #000;
font-size: 1.15em;
- box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25),
- inset 2px 2px 5px rgba(255, 255, 255, 0.25),
- inset -3px -3px 5px rgba(0, 0, 0, 0.5);
}
.CadreInput .box input{
position: relative;
@@ -85,40 +84,28 @@ form{
border: none;
outline: none;
padding: 10px 20px;
- border-radius: 30px;
- text-transform: uppercase;
+ border-radius: 10px;
letter-spacing: 1px;
font-size: 0.85em;
- box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25),
- inset 2px 2px 5px rgba(255, 255, 255, 0.25),
- inset -3px -3px 5px rgba(0, 0, 0, 0.5);
+ border: #00DBFF 2px solid;
}
.CadreInput .box input[type="submit"]{
- background-color: #04070a;
- box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25),
- inset 2px 2px 5px rgba(255, 255, 255, 0.25),
- inset -3px -3px 5px rgba(0, 0, 0, 0.5);
+ background-color: #00DBFF;
color: #fff;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
margin-top: 10px;
+ border: none;
}
-label{
- color: #fff;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 0.85em;
- display: flex;
- align-items: center;
-}
-label input{
- margin-right: 5px;
+.CadreInput .box input[type="submit"].other{
+ background-color: #fff;
+ color: #00DBFF;
+ margin-right: 15px;
}
.forgot{
- color: #fff;
- text-transform: uppercase;
+ color: #000;
letter-spacing: 1px;
font-size: 0.85em;
}
\ No newline at end of file
diff --git a/php/css/erreur.css b/php/css/erreur.css
old mode 100644
new mode 100755
index a644c49..7dc6ddd
--- a/php/css/erreur.css
+++ b/php/css/erreur.css
@@ -6,9 +6,24 @@
font-family: 'Poppins', sans-serif;
}
body{
- display: flex;
+ display: inline;
justify-content: center;
align-items: center;
min-height: 100vh;
- background: #2f363e;
-}
\ No newline at end of file
+ background: #fff;
+}
+input{
+ position: relative;
+ outline: none;
+ padding: 10px 20px;
+ border-radius: 10px;
+ letter-spacing: 1px;
+ font-size: 0.85em;
+ background-color: #00DBFF;
+ color: #fff;
+ cursor: pointer;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-top: 10px;
+ border: none;
+}
diff --git a/php/css/inscription.css b/php/css/inscription.css
index ecfd614..4c14d1d 100755
--- a/php/css/inscription.css
+++ b/php/css/inscription.css
@@ -4,29 +4,30 @@
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
+ color: black;
+}
+a{
text-decoration: none;
}
+
body{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
- background: #2f363e;
+ background: #fff;
}
.container{
position: relative;
- width: 350px;
+ width: 500px;
min-height: 500px;
- display: flex;
+ display: inline;
justify-content: center;
align-items: center;
- background: #2f363e;
- box-shadow: 25px 25px 75px rgba(0,0,0,0.25),
- 10px 10px 70px rgba(0,0,0,0.25),
- inset 5px 5px 10px rgba(0, 0, 0, 0.5),
- inset 5px 5px 10px rgba(255, 255, 255, 0.2),
- inset -5px -5px 15px rgba(0, 0, 0, 0.75);
+ background: #fff;
+ box-shadow: 10px 10px 20px #fff,
+ -10px -10px 20px #ccc;
border-radius: 30px;
padding: 50px;
}
@@ -35,7 +36,7 @@ form{
width: 100%;
}
.container h3{
- color: #fff;
+ color: #000;
font-weight: 600;
font-size: 2em;
width: 100%;
@@ -52,12 +53,12 @@ form{
}
.CadreInput span{
display: inline-block;
- color: #fff;
+ color: #000;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.75em;
- border-left: 4px solid #fff;
+ border-left: 4px solid #000;
padding-left: 4px;
line-height: 1em;
}
@@ -68,17 +69,14 @@ form{
position: relative;
min-width: 40px;
height: 40px;
- background-color: #a50b12;
+ background-color: #00DBFF;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-right: 10px;
- color: #fff;
+ color: #000;
font-size: 1.15em;
- box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25),
- inset 2px 2px 5px rgba(255, 255, 255, 0.25),
- inset -3px -3px 5px rgba(0, 0, 0, 0.5);
}
.CadreInput .box input{
position: relative;
@@ -86,40 +84,28 @@ form{
border: none;
outline: none;
padding: 10px 20px;
- border-radius: 30px;
- text-transform: uppercase;
+ border-radius: 10px;
letter-spacing: 1px;
font-size: 0.85em;
- box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25),
- inset 2px 2px 5px rgba(255, 255, 255, 0.25),
- inset -3px -3px 5px rgba(0, 0, 0, 0.5);
+ border: #00DBFF 2px solid;
}
.CadreInput .box input[type="submit"]{
- background-color: #04070a;
- box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25),
- inset 2px 2px 5px rgba(255, 255, 255, 0.25),
- inset -3px -3px 5px rgba(0, 0, 0, 0.5);
+ background-color: #00DBFF;
color: #fff;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
margin-top: 10px;
+ border: none;
}
-label{
- color: #fff;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 0.85em;
- display: flex;
- align-items: center;
-}
-label input{
- margin-right: 5px;
+.CadreInput .box input[type="submit"].other{
+ background-color: #fff;
+ color: #00DBFF;
+ margin-right: 15px;
}
-.login{
- color: #fff;
- text-transform: uppercase;
+.forgot{
+ color: #000;
letter-spacing: 1px;
font-size: 0.85em;
-}
+}
\ No newline at end of file
diff --git a/php/vues/accueil.html b/php/vues/accueil.html
index 4ace17c..455781b 100755
--- a/php/vues/accueil.html
+++ b/php/vues/accueil.html
@@ -3,6 +3,7 @@
+
Alica - Accueil
@@ -13,9 +14,9 @@
Vous pouvez vous connecter ou vous inscrire
Vous pouvez aussi consulter les articles
Vous pouvez aussi consulter les annonces
- Connection :
+ Connexion :