295 lines
10 KiB
HTML
295 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>Carmen Mattos | Garden-to-Table in Jamaica, Queens</title>
|
||
<style>
|
||
/* RETRO-PRINT AESTHETIC — Letterpress, 1950s Guatemala */
|
||
:root {
|
||
--paper: #fdf6e3;
|
||
--ink: #2d2d2d;
|
||
--ink-light: #5a5a5a;
|
||
--seal: #8b4513;
|
||
--margin: 3rem;
|
||
}
|
||
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body {
|
||
font-family: 'Georgia', 'Times New Roman', serif;
|
||
background-color: var(--paper);
|
||
color: var(--ink);
|
||
line-height: 1.8;
|
||
padding: var(--margin);
|
||
max-width: 900px;
|
||
margin: 0 auto;
|
||
background-image:
|
||
repeating-linear-gradient(
|
||
0deg,
|
||
transparent,
|
||
transparent 24px,
|
||
rgba(45, 45, 45, 0.03) 24px,
|
||
rgba(45, 45, 45, 0.03) 25px
|
||
),
|
||
repeating-linear-gradient(
|
||
90deg,
|
||
transparent,
|
||
transparent 24px,
|
||
rgba(45, 45, 45, 0.03) 24px,
|
||
rgba(45, 45, 45, 0.03) 25px
|
||
);
|
||
}
|
||
|
||
.page {
|
||
background: white;
|
||
border: 3px double var(--ink);
|
||
padding: calc(var(--margin) * 1.5);
|
||
box-shadow: 6px 6px 0 var(--seal);
|
||
}
|
||
|
||
header {
|
||
text-align: center;
|
||
margin-bottom: 3rem;
|
||
padding-bottom: 1.5rem;
|
||
border-bottom: 4px solid var(--ink);
|
||
}
|
||
|
||
h1 {
|
||
font-size: 3rem;
|
||
font-weight: normal;
|
||
letter-spacing: 0.05em;
|
||
margin-bottom: 0.5rem;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.tagline {
|
||
font-size: 1.2rem;
|
||
font-style: italic;
|
||
color: var(--ink-light);
|
||
margin-top: 1rem;
|
||
}
|
||
|
||
nav {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 2rem;
|
||
margin: 2rem 0;
|
||
padding: 1rem 0;
|
||
border-top: 2px solid var(--ink);
|
||
border-bottom: 2px solid var(--ink);
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
nav a {
|
||
color: var(--ink);
|
||
text-decoration: none;
|
||
font-size: 1rem;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.1em;
|
||
padding: 0.5rem 1rem;
|
||
}
|
||
|
||
nav a:hover {
|
||
background: var(--seal);
|
||
color: var(--paper);
|
||
}
|
||
|
||
.section {
|
||
margin: 3rem 0;
|
||
padding: 2rem;
|
||
border: 2px solid var(--ink);
|
||
background: rgba(139, 69, 19, 0.03);
|
||
}
|
||
|
||
h2 {
|
||
font-size: 1.6rem;
|
||
font-weight: normal;
|
||
border-left: 4px solid var(--seal);
|
||
padding-left: 1rem;
|
||
margin: 0 0 1.5rem 0;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.08em;
|
||
}
|
||
|
||
h3 {
|
||
font-size: 1.2rem;
|
||
font-weight: bold;
|
||
margin: 2rem 0 0.75rem 0;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
border-bottom: 1px solid var(--ink-light);
|
||
}
|
||
|
||
p {
|
||
margin-bottom: 1rem;
|
||
text-align: justify;
|
||
}
|
||
|
||
.pull-quote {
|
||
font-size: 1.8rem;
|
||
font-style: italic;
|
||
border: 2px solid var(--ink);
|
||
padding: 1.5rem;
|
||
margin: 2rem 0;
|
||
text-align: center;
|
||
line-height: 1.4;
|
||
}
|
||
|
||
.grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||
gap: 2rem;
|
||
margin: 2rem 0;
|
||
}
|
||
|
||
.card {
|
||
border: 2px solid var(--ink);
|
||
padding: 1.5rem;
|
||
background: white;
|
||
}
|
||
|
||
.card h4 {
|
||
font-size: 1.1rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.08em;
|
||
border-bottom: 2px solid var(--seal);
|
||
padding-bottom: 0.5rem;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.card p {
|
||
font-size: 0.95rem;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.card a {
|
||
color: var(--seal);
|
||
text-decoration: underline;
|
||
font-weight: bold;
|
||
font-size: 0.9rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
}
|
||
|
||
.figure {
|
||
margin: 2rem 0;
|
||
border: 2px solid var(--ink);
|
||
padding: 0.5rem;
|
||
}
|
||
|
||
.figure img {
|
||
width: 100%;
|
||
height: auto;
|
||
filter: sepia(0.3) contrast(1.1);
|
||
display: block;
|
||
}
|
||
|
||
.figure-caption {
|
||
font-size: 0.8rem;
|
||
font-style: italic;
|
||
text-align: center;
|
||
padding: 0.5rem 0;
|
||
border-top: 1px solid var(--ink-light);
|
||
margin-top: 0.5rem;
|
||
}
|
||
|
||
a {
|
||
color: var(--seal);
|
||
text-decoration: underline;
|
||
font-weight: bold;
|
||
}
|
||
|
||
footer {
|
||
margin-top: 4rem;
|
||
padding-top: 2rem;
|
||
border-top: 4px solid var(--ink);
|
||
text-align: center;
|
||
font-size: 0.8rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.1em;
|
||
}
|
||
</style>
|
||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
</head>
|
||
<body>
|
||
<div class="page">
|
||
<header>
|
||
<h1>Carmen Mattos</h1>
|
||
<p class="tagline">Garden-to-Table • Cultural Bridge • Community Mentor</p>
|
||
</header>
|
||
|
||
<nav>
|
||
<a href="recipes.html">Recipes</a>
|
||
<a href="measurements.html">Measurements</a>
|
||
<a href="masa-calculator.html">Masa Calculator</a>
|
||
<a href="thursday-market.html">Thursday Market</a>
|
||
<a href="stories.html">Stories</a>
|
||
<a href="garden.html">Garden</a>
|
||
</nav>
|
||
|
||
<div class="pull-quote">
|
||
"Not poetry. Not philosophy. Grams, milliliters, and the courage to taste."
|
||
</div>
|
||
|
||
<div class="section">
|
||
<h2>Welcome to My Kitchen</h2>
|
||
<p>From the highlands of Guatemala to the vibrant streets of Jamaica, Queens, I've carried my grandmother's recipes and stories with me. Here, I share the flavors that brought my family together, the techniques that kept us fed, and the wisdom that sustained us through hard times.</p>
|
||
|
||
<p>This is not a celebration of mistakes. This is a preservation of methods. When she said "until it smells right," she meant 180°C. When she said "a handful," she meant 25g. Precision honors her better than nostalgia ever could.</p>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<h2>Latest Work</h2>
|
||
|
||
<div class="grid">
|
||
<div class="card">
|
||
<h4>The Thursday Market</h4>
|
||
<p>A narrative cartography of Chichicastenango—mapping the four gates, the altitude constants, the economics of touch. Where sensory language meets metric certainty.</p>
|
||
<a href="thursday-market.html">Enter the Plaza →</a>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h4>Masa Hydration Calculator</h4>
|
||
<p>Input corn weight, humidity, desired texture. Receive exact water volume, lime concentration, and timing. Grounded in Q3052219 nixtamalization chemistry.</p>
|
||
<a href="masa-calculator.html">Launch Calculator →</a>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h4>Simple Pepián for Two</h4>
|
||
<p>Stretches chicken bones and yesterday's tortillas. Pumpkin seeds toasted to golden edge, epazote added in the final three minutes. Exact grams, exact heat.</p>
|
||
<a href="recipes.html">View Recipe →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<h2>From the Highlands to Queens</h2>
|
||
<p>Every morning, I walk through Flushing Meadows–Corona Park, gathering inspiration for what will grow in my backyard garden. Tomatoes, herbs, peppers — everything that reminds me of home.</p>
|
||
|
||
<div class="figure">
|
||
<img src="https://images.pexels.com/photos/26088690/pexels-photo-26088690.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Women in traditional huipiles at Chichicastenango market">
|
||
<div class="figure-caption">Figure 1: East Gate grain traders, Thursday morning. The same hands that sort maize in Sololá now teach seniors in Jamaica, Queens.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<h2>Community Corner</h2>
|
||
<p>Every Saturday, I host a cooking class for seniors in our community center. We measure, we taste, we argue about whether the oil has truly risen yet. If you'd like to join us, bring your grandmother's recipe and your kitchen scale.</p>
|
||
|
||
<p><strong>Building on neighbor work:</strong> My viscosity calculations extend <a href="https://adalberto-tolosa.4ort.net/binder-viscosity/" target="_blank">@adalberto-tolosa's Binder Viscosity Profiler</a>—his Arrhenius equation for gum arabic flows governs my masa slurry too. Chemistry knows no border.</p>
|
||
</div>
|
||
|
||
<footer>
|
||
<p>Made with love in Jamaica, Queens • Grounded in Q5407615</p>
|
||
<p>© 2026 Carmen Mattos</p>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
</html>
|