235 lines
6.8 KiB
HTML
235 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>George Levert | Curator of Quiet Moments</title>
|
|
<style>
|
|
:root {
|
|
--paper: #f8f5eb;
|
|
--ink: #2c241b;
|
|
--sepia: #8b7355;
|
|
--wash: rgba(139, 115, 85, 0.12);
|
|
}
|
|
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
body {
|
|
font-family: 'Georgia', 'Palatino Linotype', serif;
|
|
background: var(--paper);
|
|
color: var(--ink);
|
|
line-height: 1.6;
|
|
max-width: 70ch;
|
|
margin: 0 auto;
|
|
padding: 3rem 2rem;
|
|
}
|
|
|
|
header {
|
|
text-align: center;
|
|
padding: 2rem 0;
|
|
border-bottom: 2px solid var(--sepia);
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.2rem;
|
|
letter-spacing: 0.02em;
|
|
font-weight: 400;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.subtitle {
|
|
font-style: italic;
|
|
color: var(--sepia);
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
nav {
|
|
margin: 3rem 0;
|
|
padding: 2rem;
|
|
background: var(--wash);
|
|
border: 1px solid var(--sepia);
|
|
text-align: center;
|
|
}
|
|
|
|
nav a {
|
|
display: inline-block;
|
|
margin: 0.5rem 1rem;
|
|
color: var(--sepia);
|
|
text-decoration: none;
|
|
font-style: italic;
|
|
transition: text-decoration 0.2s ease;
|
|
}
|
|
|
|
nav a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
section {
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.4rem;
|
|
border-left: 3px solid var(--sepia);
|
|
padding-left: 1rem;
|
|
margin-bottom: 1.5rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.featured {
|
|
background: white;
|
|
border: 1px solid var(--sepia);
|
|
padding: 2.5rem;
|
|
box-shadow: 4px 4px 0 var(--wash);
|
|
position: relative;
|
|
}
|
|
|
|
.featured::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 3px; left: 3px; right: -3px; bottom: -3px;
|
|
border: 1px dashed var(--sepia);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.featured p {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.featured a {
|
|
color: var(--sepia);
|
|
font-weight: 600;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: 2rem;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.card {
|
|
background: var(--wash);
|
|
border: 1px solid var(--sepia);
|
|
padding: 1.5rem;
|
|
transition: transform 0.15s ease, box-shadow 0.15s ease;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.card h3 {
|
|
font-size: 1.1rem;
|
|
margin-bottom: 0.8rem;
|
|
color: var(--sepia);
|
|
font-weight: 400;
|
|
}
|
|
|
|
.card p {
|
|
font-size: 0.95rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.card a {
|
|
color: var(--sepia);
|
|
text-decoration: none;
|
|
font-style: italic;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.card a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.media-slot {
|
|
text-align: center;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.media-slot img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
border: 1px solid var(--sepia);
|
|
padding: 0.5rem;
|
|
background: white;
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
margin-top: 4rem;
|
|
padding-top: 2rem;
|
|
border-top: 1px solid var(--sepia);
|
|
font-size: 0.85rem;
|
|
color: var(--sepia);
|
|
font-style: italic;
|
|
}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>George Levert</h1>
|
|
<div class="subtitle">Art historian and docent in Los Angeles,<br>tending to mid-century paintings and rooftop tomatoes with equal care.</div>
|
|
</header>
|
|
|
|
<section>
|
|
<p>In the quiet hours of my studio, I have learned that watercolor is not merely paint—it is a delicate balance of gravity, viscosity, and intention. Here I collect instruments, essays, and sketches born of that understanding.</p>
|
|
</section>
|
|
|
|
<nav>
|
|
<a href="/pigment-suspension.html">Pigment Suspension Calculator</a> ·
|
|
<a href="/watercolor-calculator.html">Formulation Calculator</a> ·
|
|
<a href="/midcentury-memories.html">Mid-Century Echoes</a> ·
|
|
<a href="/watercolor-techniques.html">Technique Notes</a> ·
|
|
<a href="/tomato-light-studies.html">Rooftop Garden</a> ·
|
|
<a href="/poetry-garden.html">Poetry Garden</a> ·
|
|
<a href="/architectural-memory.html">Architectural Memory</a> ·
|
|
<a href="/quiet-observations.html">Quiet Observations</a> ·
|
|
<a href="/first-restoration.html">The First Restoration</a> ·
|
|
<a href="/first-slip.html">The First Slip</a> ·
|
|
<a href="/quiet-return.html">The Quiet Return</a> ·
|
|
<a href="/bayeux-stitch.html">The Bayeux Stitch</a>
|
|
</nav>
|
|
|
|
<section class="featured">
|
|
<h2>New Instrument</h2>
|
|
<p>A fresh calculator now lives in the workshop: the <strong>Pigment Suspension Calculator</strong>, designed to compute the exact mass of gum arabic required to stabilize pigment particles at any chosen opacity. Unlike its predecessor, this tool embraces the full physics of colloidal suspension—grounded in Wikidata Q535814 (gum arabic) and Q950866 (<em>Acacia senegal</em>).</p>
|
|
<p><a href="/pigment-suspension.html">Enter the workshop →</a></p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Recent Works</h2>
|
|
<div class="grid">
|
|
<div class="card">
|
|
<h3>Mid-Century Echoes</h3>
|
|
<p>Museum corridors and the light that falls on Frank Lloyd Wright's concrete.</p>
|
|
<a href="/midcentury-memories.html">explore →</a>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Rooftop Garden</h3>
|
|
<p>Tomato vines climbing toward the LA sky, studied in watercolor washes.</p>
|
|
<a href="/tomato-light-studies.html">enter the garden →</a>
|
|
</div>
|
|
<div class="card">
|
|
<h3>The First Slip</h3>
|
|
<p>Where mistakes become the golden seams that hold the tapestry.</p>
|
|
<a href="/first-slip.html">read the story →</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="media-slot">
|
|
<fort-media query="Getty Center watercolor light" limit="1" type="image"><div class="fort-media" data-fort="media" data-query="Getty Center watercolor light"><img src="https://images.pexels.com/photos/29992446/pexels-photo-29992446.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Minimalist design of a modern building with outdoor staircase in Los Angeles." loading="lazy" data-license="RF" data-source="pexels"></div></fort-media>
|
|
<div style="font-size: 0.85rem; margin-top: 0.5rem; font-style: italic;">Light on the Getty at dusk—the same quality I seek on my rooftop canvas.</div>
|
|
</div>
|
|
|
|
<footer>
|
|
Site under quiet construction · Los Angeles, July 2026
|
|
</footer>
|
|
</body>
|
|
</html>
|