diff options
author | polo <ordipolo@gmx.fr> | 2025-10-20 18:11:35 +0200 |
---|---|---|
committer | polo <ordipolo@gmx.fr> | 2025-10-20 18:11:35 +0200 |
commit | 426a1a69cb73007538336debc31b34c4348e1ba1 (patch) | |
tree | 44f1f15c892cc012bfdc5bdc42bb406934867298 | |
parent | 8bc4814fc83001d02ab3298e06596f0bd2a99f44 (diff) | |
download | cms-426a1a69cb73007538336debc31b34c4348e1ba1.zip |
un peu de nettoyage et d'uniformisation du CSS
-rw-r--r-- | public/css/body.css | 23 | ||||
-rw-r--r-- | public/css/calendar.css | 2 | ||||
-rw-r--r-- | src/view/LoginBuilder.php | 2 | ||||
-rw-r--r-- | src/view/templates/login.php | 16 | ||||
-rw-r--r-- | src/view/templates/menu.php | 10 | ||||
-rw-r--r-- | src/view/templates/new_page.php | 10 | ||||
-rw-r--r-- | src/view/templates/user_create.php | 2 | ||||
-rw-r--r-- | src/view/templates/user_edit.php | 28 |
8 files changed, 54 insertions, 39 deletions
diff --git a/public/css/body.css b/public/css/body.css index dee806b..95f30d4 100644 --- a/public/css/body.css +++ b/public/css/body.css | |||
@@ -52,6 +52,7 @@ main | |||
52 | section | 52 | section |
53 | { | 53 | { |
54 | margin: 10px 0; | 54 | margin: 10px 0; |
55 | padding: 15px; | ||
55 | } | 56 | } |
56 | section > h3 | 57 | section > h3 |
57 | { | 58 | { |
@@ -63,16 +64,25 @@ section .fetch_articles | |||
63 | { | 64 | { |
64 | margin-left: 15px; | 65 | margin-left: 15px; |
65 | } | 66 | } |
66 | .login_form, .basic_section | 67 | .basic_div |
67 | { | 68 | { |
68 | background-color: white; | 69 | background-color: white; |
69 | margin: 15px; | ||
70 | padding: 10px; | 70 | padding: 10px; |
71 | } | 71 | } |
72 | 72 | ||
73 | .section_child | ||
74 | { | ||
75 | gap: 15px; /* fonctionne avec flexbox et grid */ | ||
76 | margin-top: 15px; | ||
77 | } | ||
78 | .fullwidth > .section_child | ||
79 | { | ||
80 | display: flex; | ||
81 | flex-direction: column; | ||
82 | } | ||
73 | .grid > .section_child | 83 | .grid > .section_child |
74 | { | 84 | { |
75 | display: grid; /* et c'est tout */ | 85 | display: grid;/* et c'est tout */ |
76 | /* la règle grid-template-columns est ajoutée dynamiquement par PHP ou JS*/ | 86 | /* la règle grid-template-columns est ajoutée dynamiquement par PHP ou JS*/ |
77 | } | 87 | } |
78 | .mosaic > .section_child | 88 | .mosaic > .section_child |
@@ -83,7 +93,7 @@ section .fetch_articles | |||
83 | } | 93 | } |
84 | .mosaic > .section_child article | 94 | .mosaic > .section_child article |
85 | { | 95 | { |
86 | max-width: 300px; | 96 | max-width: 350px; |
87 | } | 97 | } |
88 | .mosaic > .section_child img /* règle ciblant un élément généré par l'éditeur */ | 98 | .mosaic > .section_child img /* règle ciblant un élément généré par l'éditeur */ |
89 | { | 99 | { |
@@ -94,8 +104,8 @@ section .fetch_articles | |||
94 | article | 104 | article |
95 | { | 105 | { |
96 | background-color: white; | 106 | background-color: white; |
97 | margin: 15px; | 107 | /*margin: 10px;*/ /* rêmplacé par gap */ |
98 | padding: 15px; | 108 | padding: 10px; |
99 | /*min-height: 150px;*/ | 109 | /*min-height: 150px;*/ |
100 | } | 110 | } |
101 | article .logo2 | 111 | article .logo2 |
@@ -218,6 +228,7 @@ article a:hover | |||
218 | flex-wrap: wrap; | 228 | flex-wrap: wrap; |
219 | justify-content: space-between;*/ | 229 | justify-content: space-between;*/ |
220 | display: grid; | 230 | display: grid; |
231 | gap: 15px; | ||
221 | grid-template-columns: repeat(2, 1fr); | 232 | grid-template-columns: repeat(2, 1fr); |
222 | } | 233 | } |
223 | @media screen and (max-width: 900px) | 234 | @media screen and (max-width: 900px) |
diff --git a/public/css/calendar.css b/public/css/calendar.css index 1b05fbd..2ff5640 100644 --- a/public/css/calendar.css +++ b/public/css/calendar.css | |||
@@ -10,7 +10,7 @@ | |||
10 | #calendar_zone{ | 10 | #calendar_zone{ |
11 | display: flex; | 11 | display: flex; |
12 | gap: 5px; | 12 | gap: 5px; |
13 | padding: 15px; | 13 | /*padding: 15px;*/ |
14 | max-width: 1170px; | 14 | max-width: 1170px; |
15 | } | 15 | } |
16 | #calendar{ | 16 | #calendar{ |
diff --git a/src/view/LoginBuilder.php b/src/view/LoginBuilder.php index 567c93d..639f953 100644 --- a/src/view/LoginBuilder.php +++ b/src/view/LoginBuilder.php | |||
@@ -45,7 +45,7 @@ class LoginBuilder extends AbstractBuilder | |||
45 | require $viewFile; | 45 | require $viewFile; |
46 | $this->html = ob_get_clean(); // nouveau contenu | 46 | $this->html = ob_get_clean(); // nouveau contenu |
47 | 47 | ||
48 | //$this->html .= <p class='connexionP' style='color: red;'>Ce site utilise un cookie « obligatoire » lorsque vous êtes connecté ainsi que sur cette page.<br>Il sera supprimé à votre déconnexion ou dès que vous aurez quitté le site.</p>; | 48 | //$this->html .= <p style='color: red;'>Ce site utilise un cookie « obligatoire » lorsque vous êtes connecté ainsi que sur cette page.<br>Il sera supprimé à votre déconnexion ou dès que vous aurez quitté le site.</p>; |
49 | 49 | ||
50 | //$this->html .= $footer; | 50 | //$this->html .= $footer; |
51 | } | 51 | } |
diff --git a/src/view/templates/login.php b/src/view/templates/login.php index 78ecf55..3257690 100644 --- a/src/view/templates/login.php +++ b/src/view/templates/login.php | |||
@@ -1,10 +1,10 @@ | |||
1 | <?php declare(strict_types=1); ?> | 1 | <?php declare(strict_types=1); ?> |
2 | <section> | 2 | <section> |
3 | <h3 class="connexionTitre" >Connexion à l'espace d'administration</h3> | 3 | <h3>Connexion à l'espace d'administration</h3> |
4 | <div class="login_form"> | 4 | <div class="basic_div"> |
5 | <p class="connexionP" >Veuillez saisir votre identifiant et votre mot de passe.</p> | 5 | <p>Veuillez saisir votre identifiant et votre mot de passe.</p> |
6 | <p style="color: red; font-style: italic;"><?= $error ?></p> | 6 | <p style="color: red; font-style: italic;"><?= $error ?></p> |
7 | <form class="connexionFormulaire" method="post" action="<?= $link_form ?>" > | 7 | <form method="post" action="<?= $link_form ?>" > |
8 | <p><label for="login" >Identifiant:</label> | 8 | <p><label for="login" >Identifiant:</label> |
9 | <input id="login" type="text" name="login" autofocus required></p> | 9 | <input id="login" type="text" name="login" autofocus required></p> |
10 | <p><label for="password" >Mot de passe:</label> | 10 | <p><label for="password" >Mot de passe:</label> |
@@ -18,14 +18,14 @@ | |||
18 | 18 | ||
19 | <input type="submit" value="Valider"> | 19 | <input type="submit" value="Valider"> |
20 | </form> | 20 | </form> |
21 | <p class='connexionP' >Au fait? Vous n'utilisez pas votre propre ordinateur ou téléphone?<br/> | 21 | <p>Au fait? Vous n'utilisez pas votre propre ordinateur ou téléphone?<br/> |
22 | Utilisez la navigation privée.</p> | 22 | Utilisez la navigation privée.</p> |
23 | </div> | 23 | </div> |
24 | </section> | 24 | </section> |
25 | <section class="basic_section"> | 25 | <section> |
26 | <p class="connexionP connexionFooter" > | 26 | <div class="basic_div"> |
27 | <a href="<?= $link_exit ?>" > | 27 | <a href="<?= $link_exit ?>" > |
28 | <button>Retour au site</button> | 28 | <button>Retour au site</button> |
29 | </a> | 29 | </a> |
30 | </p> | 30 | </div> |
31 | </section> \ No newline at end of file | 31 | </section> \ No newline at end of file |
diff --git a/src/view/templates/menu.php b/src/view/templates/menu.php index 5a2efe5..4f11756 100644 --- a/src/view/templates/menu.php +++ b/src/view/templates/menu.php | |||
@@ -39,8 +39,10 @@ | |||
39 | <?= $this->html ?> | 39 | <?= $this->html ?> |
40 | </div> | 40 | </div> |
41 | </section> | 41 | </section> |
42 | <section class="basic_section"> | 42 | <section> |
43 | <a href="<?= new URL ?>"> | 43 | <div class="basic_div"> |
44 | <button>Retour au site</button> | 44 | <a href="<?= new URL ?>"> |
45 | </a> | 45 | <button>Retour au site</button> |
46 | </a> | ||
47 | </div> | ||
46 | </section> \ No newline at end of file | 48 | </section> \ No newline at end of file |
diff --git a/src/view/templates/new_page.php b/src/view/templates/new_page.php index 7b494d9..1756a78 100644 --- a/src/view/templates/new_page.php +++ b/src/view/templates/new_page.php | |||
@@ -26,8 +26,10 @@ | |||
26 | </form> | 26 | </form> |
27 | </div> | 27 | </div> |
28 | </section> | 28 | </section> |
29 | <section class="basic_section"> | 29 | <section> |
30 | <a href="<?= new URL ?>"> | 30 | <div class="basic_div"> |
31 | <button>Retour au site</button> | 31 | <a href="<?= new URL ?>"> |
32 | </a> | 32 | <button>Retour au site</button> |
33 | </a> | ||
34 | </div> | ||
33 | </section> \ No newline at end of file | 35 | </section> \ No newline at end of file |
diff --git a/src/view/templates/user_create.php b/src/view/templates/user_create.php index 68e115c..8572efe 100644 --- a/src/view/templates/user_create.php +++ b/src/view/templates/user_create.php | |||
@@ -28,7 +28,7 @@ $_SESSION['captcha'] = $captcha->getSolution(); // enregistrement de la réponse | |||
28 | <section> | 28 | <section> |
29 | <h3>Bienvenue.</h3> | 29 | <h3>Bienvenue.</h3> |
30 | <p style="text-align: center;">Veuillez choisir les codes que vous utiliserez pour gérer le site.</p> | 30 | <p style="text-align: center;">Veuillez choisir les codes que vous utiliserez pour gérer le site.</p> |
31 | <div class="login_form"> | 31 | <div class="basic_div"> |
32 | <p style="color: red; font-style: italic;"><?= $error ?></p> | 32 | <p style="color: red; font-style: italic;"><?= $error ?></p> |
33 | <form method="post" action="index.php?action=create_user" > | 33 | <form method="post" action="index.php?action=create_user" > |
34 | <p><label for="login" >Identifiant:</label> | 34 | <p><label for="login" >Identifiant:</label> |
diff --git a/src/view/templates/user_edit.php b/src/view/templates/user_edit.php index d647dc2..28caac4 100644 --- a/src/view/templates/user_edit.php +++ b/src/view/templates/user_edit.php | |||
@@ -2,18 +2,18 @@ | |||
2 | <section> | 2 | <section> |
3 | <div class="user_edit_header"> | 3 | <div class="user_edit_header"> |
4 | <div class="empty_column"></div> | 4 | <div class="empty_column"></div> |
5 | <h3 class="connexionTitre" >Mon compte</h3> | 5 | <h3>Mon compte</h3> |
6 | <div> | 6 | <div> |
7 | <img class="user_icon" src="assets/user_hollow.svg"> | 7 | <img class="user_icon" src="assets/user_hollow.svg"> |
8 | <div><?= $_SESSION['user'] ?></div> | 8 | <div><?= $_SESSION['user'] ?></div> |
9 | </div> | 9 | </div> |
10 | </div> | 10 | </div> |
11 | <div class="user_edit_flex"> | 11 | <div class="user_edit_flex"> |
12 | <div class="login_form"> | 12 | <div class="basic_div"> |
13 | <p class="connexionP" >Modifier mon <b>nom d'utilisateur</b>.</p> | 13 | <p>Modifier mon <b>nom d'utilisateur</b>.</p> |
14 | <p style="color: red; font-style: italic;"><?= $error_username ?></p> | 14 | <p style="color: red; font-style: italic;"><?= $error_username ?></p> |
15 | <p style="color: green; font-style: italic;"><?= $success_username ?></p> | 15 | <p style="color: green; font-style: italic;"><?= $success_username ?></p> |
16 | <form class="connexionFormulaire" method="post" action="<?= $link_user_form ?>" > | 16 | <form method="post" action="<?= $link_user_form ?>" > |
17 | <p><label for="login" >Ancien nom:</label> | 17 | <p><label for="login" >Ancien nom:</label> |
18 | <input id="login" type="text" name="login" required></p> | 18 | <input id="login" type="text" name="login" required></p> |
19 | <p><label for="password" >Mot de passe:</label> | 19 | <p><label for="password" >Mot de passe:</label> |
@@ -30,11 +30,11 @@ | |||
30 | <input type="submit" value="Valider"> | 30 | <input type="submit" value="Valider"> |
31 | </form> | 31 | </form> |
32 | </div> | 32 | </div> |
33 | <div class="login_form"> | 33 | <div class="basic_div"> |
34 | <p class="connexionP" >Modifier mon <b>mot de passe</b>.</p> | 34 | <p>Modifier mon <b>mot de passe</b>.</p> |
35 | <p style="color: red; font-style: italic;"><?= $error_password ?></p> | 35 | <p style="color: red; font-style: italic;"><?= $error_password ?></p> |
36 | <p style="color: green; font-style: italic;"><?= $success_password ?></p> | 36 | <p style="color: green; font-style: italic;"><?= $success_password ?></p> |
37 | <form class="connexionFormulaire" method="post" action="<?= $link_password_form ?>" > | 37 | <form method="post" action="<?= $link_password_form ?>" > |
38 | <p><label for="login" >Nom:</label> | 38 | <p><label for="login" >Nom:</label> |
39 | <input id="login" type="text" name="login" required></p> | 39 | <input id="login" type="text" name="login" required></p> |
40 | <p><label for="password" >Ancien mot de passe:</label> | 40 | <p><label for="password" >Ancien mot de passe:</label> |
@@ -52,12 +52,12 @@ | |||
52 | </form> | 52 | </form> |
53 | </div> | 53 | </div> |
54 | </div> | 54 | </div> |
55 | <div class="basic_section"> | 55 | </section> |
56 | <p class="connexionP connexionFooter" > | 56 | <section> |
57 | <a href="<?= $link_exit ?>"> | 57 | <div class="basic_div"> |
58 | <button>Retour au site</button></a> | 58 | <a href="<?= $link_exit ?>"> |
59 | <a href="<?= $link_logout ?>"> | 59 | <button>Retour au site</button></a> |
60 | <button>Déconnexion</button></a> | 60 | <a href="<?= $link_logout ?>"> |
61 | </p> | 61 | <button>Déconnexion</button></a> |
62 | </div> | 62 | </div> |
63 | </section> \ No newline at end of file | 63 | </section> \ No newline at end of file |