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)
|
# Runtime-generated cache (facebook-stats.php writes here)
|
||||||
/cache/
|
/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
|
# Original raw video footage, 27MB, not referenced anywhere on the live
|
||||||
# site (hero background ended up using assets/brick-texture.png instead).
|
# site (hero background ended up using assets/brick-texture.png instead).
|
||||||
# Remove this line if you want the raw footage tracked in git too.
|
# Remove this line if you want the raw footage tracked in git too.
|
||||||
|
|||||||
@@ -1,7 +1,9 @@
|
|||||||
<?php
|
<?php
|
||||||
require __DIR__ . '/config.php';
|
require __DIR__ . '/config.php';
|
||||||
require __DIR__ . '/inc/facebook-stats.php';
|
require __DIR__ . '/inc/facebook-stats.php';
|
||||||
|
require __DIR__ . '/inc/announcements.php';
|
||||||
$fbStats = fritz_facebook_stats();
|
$fbStats = fritz_facebook_stats();
|
||||||
|
$activeAnnouncement = get_active_announcement();
|
||||||
$siteUrl = rtrim(SITE_URL, '/');
|
$siteUrl = rtrim(SITE_URL, '/');
|
||||||
?>
|
?>
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
@@ -10,9 +12,15 @@ $siteUrl = rtrim(SITE_URL, '/');
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<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.">
|
<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">
|
<link rel="canonical" href="https://theoldfitz.daviddyer.me">
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
|
||||||
<!-- Social sharing (Open Graph / Twitter Card) -->
|
<!-- Social sharing (Open Graph / Twitter Card) -->
|
||||||
<meta property="og:type" content="website">
|
<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:height" content="630">
|
||||||
<meta property="og:image:alt" content="The Old Fitz Public House">
|
<meta property="og:image:alt" content="The Old Fitz Public House">
|
||||||
<meta property="og:locale" content="en_US">
|
<meta property="og:locale" content="en_US">
|
||||||
|
|
||||||
<meta name="twitter:card" content="summary_large_image">
|
<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: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: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">
|
<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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -57,6 +61,16 @@ $siteUrl = rtrim(SITE_URL, '/');
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</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">
|
<main id="main">
|
||||||
|
|
||||||
<section class="hero">
|
<section class="hero">
|
||||||
@@ -113,6 +127,12 @@ $siteUrl = rtrim(SITE_URL, '/');
|
|||||||
<div class="visit-grid">
|
<div class="visit-grid">
|
||||||
<div class="card reveal">
|
<div class="card reveal">
|
||||||
<h3>On Tap Thu–Sat</h3>
|
<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">
|
<dl class="hours-list">
|
||||||
<div class="hours-row">
|
<div class="hours-row">
|
||||||
<dt>Thursday</dt>
|
<dt>Thursday</dt>
|
||||||
|
|||||||
+808
-345
File diff suppressed because it is too large.
Load diff
Reference in new issue
Block a user