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.tar.gz cms-426a1a69cb73007538336debc31b34c4348e1ba1.tar.bz2 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 |
