diff --git a/css/style.css b/css/style.css index 1dfada9..0247aac 100644 --- a/css/style.css +++ b/css/style.css @@ -982,6 +982,7 @@ img.nav-svg-icon { padding-bottom: 1.2rem; margin-bottom: 1.2rem; border-bottom: 1px solid var(--border-subtle); + text-align: center; } .sidebar-author-label { @@ -991,22 +992,21 @@ img.nav-svg-icon { text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-muted); - margin-bottom: 0.6rem; + margin-bottom: 0.85rem; } .sidebar-author-identity { display: flex; + flex-direction: column; align-items: center; - gap: 0.75rem; - margin-bottom: 0.75rem; + gap: 0.6rem; } .sidebar-author-avatar { - width: 80px; - height: 80px; + width: 100px; + height: 100px; border-radius: 50%; object-fit: cover; - flex-shrink: 0; border: 2px solid var(--border-color); transition: transform 0.2s ease; } @@ -1017,35 +1017,18 @@ img.nav-svg-icon { .sidebar-author-name { font-weight: 700; - font-size: 0.95rem; + font-size: 1.1rem; color: var(--text-primary); line-height: 1.3; } .sidebar-author-bio { - color: var(--text-secondary); + color: var(--accent); font-size: var(--font-size-xs); - margin: 0.2rem 0 0; + margin: 0.15rem 0 0; line-height: 1.4; -} - -.sidebar-author-social { - display: flex; - flex-wrap: wrap; - gap: 0.5rem; -} - -.sidebar-social-icon { - width: 1.1rem; - height: 1.1rem; - opacity: 0.55; - transition: opacity 0.2s ease, transform 0.2s ease; - filter: var(--social-icon-filter); -} - -.sidebar-author-social a:hover .sidebar-social-icon { - opacity: 1; - transform: translateY(-2px); + opacity: 0.75; + text-shadow: 0 0 12px var(--accent); } .plugin { diff --git a/php/sidebar.php b/php/sidebar.php index 27e0e1d..549cfb7 100644 --- a/php/sidebar.php +++ b/php/sidebar.php @@ -12,17 +12,15 @@ <?php echo htmlspecialchars($page->username(), ENT_QUOTES, 'UTF-8') ?> -
- - description() ?: $site->slogan(); - ?> - - - -
+ + description() ?: $site->slogan(); + ?> + + +