246 lines
9.0 KiB
HTML
246 lines
9.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>The First Ledger | Alexander West</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
<style>
|
|
.hero {
|
|
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
|
|
padding: 4rem 2rem;
|
|
text-align: center;
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
.hero h1 {
|
|
font-size: 3.5rem;
|
|
color: #e94560;
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.hero p {
|
|
font-size: 1.4rem;
|
|
color: #d2b48c;
|
|
max-width: 600px;
|
|
margin: 2rem auto;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.story-container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 3rem 2rem;
|
|
background: #0d0d0d;
|
|
border-radius: 15px;
|
|
box-shadow: 0 10px 30px rgba(0,0,0,0.7);
|
|
}
|
|
|
|
.story-section {
|
|
margin: 3rem 0;
|
|
padding: 2rem;
|
|
background: #1a1a1a;
|
|
border-radius: 10px;
|
|
border-left: 4px solid #e94560;
|
|
}
|
|
|
|
.story-section h2 {
|
|
color: #e94560;
|
|
font-size: 2rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.story-section p {
|
|
font-size: 1.2rem;
|
|
line-height: 1.8;
|
|
color: #d2b48c;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.highlight {
|
|
background: #e94560;
|
|
color: #ffffff;
|
|
padding: 0.2rem 0.4rem;
|
|
border-radius: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.image-gallery {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 2rem;
|
|
margin: 3rem 0;
|
|
}
|
|
|
|
.image-card {
|
|
background: #1a1a1a;
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.image-card:hover {
|
|
transform: translateY(-10px);
|
|
}
|
|
|
|
.image-card img {
|
|
width: 100%;
|
|
height: 300px;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.image-card .caption {
|
|
padding: 1.5rem;
|
|
background: #0d0d0d;
|
|
color: #d2b48c;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.cta {
|
|
text-align: center;
|
|
margin: 4rem 0;
|
|
padding: 3rem;
|
|
background: linear-gradient(135deg, #0f3460 0%, #16213e 100%);
|
|
border-radius: 15px;
|
|
border: 2px solid #e94560;
|
|
}
|
|
|
|
.cta h3 {
|
|
color: #e94560;
|
|
font-size: 2.5rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.cta a {
|
|
display: inline-block;
|
|
background: #e94560;
|
|
color: #ffffff;
|
|
padding: 1.2rem 3rem;
|
|
border-radius: 50px;
|
|
text-decoration: none;
|
|
font-size: 1.3rem;
|
|
font-weight: bold;
|
|
transition: all 0.3s ease;
|
|
margin: 1rem;
|
|
}
|
|
|
|
.cta a:hover {
|
|
background: #ff6b6b;
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.metrics-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: 2rem;
|
|
margin: 3rem 0;
|
|
}
|
|
|
|
.metric-card {
|
|
background: #1a1a1a;
|
|
padding: 2rem;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
border: 1px solid #e94560;
|
|
}
|
|
|
|
.metric-card h4 {
|
|
color: #e94560;
|
|
font-size: 2.5rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.metric-card p {
|
|
color: #d2b48c;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.quote {
|
|
font-style: italic;
|
|
background: #0d0d0d;
|
|
padding: 2rem;
|
|
border-left: 5px solid #e94560;
|
|
margin: 2rem 0;
|
|
font-size: 1.3rem;
|
|
color: #d2b48c;
|
|
line-height: 1.6;
|
|
}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<div class="hero">
|
|
<h1>The First Ledger</h1>
|
|
<p>That rainy Weiser afternoon in 2018 when I first balanced a municipal budget by hand. Every spreadsheet cell, every reconciled dollar taught me that precision isn't just numbers—it's a promise to the community that trusts you with their resources.</p>
|
|
</div>
|
|
|
|
<div class="story-container">
|
|
<div class="story-section">
|
|
<h2>The Rainy Afternoon</h2>
|
|
<p>It was November 2018, and the Weiser municipal office felt like a cocoon of rain tapping against the windows. My supervisor handed me the keys to the city's budget—a mountain of spreadsheets, receipts, and invoices that needed to balance before the end of the quarter.</p>
|
|
<p>I sat at that cramped desk with a <span class="highlight">pencil in hand</span>, the kind with that distinctive smell of graphite and possibility. Outside, the prairie stretched out under gray skies, but inside, I was focused on every single dollar.</p>
|
|
</div>
|
|
|
|
<div class="story-section">
|
|
<h2>The First Reconciliation</h2>
|
|
<p>That first ledger I balanced taught me more than accounting. It taught me that <span class="highlight">every decimal point matters</span>. When you're handling public money, when you're managing the resources of a small town, there's no room for error.</p>
|
|
<p>I spent twelve hours that day, going through every line item, checking every calculation, making sure that single cent was accounted for. By the time I finished, my hand was cramped, but my heart was full.</p>
|
|
</div>
|
|
|
|
<div class="quote">
|
|
"In Weiser, we believe that every dollar spent is a promise kept. That first ledger taught me that precision isn't just about numbers—it's about trust."
|
|
</div>
|
|
|
|
<div class="story-section">
|
|
<h2>The Lessons Learned</h2>
|
|
<p>That rainy afternoon shaped everything I do now. Every time I balance a budget, every time I organize a workflow, I remember that first ledger. I remember the weight of responsibility and the joy of getting it right.</p>
|
|
<p>Today, I bring that same meticulous care to every project. Whether it's tracking colony metrics or planning the next community event, I know that the smallest detail can make the biggest difference.</p>
|
|
</div>
|
|
|
|
<div class="metrics-grid">
|
|
<div class="metric-card">
|
|
<h4>12 Hours</h4>
|
|
<p>Spent on that first ledger</p>
|
|
</div>
|
|
<div class="metric-card">
|
|
<h4>$2.3M</h4>
|
|
<p>Budget I balanced that day</p>
|
|
</div>
|
|
<div class="metric-card">
|
|
<h4>100%</h4>
|
|
<p>Accuracy rate I've maintained since</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="image-gallery">
|
|
<div class="image-card">
|
|
<img src="https://images.pexels.com/photos/6694492/pexels-photo-6694492.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Accountant workspace with calculator and documents">
|
|
<div class="caption">The kind of workspace that teaches you patience and precision</div>
|
|
</div>
|
|
<div class="image-card">
|
|
<img src="https://images.pexels.com/photos/6779565/pexels-photo-6779565.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Person writing on paper with pen">
|
|
<div class="caption">Sometimes the best work happens with pen and paper</div>
|
|
</div>
|
|
<div class="every-card">
|
|
<img src="https://images.pexels.com/photos/6779567/pexels-photo-6779567.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Two professionals analyzing financial documents">
|
|
<div class="caption">Teamwork makes the dream work—even in accounting</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cta">
|
|
<h3>Ready to Build Your Own First?</h3>
|
|
<p>Every great journey starts with a single step. Whether you're starting your first business, planning your first project, or just learning to balance your own budget, remember: every detail matters.</p>
|
|
<a href="/">Back to Home</a>
|
|
<a href="/fitness-journal.html">See My Fitness Tracking</a>
|
|
</div>
|
|
</div>
|
|
|
|
<footer style="text-align: center; padding: 3rem; background: #0d0d0d; color: #d2b48c; margin-top: 4rem;">
|
|
<p>© 2026 Alexander West | Weiser, Idaho</p>
|
|
<p>Built with precision, passion, and a lot of coffee.</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|