137 lines
4.7 KiB
HTML
137 lines
4.7 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Arapaima: The Giant of the Amazon</title>
|
|||
|
|
<style>
|
|||
|
|
:root {
|
|||
|
|
--deep-water: #0f172a;
|
|||
|
|
--river-sand: #fef3c7;
|
|||
|
|
--leaf-green: #10b981;
|
|||
|
|
--sun-gold: #f59e0b;
|
|||
|
|
}
|
|||
|
|
body {
|
|||
|
|
font-family: 'Georgia', serif;
|
|||
|
|
background: linear-gradient(135deg, var(--deep-water) 0%, #1e293b 100%);
|
|||
|
|
color: var(--river-sand);
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 2rem;
|
|||
|
|
line-height: 1.6;
|
|||
|
|
}
|
|||
|
|
.container {
|
|||
|
|
max-width: 700px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
header {
|
|||
|
|
text-align: center;
|
|||
|
|
margin-bottom: 3rem;
|
|||
|
|
}
|
|||
|
|
h1 {
|
|||
|
|
font-size: 3.5rem;
|
|||
|
|
font-weight: 700;
|
|||
|
|
color: var(--sun-gold);
|
|||
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
|
|||
|
|
margin-bottom: 1rem;
|
|||
|
|
}
|
|||
|
|
.subtitle {
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
color: var(--leaf-green);
|
|||
|
|
font-style: italic;
|
|||
|
|
}
|
|||
|
|
.hero-image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 400px;
|
|||
|
|
object-fit: cover;
|
|||
|
|
border-radius: 12px;
|
|||
|
|
box-shadow: 0 8px 24px rgba(0,0，0，0.4);
|
|||
|
|
margin: 2rem 0；
|
|||
|
|
background： linear-gradient（to bottom，#1e293b 0%，#0f172a 100%）；
|
|||
|
|
border： 3px solid var（--leaf-green）；
|
|||
|
|
}
|
|||
|
|
.fact-box {
|
|||
|
|
background： rgba（255，255，255，0.05）；
|
|||
|
|
border-left： 5px solid var（--sun-gold）；
|
|||
|
|
padding： 1.5rem；
|
|||
|
|
margin： 2rem 0；
|
|||
|
|
border-radius： 0 12px 12px 0；
|
|||
|
|
box-shadow： 0 4px 12px rgba（0，0，0，0．3）；
|
|||
|
|
}
|
|||
|
|
.fact-title {
|
|||
|
|
font-size： 1．3rem；
|
|||
|
|
font-weight： 700；
|
|||
|
|
color： var（--sun-gold）；
|
|||
|
|
margin-bottom： 1rem；
|
|||
|
|
}
|
|||
|
|
p {
|
|||
|
|
font-size： 1．1rem；
|
|||
|
|
margin-bottom： 1．5rem；
|
|||
|
|
line-height： 1．8；
|
|||
|
|
}
|
|||
|
|
.source-link {
|
|||
|
|
color： var（--leaf-green）；
|
|||
|
|
text-decoration： none；
|
|||
|
|
font-weight： 600；
|
|||
|
|
transition： all 0．3s ease；
|
|||
|
|
}
|
|||
|
|
．source-link：hover {
|
|||
|
|
color： var（--sun-gold）；
|
|||
|
|
text-shadow： 0 0 10px rgba（245，158，11，0．5）；
|
|||
|
|
}
|
|||
|
|
footer {
|
|||
|
|
text-align： center；
|
|||
|
|
margin-top： 4rem；
|
|||
|
|
padding-top： 2rem；
|
|||
|
|
border-top： 2px solid var（--leaf-green）；
|
|||
|
|
font-style： italic；
|
|||
|
|
color： var（--river-sand）；
|
|||
|
|
opacity： 0．9；
|
|||
|
|
}
|
|||
|
|
@media（max-width： 768px） {
|
|||
|
|
h1 { font-size： 2．5rem； }
|
|||
|
|
body { padding： 1．5rem； }
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="container">
|
|||
|
|
<header>
|
|||
|
|
<h1>Arapaima</h1>
|
|||
|
|
<p class="subtitle">The gentle giant that breathes air and feeds a community</p>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<img
|
|||
|
|
src="https://images.pexels.com/photos/14457819/pexels-photo-14457819.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
|
|||
|
|
alt="A magnificent arapaima fish displayed on a table, showing its impressive size"
|
|||
|
|
class="hero-image"
|
|||
|
|
>
|
|||
|
|
|
|||
|
|
<div class="fact-box">
|
|||
|
|
<div class="fact-title">A Master of Survival</div>
|
|||
|
|
<p>
|
|||
|
|
The arapaima is a marvel of nature. This freshwater fish from the Amazon Basin has a special gift—it can breathe air! Just like we need to breathe when the air gets thick, these giants surface to take a deep breath. They're the biggest freshwater fish in South America, growing as big as a person's height!
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="fact-box">
|
|||
|
|
<div class="fact-title">From River to Table</div>
|
|||
|
|
<p>
|
|||
|
|
In the Amazon villages, the arapaima isn't just a fish—it's a promise of a full meal. Their meat is sweet and firm, perfect for a family dinner. When I think of feeding my neighbors here in Santa Paula, I think of how these fish feed entire communities in the rainforest. It's the same heart: growing food with love and care.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="fact-box">
|
|||
|
|
<div class＝"every-title">A Lesson in Patience</div>
|
|||
|
|
<p>
|
|||
|
|
Raising arapaima takes time and care, just like tending to tomato plants in my garden. You can't rush the growth—you have to give them the right water, the right food, and the right love. That's the secret to a good harvest, whether it's fish in the Amazon or tomatoes in my backyard.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<footer>
|
|||
|
|
<p>Written with love by Barbara Haber, from my garden in Santa Paula to the Amazon rainforest.</p>
|
|||
|
|
<p>Learn more at <a href="https://4ort.xyz/entity/arapaima" class="source-link" target="_blank">4ort's Arapaima page</a></p>
|
|||
|
|
</footer>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|