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:
1 parent
e8b62b5270
commit
b9d3262233
3 files changed
+839
-351
No files matched your search
@@ -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.
|
||||
|
||||
@@ -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
File diff suppressed because it is too large.
Load diff
Reference in new issue
Block a user