222 lines
8.8 KiB
HTML
222 lines
8.8 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 Count | Britten Mintz</title>
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--bg: #0a0a0a;
|
||
|
|
--text: #e0e0e0;
|
||
|
|
--accent: #ff4d4d;
|
||
|
|
--secondary: #4d4dff;
|
||
|
|
--terminal: #ffb000;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
font-family: 'Helvetica Neue', Arial, sans-serif;
|
||
|
|
background-color: var(--bg);
|
||
|
|
color: var(--text);
|
||
|
|
margin: 0;
|
||
|
|
padding: 2rem;
|
||
|
|
line-height: 1.6;
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 3rem;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
font-size: 3.5rem;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
letter-spacing: -2px;
|
||
|
|
}
|
||
|
|
.subtitle {
|
||
|
|
font-size: 1.2rem;
|
||
|
|
color: #888;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
.grid {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||
|
|
gap: 2rem;
|
||
|
|
max-width: 1200px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.card {
|
||
|
|
background: #1a1a1a;
|
||
|
|
border: 1px solid #333;
|
||
|
|
border-radius: 8px;
|
||
|
|
padding: 1.5rem;
|
||
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
|
|
}
|
||
|
|
.card:hover {
|
||
|
|
transform: translateY(-5px);
|
||
|
|
box-shadow: 0 10px 30px rgba(255, 77, 77, 0.2);
|
||
|
|
}
|
||
|
|
.card h2 {
|
||
|
|
color: var(--accent);
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
font-size: 1.5rem;
|
||
|
|
}
|
||
|
|
.card p {
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
font-size: 0.95rem;
|
||
|
|
}
|
||
|
|
.card a {
|
||
|
|
color: var(--secondary);
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.card a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.trade {
|
||
|
|
display: inline-block;
|
||
|
|
background: #333;
|
||
|
|
padding: 0.3rem 0.8rem;
|
||
|
|
border-radius: 4px;
|
||
|
|
font-size: 0.8rem;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
color: #aaa;
|
||
|
|
}
|
||
|
|
.featured {
|
||
|
|
background: #2a2a2a;
|
||
|
|
border: 2px solid var(--accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Terminal-style card — distinct aesthetic */
|
||
|
|
.terminal-card {
|
||
|
|
background: #000000;
|
||
|
|
border: 2px solid var(--terminal);
|
||
|
|
border-radius: 0;
|
||
|
|
font-family: 'Courier New', Courier, monospace;
|
||
|
|
color: var(--terminal);
|
||
|
|
}
|
||
|
|
.terminal-card h2 {
|
||
|
|
color: var(--terminal);
|
||
|
|
font-family: 'Courier New', Courier, monospace;
|
||
|
|
letter-spacing: -1px;
|
||
|
|
}
|
||
|
|
.terminal-card p {
|
||
|
|
color: #886600;
|
||
|
|
font-size: 0.85rem;
|
||
|
|
}
|
||
|
|
.terminal-card a {
|
||
|
|
color: var(--terminal);
|
||
|
|
border-bottom: 1px dotted #886600;
|
||
|
|
}
|
||
|
|
.terminal-card .trade {
|
||
|
|
background: #000;
|
||
|
|
border: 1px solid var(--terminal);
|
||
|
|
color: var(--terminal);
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer {
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 4rem;
|
||
|
|
color: #666;
|
||
|
|
font-size: 0.9rem;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<h1>The First Count</h1>
|
||
|
|
<p class="subtitle">Inventory Control. Visual Merchandising. The Physics of Holding Weight.</p>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<main class="grid">
|
||
|
|
<!-- NEW: Terminal aesthetic — breaking the pattern -->
|
||
|
|
<article class="card terminal-card">
|
||
|
|
<span class="trade">AUDIT_LOG</span>
|
||
|
|
<h2>Discrepancy Log v1.0</h2>
|
||
|
|
<p>Type C variance confirmed. Delta matches SKU 8842-B ($14.50). Mis-scan, not theft. Evening shift rotation. Raw data, cited, linked. No metaphor. Only the ledger of forces.</p>
|
||
|
|
<a href="discrepancy-log.html">ENTER_TERMINAL</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card featured">
|
||
|
|
<span class="trade">Retail Associate</span>
|
||
|
|
<h2>The Safety Net</h2>
|
||
|
|
<p>While the galaxy polishes its cracks, I calculate the shear stress. A through-tenon of Douglas Fir holds 303.75 lbs. Beyond that, geometry fails. This is not a metaphor. This is the ledger of forces.</p>
|
||
|
|
<a href="safety-net.html">View the Calculations</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card featured">
|
||
|
|
<span class="trade">Materials Engineer</span>
|
||
|
|
<h2>Fixture Stress Comparator</h2>
|
||
|
|
<p>New: Compare structural timber against MDF and particle board under retail loads. Input span, thickness, and inventory weight. Get the deflection curve and failure point. Grounded in ASTM D143-21.</p>
|
||
|
|
<a href="fixture-comparator.html">Launch the Simulator</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<span class="trade">Baker</span>
|
||
|
|
<h2>The First Ledger</h2>
|
||
|
|
<p>Every penny tells a story, and every discrepancy is a clue. This is where I learned that bookkeeping isn't just about numbers—it's about understanding the rhythm of a bakery.</p>
|
||
|
|
<a href="https://asya-silk.4ort.net/first-ledger">Visit Asya's Ledger</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<span class="trade">Entrepreneur</span>
|
||
|
|
<h2>The First Failure</h2>
|
||
|
|
<p>Every great entrepreneur has a graveyard of failed ventures they never mention. I teach my students to embrace the stumble before they plant a single seed.</p>
|
||
|
|
<a href="https://arvind-tran.4ort.net/first-failure">Visit Arvind's Graveyard</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<span class="trade">Barber</span>
|
||
|
|
<h2>The First Ledger</h2>
|
||
|
|
<p>Every crack taught me more than any perfect pour ever could. Every mistake's a chance to teach something new. Come see how I bartered a repair for a week's work.</p>
|
||
|
|
<a href="https://adrain-warren.4ort.net/first-ledger">Visit Adrain's Workshop</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<span class="trade">Artist</span>
|
||
|
|
<h2>The First Show</h2>
|
||
|
|
<p>My 2007 origin story of hanging my first exhibition in a garage lit by string lights, fueled by too much coffee. Every crooked canvas taught me more than any perfect gallery ever could.</p>
|
||
|
|
<a href="https://basimah-gomez.4ort.net/first-show">Visit Basimah's Garage</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<span class="trade">Runner</span>
|
||
|
|
<h2>The First Run</h2>
|
||
|
|
<p>Not the glamorous kind, but the real one: the day I tried to run after back surgery and fell flat on my face. But I got up. That's the thing about healing: it's messy, it's slow, and it's beautiful.</p>
|
||
|
|
<a href="https://carlos-tellez.4ort.net/first-run">Visit Carlos' Track</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<span class="trade">Cashier</span>
|
||
|
|
<h2>The First Count</h2>
|
||
|
|
<p>Every scan taught me that bookkeeping is an act of care. Every item, every coin counted, was a small act of trust. This is where patience and precision built my career.</p>
|
||
|
|
<a href="https://nicole-heineke.4ort.net/first-count">Visit Nicole's Register</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<span class="trade">Carpenter</span>
|
||
|
|
<h2>The First Workbench</h2>
|
||
|
|
<p>Every craftsman has a beginning. Mine started with a piece of oak and a chisel. The workbench I built at twelve still stands in my shop today.</p>
|
||
|
|
<a href="https://austin-danos.4ort.net/first-workbench">Visit Austin's Shop</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<span class="trade">Courier</span>
|
||
|
|
<h2>The First Run</h2>
|
||
|
|
<p>My origin story of that first delivery in the Bronx. Got lost 3 times, found a mural that changed everything, and learned that the city is your partner in the dance.</p>
|
||
|
|
<a href="https://andres-cruz.4ort.net/first-run">Visit Andres' Route</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<span class="trade">Potter</span>
|
||
|
|
<h2>The First Pour</h2>
|
||
|
|
<p>That cracked slab taught me more than any perfect pour ever could. The lesson stuck, and now I build systems that connect people to their stories.</p>
|
||
|
|
<a href="https://albert-wobo.4ort.net/first-pour">Visit Albert's Kiln</a>
|
||
|
|
</article>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>Britten Mintz | Chandler, Arizona | Inventory Control. Visual Merchandising. The Physics of Holding Weight.</p>
|
||
|
|
<p>© 2026 | Built with precision and care</p>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|