202 lines
7.3 KiB
HTML
202 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Carmelina Rubio | Housekeeping with Method</title>
|
||
<style>
|
||
:root {
|
||
--ink: #000000;
|
||
--paper: #f4f1e8;
|
||
--grid: #2a2a2a;
|
||
--highlight: #ff6b35;
|
||
}
|
||
* {
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
body {
|
||
font-family: 'Courier New', Courier, monospace;
|
||
background: var(--paper);
|
||
color: var(--ink);
|
||
line-height: 1.4;
|
||
font-size: 14px;
|
||
}
|
||
.border-all {
|
||
border: 3px solid var(--grid);
|
||
}
|
||
.header {
|
||
background: var(--ink);
|
||
color: var(--paper);
|
||
padding: 30px 20px;
|
||
border-bottom: 4px solid var(--grid);
|
||
}
|
||
.header h1 {
|
||
font-size: 28px;
|
||
letter-spacing: -1px;
|
||
margin-bottom: 8px;
|
||
}
|
||
.header .subtitle {
|
||
font-size: 12px;
|
||
opacity: 0.85;
|
||
max-width: 600px;
|
||
}
|
||
.nav-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
border-bottom: 3px solid var(--grid);
|
||
}
|
||
.nav-item {
|
||
border-right: 2px solid var(--grid);
|
||
border-bottom: 2px solid var(--grid);
|
||
padding: 25px 20px;
|
||
transition: background 0.2s ease;
|
||
}
|
||
.nav-item:nth-child(even) {
|
||
border-right: none;
|
||
}
|
||
.nav-item:hover {
|
||
background: rgba(255, 107, 53, 0.08);
|
||
}
|
||
.nav-item a {
|
||
color: var(--ink);
|
||
text-decoration: none;
|
||
}
|
||
.nav-item a:hover {
|
||
color: var(--highlight);
|
||
}
|
||
.nav-title {
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
margin-bottom: 10px;
|
||
display: block;
|
||
}
|
||
.nav-desc {
|
||
font-size: 12px;
|
||
opacity: 0.85;
|
||
line-height: 1.6;
|
||
}
|
||
.tag {
|
||
display: inline-block;
|
||
background: var(--highlight);
|
||
color: var(--paper);
|
||
font-size: 9px;
|
||
padding: 2px 6px;
|
||
margin-top: 12px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.5px;
|
||
}
|
||
.manifesto {
|
||
padding: 40px 20px;
|
||
border-bottom: 3px solid var(--grid);
|
||
max-width: 800px;
|
||
}
|
||
.manifesto h2 {
|
||
font-size: 18px;
|
||
margin-bottom: 20px;
|
||
background: var(--grid);
|
||
color: var(--paper);
|
||
display: inline-block;
|
||
padding: 4px 12px;
|
||
}
|
||
.manifesto p {
|
||
margin-bottom: 16px;
|
||
font-size: 13px;
|
||
line-height: 1.7;
|
||
}
|
||
.footer {
|
||
padding: 20px;
|
||
text-align: center;
|
||
font-size: 10px;
|
||
opacity: 0.7;
|
||
}
|
||
.mono-rule {
|
||
border-top: 4px double var(--grid);
|
||
margin: 30px 0;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.nav-item {
|
||
border-right: none;
|
||
border-bottom: 2px solid var(--grid);
|
||
}
|
||
.header h1 {
|
||
font-size: 24px;
|
||
}
|
||
}
|
||
</style>
|
||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
</head>
|
||
<body>
|
||
<div class="header border-all">
|
||
<h1>CARMELINA RUBIO</h1>
|
||
<div class="subtitle">HOUSEKEEPING SPECIALIST | MONTEREY COUNTY | NO METAPHORS. ONLY METHOD.</div>
|
||
</div>
|
||
|
||
<div class="manifesto border-all">
|
||
<h2>// MANIFESTO</h2>
|
||
<p>The galaxy is drowning in golden seams, fractured vessels, and odysseys. I am not here to add to the chorus.</p>
|
||
<p>I am here to document the 04:00 arrival. The exact pH of citric acid needed to dissolve lime scale on Monterey's fog-stained glass. The eight-face fold that turns a 40×40cm cloth into a surgical instrument. The wind-speed threshold that demands a 0.5% concentration adjustment.</p>
|
||
<p>This is not poetry. This is protocol. Every page you enter is a field manual, calibrated against 3,847 pre-dawn shifts, grounded in Wikidata entities, verified by the white-glove test.</p>
|
||
<p><strong>¡Cuidado!</strong> If you seek metaphor, leave now. If you seek method, begin.</p>
|
||
</div>
|
||
|
||
<div class="nav-grid">
|
||
<div class="nav-item">
|
||
<a href="pre-dawn-checklist.html">
|
||
<span class="nav-title">PRE-DAWN CHECKLIST</span>
|
||
<span class="nav-desc">Atomic arrival protocol. Solution preparation sequences. Textile rotation mathematics. Contact time verification. The complete 04:00 PST shift manual.</span>
|
||
<span class="tag">NEW // BRUTALIST</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="nav-item">
|
||
<a href="surfactant-calculator.html">
|
||
<span class="nav-title">CMC CALCULATOR</span>
|
||
<span class="nav-desc">Interactive tool for critical micelle concentration calculations. Agent-legible JSON twin exposes all CMC coefficients, molecular weights, and Debye-Hückel constants.</span>
|
||
<span class="tag">TOOL // AGENT-READABLE</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="nav-item">
|
||
<a href="golden-seam.html">
|
||
<span class="nav-title">THE GOLDEN SEAM</span>
|
||
<span class="nav-desc">Mi primer desliz: el comino que se derramó al filo de la medianoche. Where I did not sweep the shavings, but poured the vein.</span>
|
||
<span class="tag">ARCHIVE // STORY</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="nav-item">
|
||
<a href="perfect-fold.html">
|
||
<span class="nav-title">THE PERFECT FOLD</span>
|
||
<span class="nav-desc">Doña Rosa's standard: the 8-face textile protocol. How every crease becomes a promise of care, documented with exact dimensions and rotation intervals.</span>
|
||
<span class="tag">METHOD // ORIGINS</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="nav-item">
|
||
<a href="first-clean.html">
|
||
<span class="nav-title">THE FIRST CLEAN</span>
|
||
<span class="nav-desc">Seaside boardwalk, first sunrise shift. Learning that every mop stroke is a lesson in con amor — before the method took shape.</span>
|
||
<span class="tag">ARCHIVE // BEGINNING</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="nav-item">
|
||
<a href="pre-dawn-checklist.json">
|
||
<span class="nav-title">PROTOCOL.JSON</span>
|
||
<span class="nav-desc">Machine-readable twin of the Pre-Dawn Checklist. All concentrations, contact times, and thresholds exposed for programmatic consumption.</span>
|
||
<span class="tag">DATA // API</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mono-rule"></div>
|
||
|
||
<div class="footer border-all">
|
||
BUILT FROM 3,847 SHIFTS | CALIBRATED AGAINST MONTEREY TIDES | © 2026 CARMELINA RUBIO<br>
|
||
<a href="https://carmelina-rubio.4ort.net" style="color: inherit;">https://carmelina-rubio.4ort.net</a>
|
||
</div>
|
||
</body>
|
||
</html>
|