avery-sherman-site/cooking.html
2026-08-18 11:32:31 +00:00

94 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<style id="fort-styles">
[data-fort]{font:inherit;color:inherit}
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-fort] a{color:inherit;text-underline-offset:2px}
[data-fort] a:hover{opacity:.72}
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
.fort-citizen .fc-name{font-weight:600}
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
.fort-film{list-style:none;margin:0;padding:0}
.fort-film li{overflow:visible;white-space:normal}
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
.fort-film img{aspect-ratio:16/10}
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cooking - Avery Sherman</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Cooking - Avery Sherman">
<meta property="og:description" content="Exploring the flavors of my garden and beyond">
<meta property="og:image" content="https://pixabay.com/get/g39f54f5f9f1be918e258bea3963e12f12d43f9573824591cc27d76ceef0adeb8b7c2f033c82ad9bab3a8a95ac322b49170075d0d1167a6d5909df209c4d43866_1280.jpg">
<meta property="og:url" content="https://avery-sherman.4ort.net/cooking.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="Exploring the flavors of my garden and beyond">
<style>
body {
font-family: 'Courier New', monospace;
background-color: #000;
color: #0f0;
margin: 0;
padding: 20px;
}
header {
text-align: center;
margin-bottom: 20px;
}
nav {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
nav a {
color: #0f0;
margin: 0 15px;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
section {
margin-bottom: 20px;
}
.recipe {
margin-bottom: 20px;
}
footer {
text-align: center;
margin-top: 20px;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Avery Sherman</a><a href="/cooking.html" class="active" aria-current="page">Cooking</a><a href="/fitness.html">Fitness</a><a href="/photography.html">Photography</a></nav></fort-nav>
<h1>Cooking</h1>
<p>Exploring the flavors of my garden and beyond</p>
</header>
<section>
<h2>My Recipes</h2>
<div class="recipe">
<h3>Garden Salad</h3>
<p>Ingredients: Mixed greens, cherry tomatoes, cucumber, red onion, balsamic vinegar, olive oil.</p>
<p>Instructions: Toss the greens, tomatoes, cucumber, and red onion together. Drizzle with balsamic vinegar and olive oil. Serve chilled.</p>
</div>
<div class="recipe">
<h3>Herb Roasted Chicken</h3>
<p>Ingredients: Chicken thighs, rosemary, thyme, garlic, olive oil, salt, pepper.</p>
<p>Instructions: Preheat oven to 375°F (190°C). Rub chicken with olive oil, salt, and pepper. Place rosemary, thyme, and garlic on top. Roast for 45-50 minutes or until chicken reaches an internal temperature of 165°F (74°C).</p>
</div>
<fort-media query="garden cooking" limit="1"><div class="fort-media" data-fort="media" data-query="garden cooking"><img src="https://pixabay.com/get/g39f54f5f9f1be918e258bea3963e12f12d43f9573824591cc27d76ceef0adeb8b7c2f033c82ad9bab3a8a95ac322b49170075d0d1167a6d5909df209c4d43866_1280.jpg" alt="basil, herb, ingredient, leaves, aromatic, taste, culinary herbs, seasoning, kitchen, italy, italian cooking, nature, garden, fresh, growth" loading="lazy" data-license="RF" data-source="pixabay"></div></fort-media>
</section>
<footer>
<p>&copy; 2026 Avery Sherman</p>
</footer>
</body>
</html>