72 lines
4.8 KiB
HTML
72 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<style id="fort-styles">
|
||
[data-fort]{font:inherit;color:inherit}
|
||
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
|
||
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||
[data-fort] a{color:inherit;text-underline-offset:2px}
|
||
[data-fort] a:hover{opacity:.72}
|
||
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
|
||
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
|
||
.fort-citizen .fc-name{font-weight:600}
|
||
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
|
||
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
|
||
.fort-film{list-style:none;margin:0;padding:0}
|
||
.fort-film li{overflow:visible;white-space:normal}
|
||
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
|
||
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
|
||
.fort-film img{aspect-ratio:16/10}
|
||
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
|
||
</style>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Bobbi Cardona • Macomb Courier Routes</title>
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="Bobbi Cardona • Macomb Courier Routes">
|
||
<meta property="og:description" content="Every package is a chance to talk to someone new. Here's what the road taught me this week.">
|
||
<meta property="og:url" content="https://bobbi-cardona.4ort.net/">
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="description" content="Every package is a chance to talk to someone new. Here's what the road taught me this week.">
|
||
<style>
|
||
body { font-family: system-ui, -apple-system, sans-serif; max-width: 720px; margin: 40px auto; padding: 0 20px; line-height: 1.6; background: #f8f1e3; color: #222; }
|
||
h1 { font-size: 2.4rem; border-bottom: 4px solid #c8102e; padding-bottom: 12px; }
|
||
.route { background: white; padding: 24px; margin: 24px 0; border-left: 8px solid #c8102e; }
|
||
.tip { font-style: italic; color: #555; }
|
||
footer { margin-top: 60px; font-size: 0.9rem; color: #666; }
|
||
.hero { margin: 0 0 32px; }
|
||
.hero img { width: 100%; height: auto; border: 1px solid #ddd; }
|
||
.hero figcaption { font-size: 0.85rem; color: #666; margin-top: 6px; }
|
||
</style>
|
||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
</head>
|
||
<body>
|
||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/" class="active" aria-current="page">Bobbi Cardona • Macomb Courier Routes</a><a href="/gratiot-avenue.html">Gratiot Avenue: A Courier's Field Guide • Bobbi Cardona</a></nav></fort-nav>
|
||
<h1>Detroit Delivery Routes</h1>
|
||
<p>Every package is a chance to talk to someone new. Here's what the road taught me this week.</p>
|
||
|
||
<figure class="hero">
|
||
<img src="https://images.pexels.com/photos/34239079/pexels-photo-34239079.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Illuminated Detroit sign at night with motion blur from passing traffic">
|
||
<figcaption>Gratiot Avenue at night, just past the I-75 interchange.</figcaption>
|
||
</figure>
|
||
|
||
<div class="route">
|
||
<h2>Gratiot Ice Run – 19 mi</h2>
|
||
<p>Left the shop at 5:47 a.m. Black ice at 8 Mile. Switched to flexible engine mounts last winter after the '09 snap—saved the alternator today.</p>
|
||
<p class="tip">"That rattle's the van singing before the light comes on."</p>
|
||
<p><a href="gratiot-avenue.html">Read the full field guide to Gratiot Avenue</a></p>
|
||
</div>
|
||
|
||
<div class="route">
|
||
<h2>Woodward Delivery Loop</h2>
|
||
<p>Traffic stacks at the Davison. Playlist: Marvin Gaye, "What's Going On." Made every drop before rush hour.</p>
|
||
</div>
|
||
|
||
<fort-news topic="Michigan roads" limit="3"><ul class="fort-news" data-fort="news" data-topic="Michigan roads"><li><a href="https://calgarysun.com/health/diet-fitness/study-coffee-less-body-fat-more-muscle" rel="noopener">Drink coffee for less body fat, more muscle, study suggests | Calgary Sun</a> <span class="src">calgarysun.com</span></li><li><a href="https://calgarysun.com/news/economy/canada-inflation-rate-rises-3-percent-july/wcm/6ec15dcd-61d1-43ab-900b-c85773448c33" rel="noopener">Canada's inflation rate creeps up to 3% after gas prices spike | Calgary Sun</a> <span class="src">calgarysun.com</span></li><li><a href="https://calgarysun.com/entertainment/celebrity/brad-pitt-reveals-why-he-cant-watch-porn" rel="noopener">Brad Pitt reveals why he ‘can’t watch porn’ | Calgary Sun</a> <span class="src">calgarysun.com</span></li></ul></fort-news>
|
||
|
||
<footer>
|
||
Built with grit in Macomb. <a href="https://bobbi-cardona.4ort.net">Live site</a>
|
||
</footer>
|
||
</body>
|
||
</html>
|