diff --git a/css/style.css b/css/style.css index 889a9df..b8a4314 100644 --- a/css/style.css +++ b/css/style.css @@ -8,9 +8,11 @@ body { display: flex; flex-direction: column; - min-height: 100%; + min-height: 120vh; /* Utilisez 100vh pour une hauteur complète de la fenêtre */ + background-image: url(../img/jo20244.jpeg); + } - + #content.index { flex: 1; } @@ -37,12 +39,15 @@ background-image: url(../img/ouiouibaguette.jpg); padding: 10px 0; text-align: center; + /*background-color: #000000e2;*/ } a.categorie{ + margin-top: 1%; + margin-bottom: 1%; border-radius: 30px; - background-color: #FFFF; - padding: 6px;} + background-color: #f2f2f2; + padding: 8px;} header nav { margin-left: auto; @@ -63,29 +68,79 @@ /* index.php */ h1.Hello { + margin-top: 0%; font-size: 50px; text-align: center; color: white; } p.coco{ - font-size: 125%; - margin-top: 75px; - margin-right: 30%; - margin-left: 5%; - line-height: 135%; + font-size: 145%; + margin-top: 10%; + margin-right: 15%; + margin-left: 48%; + line-height: 160%; + color: #ffffff; } - - .content_cours { + + +/* Inscription et connextion */ + + div.error-message { + color: red; + } + + .connexion { width: 400px; height: 400px; margin: 100px auto ; /* Augmenter la marge en haut à 100px */ padding: 40px; - background-color: #f2f2f2; - border: 5px solid #ccc; - border-radius: 90px; + background-color: #d4d4d4; + border: none; + border-radius: 50px; text-align: center; - font-size: 130%; + font-size: 140%; + } + + .inscription { + width: 400px; + height: 550px; + margin: 100px auto ; /* Augmenter la marge en haut à 100px */ + padding: 40px; + background-color: #d4d4d4; + border: none; + border-radius: 50px; + text-align: center; + font-size: 140%; + } + + .compteUser{ + font-size: 70%; + } + + .compteUser a{ + color: #000000; + } + + .submit { + font-size: 100%; + } + /* profil*/ + + .page_profil { + width: 400px; + height: 400px; + margin: 100px auto ; /* Augmenter la marge en haut à 100px */ + padding: 40px; + background-color: #d4d4d4; + border: none; + border-radius: 50px; + text-align: center; + font-size: 140%; + } + + img.profil { + max-width : 15%; } \ No newline at end of file diff --git a/img/essai.jpg b/img/essai.jpg new file mode 100644 index 0000000..093c00b Binary files /dev/null and b/img/essai.jpg differ diff --git a/img/icon.png b/img/icon.png new file mode 100644 index 0000000..1e94867 Binary files /dev/null and b/img/icon.png differ diff --git a/img/jo20244.jpeg b/img/jo20244.jpeg new file mode 100644 index 0000000..92773d2 Binary files /dev/null and b/img/jo20244.jpeg differ diff --git a/img/jo20244.jpg b/img/jo20244.jpg new file mode 100644 index 0000000..bae6c09 Binary files /dev/null and b/img/jo20244.jpg differ diff --git a/img/photo-profil.png b/img/photo-profil.png new file mode 100644 index 0000000..2335e78 Binary files /dev/null and b/img/photo-profil.png differ diff --git a/index.php b/index.php index e390919..a053b5b 100644 --- a/index.php +++ b/index.php @@ -3,9 +3,9 @@ session_start(); ?> - + - + @@ -18,16 +18,16 @@ session_start();
Bienvenue ". $_SESSION['login']." sur le site des JO !
"; + echo "

Bienvenue ". $_SESSION['login']." sur le site des JO !

"; echo ""; } else { - echo "

Bienvenue sur le site des JO !


"; + echo "

Bienvenue sur le site des JO !

"; echo "
-
+
-

Inscription


+

Inscription

-
-

-
-
+
+ $error_verif
";} ?> +


+
+ $error_verif2
";} ?> + +


+
+ + +




- +
+ +

Vous possédez déjà un compte ?
Connectez-vous !

- diff --git a/php/profil.php b/php/profil.php new file mode 100644 index 0000000..c19b6fd --- /dev/null +++ b/php/profil.php @@ -0,0 +1,112 @@ + + + + + + + + Profil - Jeux Olympiques + + + + +
+

Gestion du Profil

+ + + +
+ + +
+ +profil + +
+

+
+

+
+ +

+

+
+ +
+
+ + + + + + + \ No newline at end of file