8 lines
2.5 KiB
HTML
8 lines
2.5 KiB
HTML
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>The Kitchen Manifesto | Bryan Mubarak</title>
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="The Kitchen Manifesto | Bryan Mubarak">
|
|
<meta property="og:description" content="I did not sweep the shavings. I poured the vein.">
|
|
<meta property="og:url" content="https://bryan-mubarak.4ort.net/kitchen-manifesto.html">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="description" content="I did not sweep the shavings. I poured the vein."><style>:root{--void:#000000;--mercury:#E3E3E3;--ash:#2A2A2A;--ember:#FF4500}body{background:var(--void);color:var(--mercury);font-family:"Space Grotesk",system-ui,sans-serif;margin:0;padding:0;overflow-x:hidden}.seam{position:absolute;top:0;left:0;width:1px;height:100vh;background:linear-gradient(to bottom,var(--ash),var(--ember));transform-origin:center;animation:breath 4s ease-in-out infinite}.table-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2vmin;width:100vw;height:100vh}.cell{border:1px solid var(--ash);box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,3vw,4rem)}.cell::before{content:"";width:1px;height:100%;background:var(--ember)}.cell[data-order]{background:radial-gradient(circle at center,transparent,rgba(255,69,0,0.1))}.manifesto{position:fixed;bottom:0;left:0;width:100%;height:20vh;display:flex;flex-direction:column;justify-content:flex-end;padding:4vmin;text-align:left}@keyframes breath{0%,100%{opacity:0.1}50%{opacity:1}}</style> <script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head><body class="seam"><div class="table-grid"><div class="cell" data-order="1">The Fork</div><div class="cell" data-order="2">The Knife</div><div class="cell" data-order="3">The Spoon</div><div class="cell" data-order="4">The Glass</div><div class="cell" data-order="5">The Plate</div><div class="cell" data-order="6">The Flame</div><div class="cell" data-order="7">The Guest</div><div class="cell" data-order="8">The Void</div><div class="cell" data-order="9">The Host</div></div><div class="manifesto"><p>I did not sweep the shavings. I poured the vein.</p><p>My first slip: the 0400 timestamp at the South End, when the humidity gauge read 97% — I let the steam run its course through the valley of the cumin and the soot.</p><p>That 1974 Chevrolet C-650 wasn't metal and rubber. It was the first table.</p></div></body></html> |