diff --git a/TODO.md b/TODO.md index 6cf560d..21b2d7a 100644 --- a/TODO.md +++ b/TODO.md @@ -1,6 +1,7 @@ # TODO ## Done +- [x] Bump all font sizes ~10% across all CSS files (admin, system, search, main, apropos, common, tfe) - [x] Split search logic into search.php - [x] `public/search.php` — new page for text-query search results - [x] `public/repertoire.php` — stripped to répertoire index only diff --git a/public/assets/css/admin.css b/public/assets/css/admin.css index 21e670f..fd0c8e3 100644 --- a/public/assets/css/admin.css +++ b/public/assets/css/admin.css @@ -39,7 +39,7 @@ } .admin-body main > h1 { - font-size: 1.8rem; + font-size: 1.98rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; @@ -68,7 +68,7 @@ .admin-form > div:not(.admin-form-footer) > label, .admin-form > div:not(.admin-form-footer) > span.admin-row-label { - font-size: 0.92rem; + font-size: 1.01rem; padding-top: 0.5rem; font-weight: 400; } @@ -86,7 +86,7 @@ background: transparent; border: none; border-bottom: 1px solid var(--border-primary); - font-size: 0.92rem; + font-size: 1.01rem; font-family: inherit; padding: 0.4rem 0; border-radius: 0; @@ -109,7 +109,7 @@ .admin-form input::placeholder, .admin-form textarea::placeholder { - font-size: 0.88rem; + font-size: 0.97rem; color: var(--text-tertiary); } @@ -137,7 +137,7 @@ } .admin-file-input input[type="file"] { - font-size: 0.85rem; + font-size: 0.94rem; background: transparent; border: 1px dashed var(--border-primary); padding: 0.4rem 0.6rem; @@ -151,7 +151,7 @@ } .admin-body form small { - font-size: 0.78rem; + font-size: 0.86rem; color: var(--text-secondary); margin-top: 0.15rem; display: block; @@ -185,7 +185,7 @@ display: flex; align-items: center; gap: 0.5rem; - font-size: 0.9rem; + font-size: 0.99rem; cursor: pointer; } @@ -205,7 +205,7 @@ } .admin-body legend { - font-size: 0.82rem; + font-size: 0.9rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; @@ -225,7 +225,7 @@ color: var(--accent-foreground); border: none; border-radius: 3px; - font-size: 0.92rem; + font-size: 1.01rem; font-family: inherit; cursor: pointer; letter-spacing: 0.04em; @@ -244,7 +244,7 @@ color: var(--text-tertiary); border: 1px solid var(--border-primary); border-radius: 3px; - font-size: 0.88rem; + font-size: 0.97rem; font-family: inherit; cursor: pointer; letter-spacing: 0.04em; @@ -261,7 +261,7 @@ /* Small size modifier */ .admin-btn--sm { padding: 0.28rem 0.65rem; - font-size: 0.82rem; + font-size: 0.9rem; } /* Semantic colour modifiers */ @@ -288,7 +288,7 @@ [role="status"] { padding: 0.75rem 1rem; border-radius: 3px; - font-size: 0.9rem; + font-size: 0.99rem; margin-bottom: 1.5rem; border-left: 3px solid; } @@ -324,7 +324,7 @@ } .admin-stat__number { - font-size: 2rem; + font-size: 2.2rem; font-weight: 700; color: var(--accent-primary); line-height: 1; @@ -333,7 +333,7 @@ } .admin-stat__label { - font-size: 0.82rem; + font-size: 0.9rem; color: var(--text-secondary); margin-top: 0.25rem; order: 2; @@ -350,7 +350,7 @@ border-radius: 4px; padding: 0.65rem 1rem; margin-bottom: 1.5rem; - font-size: 0.88rem; + font-size: 0.97rem; } .admin-maintenance-bar--active { @@ -366,7 +366,7 @@ /* Result-count line above the thesis table */ .admin-list-meta { color: var(--text-secondary); - font-size: 0.85rem; + font-size: 0.94rem; margin-bottom: 0.5rem; } @@ -379,7 +379,7 @@ /* Identifier column in the thesis table */ .admin-table-id { color: var(--text-secondary); - font-size: 0.8rem; + font-size: 0.88rem; } /* ── Filters bar ────────────────────────────────────────────────────────── */ @@ -395,7 +395,7 @@ .admin-filters select { border: 1px solid var(--border-primary); border-radius: 3px; - font-size: 0.88rem; + font-size: 0.97rem; font-family: inherit; padding: 0.45rem 0.75rem; background: transparent; @@ -414,7 +414,7 @@ color: var(--accent-foreground); border: none; border-radius: 3px; - font-size: 0.88rem; + font-size: 0.97rem; font-family: inherit; cursor: pointer; transition: background 0.15s; @@ -425,7 +425,7 @@ } .admin-filters-reset { - font-size: 0.88rem; + font-size: 0.97rem; color: var(--text-secondary); text-decoration: underline; cursor: pointer; @@ -441,7 +441,7 @@ border: 1px solid var(--border-primary); border-radius: 4px; margin-bottom: 1rem; - font-size: 0.88rem; + font-size: 0.97rem; } .admin-bulk-btns { @@ -453,7 +453,7 @@ .admin-body table { width: 100%; border-collapse: collapse; - font-size: 0.88rem; + font-size: 0.97rem; } .admin-body main > table { @@ -462,7 +462,7 @@ .admin-body table th { text-align: left; - font-size: 0.75rem; + font-size: 0.83rem; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.5rem 0.75rem; @@ -487,7 +487,7 @@ } .admin-body table .thesis-subtitle { - font-size: 0.82rem; + font-size: 0.9rem; color: var(--text-secondary); font-style: italic; } @@ -497,7 +497,7 @@ display: inline-block; padding: 0.2rem 0.5rem; border-radius: 3px; - font-size: 0.78rem; + font-size: 0.86rem; font-weight: 500; letter-spacing: 0.04em; } @@ -514,7 +514,7 @@ .status-access { display: inline-block; - font-size: 0.7rem; + font-size: 0.77rem; padding: 0.1rem 0.4rem; border-radius: 3px; background: var(--bg-tertiary); @@ -548,7 +548,7 @@ padding: 0.25rem 0.6rem; min-height: 2rem; border-radius: 3px; - font-size: 0.78rem; + font-size: 0.86rem; font-family: inherit; cursor: pointer; text-decoration: none; @@ -610,7 +610,7 @@ .admin-body main > section h2 { margin: 0 0 1rem; - font-size: 1.2rem; + font-size: 1.32rem; border-bottom: 1px solid var(--border-primary); padding-bottom: 0.5rem; } @@ -623,13 +623,13 @@ .admin-body main > section dt { font-weight: 600; - font-size: 0.88rem; + font-size: 0.97rem; color: var(--text-secondary); } .admin-body main > section dd { margin: 0; - font-size: 0.9rem; + font-size: 0.99rem; } .admin-action-bar { @@ -645,7 +645,7 @@ /* ── Section titles (account, etc.) ─────────────────────────────────────── */ .admin-section-title { - font-size: 1rem; + font-size: 1.1rem; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; @@ -675,7 +675,7 @@ display: flex; align-items: center; gap: 0.75rem; - font-size: 0.9rem; + font-size: 0.99rem; } .admin-account-status__label { @@ -685,7 +685,7 @@ .admin-account-status__code { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; - font-size: 0.82rem; + font-size: 0.9rem; border: 1px solid var(--border-primary); border-radius: 3px; padding: 0.1rem 0.4rem; @@ -694,7 +694,7 @@ } .admin-account-status__note { - font-size: 0.85rem; + font-size: 0.94rem; color: var(--text-secondary); margin: 0; } @@ -712,7 +712,7 @@ .admin-danger-zone__description { flex: 1; - font-size: 0.9rem; + font-size: 0.99rem; } /* ── Login page ─────────────────────────────────────────────────────────── */ @@ -734,7 +734,7 @@ .admin-login-box h2 { margin: 0 0 1.5rem; - font-size: 1.1rem; + font-size: 1.21rem; font-weight: 500; text-align: center; } @@ -746,7 +746,7 @@ } .admin-login-box .admin-form > div:not(.admin-form-footer) > label { - font-size: 0.82rem; + font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 0.2rem; } @@ -785,7 +785,7 @@ } .admin-import-results__title { - font-size: 1rem; + font-size: 1.1rem; font-weight: 600; margin-bottom: 0.75rem; color: var(--text-secondary); @@ -807,7 +807,7 @@ } .admin-body fieldset fieldset.admin-jury-lecteurs > legend { - font-size: 0.78rem; + font-size: 0.86rem; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; @@ -845,7 +845,7 @@ border-radius: 3px; padding: 0.2rem 0.55rem; min-height: 2rem; - font-size: 0.8rem; + font-size: 0.88rem; line-height: 1; display: inline-flex; align-items: center; @@ -870,13 +870,13 @@ .admin-input--inline, .admin-inline-form input[type="text"] { - font-size: 0.82rem; + font-size: 0.9rem; width: 160px; } .admin-select--inline, .admin-inline-form select { - font-size: 0.82rem; + font-size: 0.9rem; width: 160px; } @@ -912,7 +912,7 @@ /* ── Cancel link ────────────────────────────────────────────────────────── */ .admin-cancel-link { - font-size: 0.88rem; + font-size: 0.97rem; color: var(--text-secondary); text-decoration: underline; } @@ -944,7 +944,7 @@ border: 1px solid var(--border-secondary); border-radius: 3px; color: var(--text-primary); - font-size: 0.9rem; + font-size: 0.99rem; text-decoration: none; transition: border-color 0.15s, @@ -963,7 +963,7 @@ } .admin-body .pagination-info { - font-size: 0.9rem; + font-size: 0.99rem; color: var(--text-secondary); padding: 0 0.5rem; } diff --git a/public/assets/css/apropos.css b/public/assets/css/apropos.css index 49c6498..25ceff4 100644 --- a/public/assets/css/apropos.css +++ b/public/assets/css/apropos.css @@ -44,7 +44,7 @@ .apropos-toc-label { font-family: var(--font-body); - font-size: 0.72rem; + font-size: 0.79rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; @@ -63,7 +63,7 @@ .apropos-toc ul a { font-family: var(--font-body); - font-size: 0.875rem; + font-size: 0.96rem; color: var(--text-secondary); text-decoration: none; display: block; @@ -84,7 +84,7 @@ } .apropos-toc-erg a { - font-size: 0.8rem; + font-size: 0.88rem; color: var(--accent-primary); text-decoration: none; transition: opacity 0.15s; @@ -122,7 +122,7 @@ .apropos-section-title { font-family: var(--font-display); - font-size: 2rem; + font-size: 2.2rem; font-weight: 400; color: var(--text-primary); margin: 0 0 1.75rem 0; @@ -135,7 +135,7 @@ .prose { font-family: var(--font-body); - font-size: 1.45rem; + font-size: 1.59rem; line-height: 1.5; color: var(--text-primary); font-weight: 400; @@ -157,9 +157,9 @@ margin: 1.5em 0 0.5em 0; } -.prose h1 { font-size: 2rem; } -.prose h2 { font-size: 1.5rem; } -.prose h3 { font-size: 1.2rem; } +.prose h1 { font-size: 2.2rem; } +.prose h2 { font-size: 1.65rem; } +.prose h3 { font-size: 1.32rem; } .prose a { color: var(--accent-primary); @@ -210,7 +210,7 @@ .apropos-contact-card strong { display: block; - font-size: 0.95rem; + font-size: 1.04rem; font-weight: 600; color: var(--text-primary); margin-bottom: 0.2rem; @@ -218,14 +218,14 @@ .apropos-contact-card span { display: block; - font-size: 0.85rem; + font-size: 0.94rem; color: var(--text-secondary); line-height: 1.4; margin-bottom: 0.25rem; } .apropos-contact-card a { - font-size: 0.85rem; + font-size: 0.94rem; color: var(--accent-primary); text-decoration: underline; text-underline-offset: 2px; @@ -262,7 +262,7 @@ } .apropos-credits-list dt { - font-size: 0.8rem; + font-size: 0.88rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; @@ -270,7 +270,7 @@ } .apropos-credits-list dd { - font-size: 0.9rem; + font-size: 0.99rem; color: var(--text-primary); margin: 0; line-height: 1.5; @@ -326,11 +326,11 @@ } .prose { - font-size: 1.2rem; + font-size: 1.32rem; } .apropos-section-title { - font-size: 1.6rem; + font-size: 1.76rem; } } @@ -340,7 +340,7 @@ } .prose { - font-size: 1rem; + font-size: 1.1rem; } .apropos-credit-row { diff --git a/public/assets/css/common.css b/public/assets/css/common.css index d9b90cb..7bc161e 100644 --- a/public/assets/css/common.css +++ b/public/assets/css/common.css @@ -109,7 +109,7 @@ body > header nav { body > header nav > a { font-family: var(--font-display); - font-size: 1.1rem; + font-size: 1.21rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-foreground); @@ -127,7 +127,7 @@ body > header nav > ul { } body > header nav ul a { - font-size: 0.95rem; + font-size: 1.04rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-foreground); @@ -182,7 +182,7 @@ body > header form[role="search"] svg { body > header form[role="search"] input { flex: 1; border: none; - font-size: 0.95rem; + font-size: 1.04rem; color: var(--text-primary); background: transparent; padding: 0.15rem 0; @@ -219,7 +219,7 @@ body > header form[role="search"] input::placeholder { padding: 0.5rem 1rem; background: var(--accent-primary); color: var(--text-primary); - font-size: 0.9rem; + font-size: 0.99rem; font-weight: 600; text-decoration: none; border-radius: 0 0 4px 4px; diff --git a/public/assets/css/main.css b/public/assets/css/main.css index 39f0400..5343e38 100644 --- a/public/assets/css/main.css +++ b/public/assets/css/main.css @@ -100,7 +100,7 @@ align-items: center; justify-content: center; color: var(--text-tertiary); - font-size: 2rem; + font-size: 2.2rem; } .card__media--gradient { @@ -118,7 +118,7 @@ .card__gradient-author { color: var(--accent-foreground); - font-size: 0.75rem; + font-size: 0.83rem; opacity: .85; margin-bottom: .25rem; display: block; @@ -126,7 +126,7 @@ .card__gradient-title { color: var(--accent-foreground); - font-size: 0.85rem; + font-size: 0.94rem; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; @@ -139,7 +139,7 @@ font-style: normal; background: transparent; color: var(--text-primary); - font-size: 0.78rem; + font-size: 0.86rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; @@ -151,7 +151,7 @@ /* Card caption —