diff options
| author | Marius Peter <dev@marius-peter.com> | 2026-07-18 23:56:50 +0200 |
|---|---|---|
| committer | Marius Peter <dev@marius-peter.com> | 2026-07-18 23:56:50 +0200 |
| commit | a48e91b037b049fd06db551edc76b7ed40df8f4c (patch) | |
| tree | 6d6f39da625a12690e5c0770abe0a6e27ec02647 /templates/base.html | |
| parent | 753e25e99ddf57be78ff27ad89cb7e1bbc99d041 (diff) | |
- Load Besley 600, IBM Plex Sans 400/500/700, IBM Plex Mono 400/500 via Google Fonts
- Replace system serif/mono stacks with intentional font choices
- Remove text-transform: uppercase everywhere except HITO logo
- Update all template text from ALL CAPS to natural case
- Bump mobile base font from 15px to 16px (prevents iOS input zoom)
- Raise minimum font-size to 0.8rem across all small text
- Fix WCAG AA contrast: --gold-dim to #9E8340, --red-bright to #E04530
- Ensure all touch targets meet 44px minimum (inputs, buttons, checkboxes)
- Blockquotes now render in Besley for literary weight
- Strong elements use bold weight instead of italic for sans-serif body
Diffstat (limited to 'templates/base.html')
| -rw-r--r-- | templates/base.html | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html index 472d827..4a73e76 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,6 +4,9 @@ <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>HITO{% block title %}{% endblock %}</title> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Besley:wght@600&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;700&display=swap"> <link rel="stylesheet" href="/static/css/hito.css"> </head> <body> |