V1.2.2

css/styles.css

@@ -327,6 +327,19 @@ a:hover {
 
 .connexion-div-menu.is-authenticated {
     cursor: default;
+    height: auto;
+    min-height: 78px;
+    padding: 10px 14px;
+    flex-direction: column;
+    justify-content: center;
+    gap: 10px;
+}
+
+.connexion-div-menu.is-authenticated #accountLabel {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 1.2;
+    color: #f7edcf;
 }
 
 .connexion-div-menu.md-trigger,
@@ -339,18 +352,58 @@ a:hover {
 .connexion-actions {
     display: inline-flex;
     align-items: center;
+    justify-content: center;
     gap: 10px;
 }
 
-.connexion-actions a {
+.connexion-action-btn {
+    width: 42px;
+    height: 42px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     color: #f4e3b2;
     text-decoration: none;
-    border-bottom: 1px solid rgba(244, 227, 178, 0.35);
+    background: rgba(0, 0, 0, 0.35);
+    border: 1px solid rgba(244, 227, 178, 0.35);
+    border-radius: 10px;
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
+    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
 }
 
-.connexion-actions a:hover {
+.connexion-action-btn:hover {
     color: #ffffff;
-    border-bottom-color: rgba(255, 255, 255, 0.8);
+    background: rgba(155, 145, 60, 0.28);
+    border-color: rgba(255, 255, 255, 0.55);
+    transform: translateY(-1px);
+}
+
+.connexion-action-btn:focus-visible {
+    outline: 2px solid rgba(255, 255, 255, 0.75);
+    outline-offset: 2px;
+}
+
+.connexion-action-icon {
+    display: inline-flex;
+    width: 20px;
+    height: 20px;
+}
+
+.connexion-action-icon svg {
+    width: 100%;
+    height: 100%;
+}
+
+.sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
 }
 
 .login-status {
@@ -431,6 +484,11 @@ a:hover {
         padding: 8px 12px;
     }
 
+    .connexion-div-menu.is-authenticated {
+        min-height: 84px;
+        padding: 10px 12px;
+    }
+
     .connexion-actions {
         flex-wrap: wrap;
         justify-content: center;

db/auth.php

@@ -468,7 +468,7 @@ function auth_navigation_items(): array
         ['file' => 'scnotification.php', 'label' => 'NOTIF DISCORD'],
         ['file' => 'scitems.php', 'label' => 'Base d\'Objets'],
         ['file' => 'scstatsitem.php', 'label' => 'Stats Item'],
-        ['file' => 'scitemcustom.php', 'label' => 'Item Custom'],
+        ['file' => 'scitemcustom.php', 'label' => 'Objets perso.'],
         ['file' => 'scmining.php', 'label' => 'Scanner Minage'],
         ['file' => 'scmanufactures.php', 'label' => 'Manufactures'],
         ['file' => 'scvaisseaux.php', 'label' => 'Vaisseaux'],

index.php

@@ -1247,10 +1247,24 @@ if ($has_member_access) {
 	<?php endif; ?>
 	
 	<div class="connexion-div-menu <?php echo $is_authenticated ? 'is-authenticated' : 'md-trigger'; ?>" data-login-label="Connexion" <?php echo $is_authenticated ? '' : 'data-modal="modal-Login"'; ?> id="accountPanel">
-		<span id="accountLabel"><?php echo htmlspecialchars($is_authenticated ? $session_cl_auth_user : 'Connexion', ENT_QUOTES, 'UTF-8'); ?></span>
+		<span id="accountLabel"><?php echo htmlspecialchars($is_authenticated ? ('Bonjour, ' . $session_cl_auth_user) : 'Connexion', ENT_QUOTES, 'UTF-8'); ?></span>
 		<span class="connexion-actions" id="accountActions" <?php echo $is_authenticated ? '' : 'hidden'; ?>>
-			<a id="adminLink" href="admin.php" <?php echo $has_member_access ? '' : 'hidden'; ?>>Admin</a>
+			<a id="adminLink" class="connexion-action-btn connexion-action-admin" href="admin.php" title="Zone d'administration" aria-label="Zone d'administration" <?php echo $has_member_access ? '' : 'hidden'; ?>>
-			<a id="logoutLink" href="logout.php">Déconnexion</a>
+				<span class="connexion-action-icon" aria-hidden="true">
+					<svg viewBox="0 0 24 24" role="img" focusable="false">
+						<path d="M10.33 2.04c1-.2 2.03-.2 3.03 0l.4 2.04c.45.12.89.3 1.29.54l1.78-1.07c.84.56 1.56 1.29 2.12 2.12l-1.07 1.78c.24.4.42.84.54 1.29l2.04.4c.2 1 .2 2.03 0 3.03l-2.04.4a5.98 5.98 0 0 1-.54 1.29l1.07 1.78a8.04 8.04 0 0 1-2.12 2.12l-1.78-1.07c-.4.24-.84.42-1.29.54l-.4 2.04c-1 .2-2.03.2-3.03 0l-.4-2.04a5.98 5.98 0 0 1-1.29-.54l-1.78 1.07a8.04 8.04 0 0 1-2.12-2.12l1.07-1.78a5.98 5.98 0 0 1-.54-1.29l-2.04-.4a7.64 7.64 0 0 1 0-3.03l2.04-.4c.12-.45.3-.89.54-1.29L3.91 5.72A8.04 8.04 0 0 1 6.03 3.6l1.78 1.07c.4-.24.84-.42 1.29-.54l.4-2.04ZM12 8.25A3.75 3.75 0 1 0 12 15.75 3.75 3.75 0 0 0 12 8.25Z" fill="currentColor"/>
+					</svg>
+				</span>
+				<span class="sr-only">Administration</span>
+			</a>
+			<a id="logoutLink" class="connexion-action-btn connexion-action-logout" href="logout.php" title="Déconnexion" aria-label="Déconnexion">
+				<span class="connexion-action-icon" aria-hidden="true">
+					<svg viewBox="0 0 24 24" role="img" focusable="false">
+						<path d="M10 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4v-2H6V5h4V3Zm5.59 4.59L14.17 9l2.58 2.59H9v2h7.75l-2.58 2.59 1.42 1.41L20.59 12l-5-4.41Z" fill="currentColor"/>
+					</svg>
+				</span>
+				<span class="sr-only">Déconnexion</span>
+			</a>
 		</span>
 	</div>
 	

js/auth.js

@@ -39,7 +39,7 @@
     accountPanel.classList.add('is-authenticated');
     accountPanel.classList.remove('md-trigger');
     accountPanel.removeAttribute('data-modal');
-    accountLabel.textContent = user;
+    accountLabel.textContent = 'Bonjour, ' + user;
     accountActions.hidden = false;
 
     if (role === 'admin' && adminUrl) {

scitemcustom.php

@@ -355,7 +355,7 @@ $current_session_user = $_SESSION['user'] ?? '';
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Item Custom | R.E.A.C.T. Admin</title>
+    <title>OBJETS PERSONNALISES | R.E.A.C.T. Admin</title>
     <link rel="stylesheet" type="text/css" href="css/styles.css">
     <link rel="stylesheet" type="text/css" href="css/default.css">
     <style>
@@ -785,11 +785,11 @@ $current_session_user = $_SESSION['user'] ?? '';
     </style>
 </head>
 <body>
-    <?php echo auth_render_page_access_widget('scitemcustom.php', 'Item Custom'); ?>
+    <?php echo auth_render_page_access_widget('scitemcustom.php', 'OBJETS PERSONNALISES'); ?>
     <div class="admin-layout">
         <header class="admin-topbar">
             <div class="topbar-info">
-                <h1>Item Custom</h1>
+                <h1>OBJETS PERSONNALISES</h1>
                 <p>Associer des objets à autant de bonus / malus de stats que nécessaire</p>
             </div>
             <div class="topbar-actions">