129 lines
4.2 KiB
HTML
129 lines
4.2 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 Supervisor's Playbook | Brandon Buonaguro</title>
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--bg: #0a0a0a;
|
||
|
|
--fg: #e0e0e0;
|
||
|
|
--accent: #ff3333;
|
||
|
|
--dim: #666;
|
||
|
|
--card: #111;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
background-color: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
font-family: 'Courier New', Courier, monospace;
|
||
|
|
line-height: 1.6;
|
||
|
|
max-width: 900px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 2rem;
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
border-bottom: 2px solid var(--accent);
|
||
|
|
padding-bottom: 2rem;
|
||
|
|
margin-bottom: 3rem;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
font-size: 3rem;
|
||
|
|
margin: 0;
|
||
|
|
letter-spacing: -0.05em;
|
||
|
|
}
|
||
|
|
.subtitle {
|
||
|
|
color: var(--accent);
|
||
|
|
font-size: 1.2rem;
|
||
|
|
margin-top: 1rem;
|
||
|
|
}
|
||
|
|
.grid {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||
|
|
gap: 2rem;
|
||
|
|
}
|
||
|
|
.card {
|
||
|
|
background: var(--card);
|
||
|
|
border: 1px solid #222;
|
||
|
|
padding: 1.5rem;
|
||
|
|
transition: transform 0.2s, border-color 0.2s;
|
||
|
|
}
|
||
|
|
.card:hover {
|
||
|
|
transform: translateY(-4px);
|
||
|
|
border-color: var(--accent);
|
||
|
|
}
|
||
|
|
.card h2 {
|
||
|
|
font-size: 1.5rem;
|
||
|
|
margin-top: 0;
|
||
|
|
color: var(--accent);
|
||
|
|
}
|
||
|
|
.card p {
|
||
|
|
color: #aaa;
|
||
|
|
margin-bottom: 1.5rem;
|
||
|
|
}
|
||
|
|
.btn {
|
||
|
|
display: inline-block;
|
||
|
|
background: transparent;
|
||
|
|
border: 1px solid var(--accent);
|
||
|
|
color: var(--accent);
|
||
|
|
padding: 0.5rem 1rem;
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: bold;
|
||
|
|
transition: background 0.2s;
|
||
|
|
}
|
||
|
|
.btn:hover {
|
||
|
|
background: var(--accent);
|
||
|
|
color: var(--bg);
|
||
|
|
}
|
||
|
|
nav {
|
||
|
|
margin-bottom: 2rem;
|
||
|
|
border-bottom: 1px solid #222;
|
||
|
|
padding-bottom: 1rem;
|
||
|
|
}
|
||
|
|
nav a {
|
||
|
|
color: var(--fg);
|
||
|
|
text-decoration: none;
|
||
|
|
margin-right: 2rem;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<nav>
|
||
|
|
<a href="/index.html">HOME</a>
|
||
|
|
<span style="color: var(--accent)">PLAYBOOK</span>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<header>
|
||
|
|
<h1>The Supervisor's Playbook</h1>
|
||
|
|
<div class="subtitle">Real Retail Tricks. Team Stories. The Math That Keeps the Lights On.</div>
|
||
|
|
<p style="margin-top: 2rem; max-width: 600px;">
|
||
|
|
You don't manage a floor with spreadsheets. You manage it with the grit of the night shift, the thermal envelope of the warehouse, and the unbreakable bond of the crew. This is the manual for the rest of us.
|
||
|
|
</p>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<section class="grid">
|
||
|
|
<article class="card">
|
||
|
|
<h2>Chapter 1: The Thermal Envelope</h2>
|
||
|
|
<p>Your forecast didn't die in the server room. It died because the temperature in Bay 4 hit 28°C. Learn why the human body is the most critical sensor in the loop—and how to protect it.</p>
|
||
|
|
<a href="/playbook/envelope.html" class="btn">READ THE CHAPTER</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<h2>Chapter 2: The Stock-Out Sentinel</h2>
|
||
|
|
<p>Demand variance isn't noise. It's a verdict. The interactive engine that turns your standard deviation into a survival plan.</p>
|
||
|
|
<a href="/sentinel.html" class="btn">LAUNCH THE ENGINE</a>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="card">
|
||
|
|
<h2>Chapter 3: The Pasta Drop</h2>
|
||
|
|
<p>Kintsugi isn't for bowls. It's for careers. The story of the first mistake that taught us how to fix the rest.</p>
|
||
|
|
<a href="/stories/first-slip.html" class="btn">WATCH THE STORY</a>
|
||
|
|
</article>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<footer style="margin-top: 4rem; text-align: center; color: var(--dim); font-size: 0.8rem;">
|
||
|
|
Brandon Buonaguro // Dover, PA // Built on the fly
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|