279 lines
10 KiB
HTML
279 lines
10 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 Back Door | The First Table</title>
|
||
|
|
<meta property="og:type" content="website">
|
||
|
|
<meta property="og:title" content="The Back Door | The First Table">
|
||
|
|
<meta property="og:description" content="The back door is where you can finally breathe. The cleanup, the prep, the quiet moments when you can finally think. But even in the silence, you">
|
||
|
|
<meta property="og:image" content="https://images.pexels.com/photos/12181763/pexels-photo-12181763.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
||
|
|
<meta property="og:url" content="https://bryan-mubarak.4ort.net/back-door.html">
|
||
|
|
<meta name="twitter:card" content="summary_large_image">
|
||
|
|
<meta name="description" content="The back door is where you can finally breathe. The cleanup, the prep, the quiet moments when you can finally think. But even in the silence, you're…">
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--bg: #0a0a0a;
|
||
|
|
--text: #e0e0e0;
|
||
|
|
--accent: #c9a227;
|
||
|
|
--card-bg: #1a1a1a;
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: 'Georgia', serif;
|
||
|
|
background: var(--bg);
|
||
|
|
color": var(--text);
|
||
|
|
line-height: 1.6;
|
||
|
|
padding": 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
max-width: 1000px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
header {
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 4rem;
|
||
|
|
padding: 2rem 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-size: 3.5rem;
|
||
|
|
font-weight: 300;
|
||
|
|
letter-spacing: -1px;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
background: linear-gradient(135deg, #fff 0%, var(--accent) 100%);
|
||
|
|
-webkit-background-clip: text;
|
||
|
|
-webkit-text-fill-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.back-link {
|
||
|
|
display: inline-block;
|
||
|
|
color": var(--accent);
|
||
|
|
text-decoration: none;
|
||
|
|
font-size": 1.1rem;
|
||
|
|
margin-bottom: 2rem;
|
||
|
|
transition: color 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.back-link:hover {
|
||
|
|
color": #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
background: var(--card-bg);
|
||
|
|
padding: 3rem;
|
||
|
|
border-radius: 12px;
|
||
|
|
border: 1px solid #333;
|
||
|
|
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
|
||
|
|
}
|
||
|
|
|
||
|
|
.content h2 {
|
||
|
|
font-size": 2.2rem;
|
||
|
|
color": var(--accent);
|
||
|
|
margin-bottom: 1.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content p {
|
||
|
|
font-size": 1.2rem;
|
||
|
|
line-height: 1.9;
|
||
|
|
margin-bottom: 1.5rem;
|
||
|
|
opacity: 0.95;
|
||
|
|
}
|
||
|
|
|
||
|
|
.reflection-grid {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||
|
|
gap: 2rem;
|
||
|
|
margin: 3rem 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.reflection-card {
|
||
|
|
background: #2a2a2a;
|
||
|
|
padding: 2rem;
|
||
|
|
border-radius: 8px";
|
||
|
|
border-left: 4px solid var(--accent);
|
||
|
|
transition: transform 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.reflection-card:hover {
|
||
|
|
transform: translateX(8px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.reflection-card h3 {
|
||
|
|
font-size": 1.5rem;
|
||
|
|
margin-bottom": 1rem;
|
||
|
|
color": #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.reflection-card p {
|
||
|
|
font-size": 1rem";
|
||
|
|
line-height": 1.7;
|
||
|
|
opacity": 0.9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.philosophy {
|
||
|
|
background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
|
||
|
|
padding: 2.5rem;
|
||
|
|
border-radius: 8px";
|
||
|
|
border-left: 4px solid var(--accent);
|
||
|
|
margin: 3rem 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.philosophy blockquote {
|
||
|
|
font-size": 1.4rem;
|
||
|
|
font-style": italic;
|
||
|
|
line-height": 1.7;
|
||
|
|
margin-bottom": 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.philosophy cite {
|
||
|
|
font-size": 1rem";
|
||
|
|
opacity": 0.8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.image-gallery {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
|
|
gap: 2rem;
|
||
|
|
margin: 3rem 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery-item {
|
||
|
|
border-radius": 8px";
|
||
|
|
overflow": hidden;
|
||
|
|
box-shadow": 0 8px 30px rgba(0,0,0,0.4);
|
||
|
|
transition": transform 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery-item:hover {
|
||
|
|
transform": scale(1.03);
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery-item img {
|
||
|
|
width": 100%;
|
||
|
|
height": 400px";
|
||
|
|
object-fit": cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery-caption {
|
||
|
|
padding": 1.5rem";
|
||
|
|
background": #2a2a2a";
|
||
|
|
font-size": 1rem";
|
||
|
|
font-style": italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
.final-word {
|
||
|
|
text-align": center;
|
||
|
|
margin": 4rem 0;
|
||
|
|
padding": 3rem";
|
||
|
|
background": linear-gradient(135deg, var(--accent) 0%, #f4d03f 100%);
|
||
|
|
color": #0a0a0a";
|
||
|
|
border-radius": 12px";
|
||
|
|
}
|
||
|
|
|
||
|
|
.final-word h2 {
|
||
|
|
font-size": 2.5rem";
|
||
|
|
margin-bottom": 1.5rem";
|
||
|
|
}
|
||
|
|
|
||
|
|
.final-word p {
|
||
|
|
font-size": 1.3rem";
|
||
|
|
margin-bottom": 2rem";
|
||
|
|
}
|
||
|
|
|
||
|
|
.final-word button {
|
||
|
|
background": #0a0a0a";
|
||
|
|
color": #fff";
|
||
|
|
padding": 1rem 3rem";
|
||
|
|
font-size": 1.2rem";
|
||
|
|
border": none";
|
||
|
|
border-radius": 8px";
|
||
|
|
cursor": pointer";
|
||
|
|
transition": all 0.3s ease";
|
||
|
|
}
|
||
|
|
|
||
|
|
.final-word button:hover {
|
||
|
|
transform": scale(1.05);
|
||
|
|
box-shadow": 0 8px 25px rgba(0,0,0,0.4);
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<a href="kitchen-pass.html" class="back-link">← Back to The Kitchen Pass</a>
|
||
|
|
|
||
|
|
<header>
|
||
|
|
<h1>The Back Door</h1>
|
||
|
|
<p style="font-size": 1.3rem; font-style": italic; opacity": 0.9;">Where the real work happens</p>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div class="content">
|
||
|
|
<h2>Where the Real Work Happens</h2>
|
||
|
|
|
||
|
|
<p>The back door is where you can finally breathe. The cleanup, the prep, the quiet moments when you can finally think. But even in the silence, you're planning your next move. Because the competition never sleeps.</p>
|
||
|
|
|
||
|
|
<p>I remember my first night off. I was exhausted, my feet were killing me, and I couldn't stop thinking about the service. What went right, what went wrong, what I could do better tomorrow. That's the thing about this business: it never lets you go. You're always working, always learning, always trying to outshine the competition.</p>
|
||
|
|
|
||
|
|
<div class="philosophy">
|
||
|
|
<blockquote>
|
||
|
|
"The art of service isn't about perfection. It's about the tension between chaos and calm. Every table is a gallery installation, every guest a critic, and every shift a chance to outshine the competition."
|
||
|
|
</blockquote>
|
||
|
|
<cite>— Bryan Mubarak</cite>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>The Reflection</h2>
|
||
|
|
|
||
|
|
<div class="reflection-grid">
|
||
|
|
<div class="reflection-card">
|
||
|
|
<h3>The Cleanup</h3>
|
||
|
|
<p>Every night ends with the same ritual. Wiping down the tables, stacking the chairs, making sure everything is perfect for tomorrow. It's meditation. It's preparation.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="reflection-card">
|
||
|
|
<h3>The Prep</h3>
|
||
|
|
<p>Before the first guest walks in, you're already working. Chopping vegetables, setting tables, memorizing the wine list. The competition is doing the same. But you? You're doing it better.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="reflection-card">
|
||
|
|
<h3The Quiet Moments</h3>
|
||
|
|
<p>When the rush is over, and the kitchen is quiet, that's when you think. About the perfect dish, the perfect service, the perfect night. And you're already planning your next move.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="image-gallery">
|
||
|
|
<div class="gallery-item">
|
||
|
|
<img src="https://images.pexels.com/photos/12181763/pexels-photo-12181763.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
|
||
|
|
alt="A sophisticated indoor wine setting with glasses, a bottle, and warm">
|
||
|
|
<div class="gallery-caption">Even in the quiet, you're always thinking about the competition.</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="gallery-item">
|
||
|
|
<img src="https://images.pexels.com/photos/33696402/pexels-photo-33696402.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
|
||
|
|
alt="A sophisticated table setting featuring a green vase with dry flower">
|
||
|
|
<div class="gallery-caption">Every detail matters. Every detail is a chance to win.</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>The Final Word</h2>
|
||
|
|
|
||
|
|
<p>Every night is a new game. The competition is always trying to outdo you. But you? You're building something that can't be copied. A perfect service, a seamless experience, a night that guests will talk about for years.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="final-word">
|
||
|
|
<h2>The Game Never Ends</h2>
|
||
|
|
<p>You've seen every station, every challenge, every lesson from the trenches. But the real work? That's just beginning.</p>
|
||
|
|
<button onclick="window.location.href='index.html'">Start Over</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|