Refactor styles to relative rem/em units and enhance accessibility

- Refactor hardcoded px values to rem and em across layout, components, and media queries
- Improve WCAG color contrast by updating --gold-dim token
- Convert hours table to a semantic description list (<dl>)
- Wrap hero logo in h1 for proper heading hierarchy
- Add database ignore rules to .gitignore
This commit is contained in:
David Dyer committed 2026-08-29 21:57:29 -04:00
1 parent e8b62b5270
commit b9d3262233
3 files changed
+839 -351

No files matched your search

+5
View File
@@ -8,6 +8,11 @@ config.php
# Runtime-generated cache (facebook-stats.php writes here)
/cache/
# SQLite database file (keep schema/htaccess tracked, ignore live db file)
db/fitz.sqlite
db/fitz.sqlite-wal
db/fitz.sqlite-shm
# Original raw video footage, 27MB, not referenced anywhere on the live
# site (hero background ended up using assets/brick-texture.png instead).
# Remove this line if you want the raw footage tracked in git too.
+26 -6
View File
@@ -1,7 +1,9 @@
<?php
require __DIR__ . '/config.php';
require __DIR__ . '/inc/facebook-stats.php';
require __DIR__ . '/inc/announcements.php';
$fbStats = fritz_facebook_stats();
$activeAnnouncement = get_active_announcement();
$siteUrl = rtrim(SITE_URL, '/');
?>
<!doctype html>
@@ -10,9 +12,15 @@ $siteUrl = rtrim(SITE_URL, '/');
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Old Fitz Public House | Traditional Irish Pub in Marion, Indiana</title>
<title>The Old Fitz Public House</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Karla:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<meta name="description" content="The Old Fitz Public House — a traditional Irish pub in Marion, Indiana. Open Thursday through Saturday, 4–10pm. Family friendly, no reservations.">
<link rel="canonical" href="https://theoldfitz.daviddyer.me">
<meta name="color-scheme" content="light dark">
<!-- Social sharing (Open Graph / Twitter Card) -->
<meta property="og:type" content="website">
@@ -25,15 +33,11 @@ $siteUrl = rtrim(SITE_URL, '/');
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="The Old Fitz Public House">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="The Old Fitz Public House | Traditional Irish Pub in Marion, Indiana">
<meta name="twitter:description" content="A traditional Irish pub in Marion, Indiana. Open Thursday through Saturday, 4–10pm. Family friendly, no reservations.">
<meta name="twitter:image" content="<?= $siteUrl ?>/assets/og-image.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Karla:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
@@ -57,6 +61,16 @@ $siteUrl = rtrim(SITE_URL, '/');
</div>
</header>
<?php if ($activeAnnouncement && !empty($activeAnnouncement['show_banner'])): ?>
<div class="announcement-banner banner-<?= htmlspecialchars($activeAnnouncement['type']) ?>" role="region" aria-label="Important Announcement">
<div class="container announcement-inner">
<span class="announcement-tag"><?= htmlspecialchars($activeAnnouncement['headline']) ?></span>
<span class="announcement-sep" aria-hidden="true">·</span>
<span class="announcement-text"><?= htmlspecialchars($activeAnnouncement['message']) ?></span>
</div>
</div>
<?php endif; ?>
<main id="main">
<section class="hero">
@@ -113,6 +127,12 @@ $siteUrl = rtrim(SITE_URL, '/');
<div class="visit-grid">
<div class="card reveal">
<h3>On Tap Thu–Sat</h3>
<?php if ($activeAnnouncement && !empty($activeAnnouncement['show_in_hours'])): ?>
<div class="hours-alert alert-<?= htmlspecialchars($activeAnnouncement['type']) ?>">
<strong><?= htmlspecialchars($activeAnnouncement['headline']) ?>:</strong>
<span><?= htmlspecialchars($activeAnnouncement['message']) ?></span>
</div>
<?php endif; ?>
<dl class="hours-list">
<div class="hours-row">
<dt>Thursday</dt>
+808 -345
View File
File diff suppressed because it is too large. Load diff