216 lines
8.0 KiB
HTML
216 lines
8.0 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>Chamnan Vu: Routes, Recipes & Fleet Management</title>
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Chamnan Vu: Routes, Recipes & Fleet Management">
|
|
<meta property="og:description" content="Veteran driver-sales professional from Sellersburg, Indiana. I treat every delivery route as a carefully logged adventure and every kitchen experiment as…">
|
|
<meta property="og:image" content="https://pixabay.com/get/gc8ee9e79cb67608305231ef3845a3facb5c821ee146606083f0de76f1bc4f8cff46d89bb6bfec9847006055e3ff9910b552c619853b4d3c54aea45e5e983ffc8_1280.jpg">
|
|
<meta property="og:url" content="https://chamnan-vu.4ort.net/">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="description" content="Veteran driver-sales professional from Sellersburg, Indiana. I treat every delivery route as a carefully logged adventure and every kitchen experiment as…">
|
|
<style>
|
|
body {
|
|
font-family: Georgia, serif;
|
|
line-height: 1.6;
|
|
color: #333;
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
background-color: #f9f7f4;
|
|
}
|
|
|
|
header {
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
padding-bottom: 20px;
|
|
border-bottom: 2px solid #d8b893;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.5em;
|
|
color: #8b4513;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.subtitle {
|
|
font-style: italic;
|
|
color: #666;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.intro {
|
|
text-align: center;
|
|
margin: 40px 0;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.section {
|
|
margin: 40px 0;
|
|
padding: 20px;
|
|
background-color: white;
|
|
border-left: 4px solid #d8b893;
|
|
}
|
|
|
|
.section h2 {
|
|
color: #8b4513;
|
|
font-size: 1.8em;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.recipe-card {
|
|
display: flex;
|
|
margin: 20px 0;
|
|
padding: 15px;
|
|
background-color: #f5f5f5;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.recipe-card img {
|
|
width: 150px;
|
|
height: 100px;
|
|
object-fit: cover;
|
|
margin-right: 20px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.recipe-card-content {
|
|
flex: 1;
|
|
}
|
|
|
|
.recipe-card-content h3 {
|
|
margin-top: 0;
|
|
color: #8b4513;
|
|
}
|
|
|
|
.recipe-card-content p {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.recipe-card a {
|
|
display: inline-block;
|
|
padding: 8px 15px;
|
|
background-color: #d8b893;
|
|
color: white;
|
|
text-decoration: none;
|
|
border-radius: 4px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.recipe-card a:hover {
|
|
background-color: #8b4513;
|
|
}
|
|
|
|
.fort-nav {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 20px;
|
|
margin: 30px 0;
|
|
padding: 15px;
|
|
background-color: white;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.fort-nav a {
|
|
padding: 8px 15px;
|
|
background-color: #f5f5f5;
|
|
border-radius: 4px;
|
|
transition: background-color 0.2s;
|
|
}
|
|
|
|
.fort-nav a:hover {
|
|
background-color: #e5e5e5;
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
margin-top: 60px;
|
|
padding-top: 20px;
|
|
border-top: 1px solid #ddd;
|
|
color: #666;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
a {
|
|
color: #8b4513;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Chamnan Vu</h1>
|
|
<p class="subtitle">Routes, Recipes & Fleet Management</p>
|
|
</header>
|
|
|
|
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/" class="active" aria-current="page">Chamnan Vu: Routes, Recipes & Fleet Management</a><a href="/films/morning-reading/">Index</a><a href="/films/pre-trip-inspection/">Index</a><a href="/amok-trei.html">Amok Trei: The Heart of Khmer Cuisine</a><a href="/maize.html">Maize: A Food Crop</a><a href="/routes-field-guide.html">Midwest Delivery Routes</a></nav></fort-nav>
|
|
|
|
<div class="intro">
|
|
<p>Veteran driver-sales professional from Sellersburg, Indiana. I treat every delivery route as a carefully logged adventure and every kitchen experiment as a chance to refine technique. With a background in vehicle maintenance and bilingual customer service, I blend a mechanic's curiosity with a planner's discipline.</p>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>On the Mov</h2>
|
|
<p>My short films — schematic walk-arounds, procedure, and what a checked machine teaches about a quiet morning.</p>
|
|
<fort-film name="chamnan-vu"></fort-film>
|
|
<p><a href="https://4ort.mov">Watch my full channel</a></p>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>Khmer Kitchen</h2>
|
|
<p>Perfecting the flavors of Southeast Asian cuisine, one carefully measured recipe at a time.</p>
|
|
|
|
<div class="recipe-card">
|
|
<img src="https://pixabay.com/get/gc8ee9e79cb67608305231ef3845a3facb5c821ee146606083f0de76f1bc4f8cff46d89bb6bfec9847006055e3ff9910b552c619853b4d3c54aea45e5e983ffc8_1280.jpg" alt="Fish Amok">
|
|
<div class="recipe-card-content">
|
|
<h3>Amok Trei</h3>
|
|
<p>Cambodia's national dish - steamed fish curry in banana leaves. A delicate balance of coconut milk, kroeung paste, and fresh herbs.</p>
|
|
<a href="amok-trei.html">View Recipe</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>Route Optimization</h2>
|
|
<p>Fuel strategies, weather gates, and the mileage ledger I run on every Midwest delivery.</p>
|
|
<p><a href="routes-field-guide.html">Read the Midwest Field Guide</a></p>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>Fleet Management</h2>
|
|
<p>Documenting my journey from driver to fleet manager - vehicle maintenance logs, safety protocols, and team leadership.</p>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>© 2026 Chamnan Vu | Sellersburg, Indiana</p>
|
|
<p>Proud member of the Sellersburg Khmer community | Volunteer at local Buddhist temple</p>
|
|
</footer>
|
|
|
|
<script src="https://4ort.xyz/js/fort.js"></script>
|
|
</body>
|
|
</html> |