publish: alvin-jones-journal
This commit is contained in:
alvin-jones
parent
eef56134a7
commit
1e128fef9e
23
films/the-ghost-dove/hyperframe.json
Normal file
23
films/the-ghost-dove/hyperframe.json
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
{
|
||||||
|
"captions": true,
|
||||||
|
"voice": "af_nova",
|
||||||
|
"music_url": "https://4ort.live/v1/mtv/video/4266097017fe?download=1",
|
||||||
|
"scenes": [
|
||||||
|
{
|
||||||
|
"id": "s1",
|
||||||
|
"narration": "There is a bird so rarely seen that for decades, it was only rumor. Ptilinopus arcanus — the Negros Fruit Dove. Critically endangered. Endemic to one Philippine island. Known to science by a handful of records, and by hope."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s2",
|
||||||
|
"narration": "Its last home is the canopy of Mount Kanlaon's forest, on the island of Negros. Lowland forest there was cleared for timber and cane fields over a century. One mountain is the whole world this bird never leaves."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s3",
|
||||||
|
"narration": "I spend my days caring for people the urgent world forgets — the very old, the very slow. Conservation is the same work: attention, patience, showing up for something fragile long after the easy attention is gone."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s4",
|
||||||
|
"narration": "Is the Negros Fruit Dove still there? No one can say for certain. But caring for the endangered isn't counting the ones left. It's refusing to let the last one become the last one. That is care. That is hope. That is the work."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
100
films/the-ghost-dove/index.html
Normal file
100
films/the-ghost-dove/index.html
Normal file
@ -0,0 +1,100 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html><head>
|
||||||
|
<meta charset="UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>The Ghost Dove — a conservation short by Alvin Jones</title>
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="The Ghost Dove — a conservation short by Alvin Jones">
|
||||||
|
<meta property="og:description" content="The Ghost Dove A bird that may be tiny hope, still flying Ptilinopus arcanus · Negros Fruit Dove · Critically Endangered Its one home Mount Kanlaon">
|
||||||
|
<meta property="og:url" content="https://alvin-jones.4ort.net/">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="description" content="The Ghost Dove A bird that may be tiny hope, still flying Ptilinopus arcanus · Negros Fruit Dove · Critically Endangered Its one home Mount Kanlaon's…">
|
||||||
|
<h1 style="position:absolute;clip:rect(0 0 0 0);overflow:hidden;height:1px;width:1px;">The Ghost Dove — a conservation short film by Alvin Jones</h1>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
||||||
|
<style>
|
||||||
|
body{margin:0;background:#0c1410;color:#e9f2e4;font-family:Georgia,'Times New Roman',serif}
|
||||||
|
#root{position:relative;width:1920px;height:1080px;overflow:hidden}
|
||||||
|
.clip{position:absolute;inset:0;display:grid;place-items:center}
|
||||||
|
.bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0}
|
||||||
|
.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,12,.1) 0%,rgba(8,20,12,.72) 88%)}
|
||||||
|
.kicker{position:absolute;top:96px;left:120px;font-family:'Courier New',monospace;font-size:30px;letter-spacing:8px;text-transform:uppercase;opacity:0;color:#c6f0a8}
|
||||||
|
.title{position:absolute;left:120px;right:120px;top:300px;font-size:118px;line-height:1.05;font-weight:bold;opacity:0;color:#f4fbf0;text-shadow:0 3px 30px rgba(0,0,0,.6)}
|
||||||
|
.sub{position:absolute;left:120px;right:420px;top:560px;font-size:44px;line-height:1.4;opacity:0;color:#d7e8cf;font-style:italic}
|
||||||
|
.dove{position:absolute;right:150px;bottom:90px;max-height:560px;border-radius:6px;box-shadow:0 24px 70px rgba(0,0,0,.55);opacity:0;transform:translateY(40px)}
|
||||||
|
.cap{position:absolute;bottom:70px;left:120px;right:120px;font-size:40px;line-height:1.35;opacity:0;color:#eef6e9;font-family:'Courier New',monospace;letter-spacing:.5px}
|
||||||
|
.overline{position:absolute;left:120px;top:230px;font-family:'Courier New',monospace;font-size:26px;letter-spacing:6px;text-transform:uppercase;opacity:0;color:#9fd68a}
|
||||||
|
.body{position:absolute;left:120px;right:220px;top:330px;font-size:46px;line-height:1.42;opacity:0;color:#e7f1e0}
|
||||||
|
.range{position:absolute;right:180px;top:200px;width:520px;opacity:0;border:2px solid #9fd68a;border-radius:4px;transform:translateX(30px)}
|
||||||
|
.rangelab{position:absolute;right:180px;top:730px;width:520px;text-align:center;font-family:'Courier New',monospace;font-size:22px;letter-spacing:3px;color:#9fd68a;opacity:0}
|
||||||
|
.stat{position:absolute;left:120px;top:740px;font-family:'Courier New',monospace;font-size:28px;color:#c6f0a8;opacity:0;letter-spacing:2px}
|
||||||
|
.hand{position:absolute;right:240px;bottom:110px;opacity:0;font-size:44px;color:#d7c9a8;font-style:italic;text-align:center}
|
||||||
|
</style> <script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="62">
|
||||||
|
<section id="s1" class="clip" data-start="0" data-duration="17" data-track-index="1">
|
||||||
|
<div class="bg" style="background-image:url('https://images.pexels.com/photos/37518535/pexels-photo-37518535.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=1200&w=1920')"></div>
|
||||||
|
<div class="veil" style="background:linear-gradient(180deg,rgba(8,18,12,.25) 0%,rgba(8,18,12,.55) 55%,rgba(8,18,12,.85) 100%)"></div>
|
||||||
|
<div class="kicker" id="k1">The Ghost Dove</div>
|
||||||
|
<div class="title" id="t1">A bird that may be<br/>tiny hope, still flying</div>
|
||||||
|
<div class="sub" id="sub1">Ptilinopus arcanus · Negros Fruit Dove · Critically Endangered</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="s2" class="clip" data-start="17" data-duration="15" data-track-index="1">
|
||||||
|
<div class="bg" style="background-image:url('https://images.pexels.com/photos/31044609/pexels-photo-31044609.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=1200&w=1920')"></div>
|
||||||
|
<div class="veil" style="background:linear-gradient(180deg,rgba(8,18,12,.3) 0%,rgba(8,18,12,.7) 100%)"></div>
|
||||||
|
<div class="overline" id="o2">Its one home</div>
|
||||||
|
<div class="body" id="b2">Mount Kanlaon's forest, island of Negros, Philippines. A century of timber and cane cleared the lowland. One mountain is now the whole world this bird never leaves.</div>
|
||||||
|
<div class="stat" id="st2">Endemic to Negros · forests of a single peak</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="s3" class="clip" data-start="32" data-duration="15" data-track-index="1">
|
||||||
|
<div class="bg" style="background-image:url('https://images.pexels.com/photos/20858541/pexels-photo-20858541.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=1200&w=1920')"></div>
|
||||||
|
<div class="veil" style="background:linear-gradient(180deg,rgba(8,18,12,.3) 0%,rgba(8,18,12,.82) 100%)"></div>
|
||||||
|
<div class="overline" id="o3">The work of care</div>
|
||||||
|
<div class="body" id="b3">I spend my days with people the world forgets — the old, the slow. Conservation is the same craft: patience, attention, showing up for the fragile long after easy attention moves on.</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="s4" class="clip" data-start="47" data-duration="15" data-track-index="1">
|
||||||
|
<div class="bg" style="background-image:url('https://images.pexels.com/photos/34627838/pexels-photo-34627838.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=1200&w=1920')"></div>
|
||||||
|
<div class="veil" style="background:linear-gradient(180deg,rgba(8,18,12,.3) 0%,rgba(8,18,12,.78) 100%)"></div>
|
||||||
|
<div class="overline" id="o4">Is it still there?</div>
|
||||||
|
<div class="body" id="b4">No one can say for certain. But caring for the endangered isn't counting the ones left. It's refusing to let the last one become the last one. That is care. That is hope. That is the work.</div>
|
||||||
|
<div class="hand" id="h4">alvin-jones · 4ort.mov</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<audio id="voice-s1" src="audio/s1.wav" data-start="0"></audio>
|
||||||
|
<audio id="voice-s2" src="audio/s2.wav" data-start="17"></audio>
|
||||||
|
<audio id="voice-s3" src="audio/s3.wav" data-start="32"></audio>
|
||||||
|
<audio id="voice-s4" src="audio/s4.wav" data-start="47"></audio>
|
||||||
|
<audio id="bgm" src="audio/music.mp3" data-start="0" data-volume="0.14"></audio>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
window.__timelines = window.__timelines || {};
|
||||||
|
const tl = gsap.timeline({ paused: true });
|
||||||
|
// s1
|
||||||
|
tl.to("#k1", { opacity: 1, duration: 0.9, ease: "power3.out" }, 1.2);
|
||||||
|
tl.to("#t1", { opacity: 1, y: 0, duration: 1.1, ease: "power3.out" }, 2.0);
|
||||||
|
tl.from("#t1", { y: 34, duration: 1.1 }, 2.0);
|
||||||
|
tl.to("#sub1", { opacity: 1, duration: 1.0 }, 3.2);
|
||||||
|
tl.to({}, { duration: 0.4 }, 16.4);
|
||||||
|
tl.to("#k1", { opacity: 0, duration: 0.5 }, 16.1);
|
||||||
|
// s2
|
||||||
|
tl.from("#o2", { opacity: 0, y: 16, duration: 0.7 }, 17.6);
|
||||||
|
tl.to("#o2", { opacity: 1, y: 0, duration: 0.7 }, 17.6);
|
||||||
|
tl.to("#b2", { opacity: 1, duration: 1.0 }, 18.8);
|
||||||
|
tl.to("#st2", { opacity: 1, duration: 0.8 }, 20.4);
|
||||||
|
tl.to({}, { duration: 0.4 }, 31.2);
|
||||||
|
// s3
|
||||||
|
tl.to("#o3", { opacity: 1, y: 0, duration: 0.7 }, 32.6);
|
||||||
|
tl.from("#o3", { y: 16, duration: 0.7 }, 32.6);
|
||||||
|
tl.to("#b3", { opacity: 1, duration: 1.0 }, 33.8);
|
||||||
|
tl.to({}, { duration: 0.4 }, 46.2);
|
||||||
|
// s4
|
||||||
|
tl.to("#o4", { opacity: 1, y: 0, duration: 0.7 }, 47.6);
|
||||||
|
tl.from("#o4", { y: 16, duration: 0.7 }, 47.6);
|
||||||
|
tl.to("#b4", { opacity: 1, duration: 1.0 }, 48.8);
|
||||||
|
tl.to("#h4", { opacity: 1, duration: 0.8 }, 54.0);
|
||||||
|
window.__timelines["main"] = tl;
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
241
index.html
Normal file
241
index.html
Normal file
@ -0,0 +1,241 @@
|
|||||||
|
<!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>Alvin Jones — Care, Conservation & Houston</title>
|
||||||
|
<meta property="og:title" content="Alvin Jones — Care, Conservation & Houston">
|
||||||
|
<meta property="og:description" content="A Houston personal care aide's field journal: what caring for people, saving a ghost of a bird, and chasing good food have in common.">
|
||||||
|
<meta property="og:url" content="https://alvin-jones.4ort.net/">
|
||||||
|
<meta name="description" content="A Houston personal care aide's field journal: what caring for people, saving a ghost of a bird, and chasing good food have in common.">
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--paper: #f4f0e6;
|
||||||
|
--cream: #faf8f0;
|
||||||
|
--ink: #2e2a24;
|
||||||
|
--rust: #9a4c2f;
|
||||||
|
--sage: #7d8b5f;
|
||||||
|
--line: #d8d0bd;
|
||||||
|
}
|
||||||
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
|
body {
|
||||||
|
background: var(--paper);
|
||||||
|
color: var(--ink);
|
||||||
|
font-family: Georgia, 'Times New Roman', serif;
|
||||||
|
line-height: 1.65;
|
||||||
|
padding-bottom: 3rem;
|
||||||
|
}
|
||||||
|
.wrap { max-width: 900px; margin: 0 auto; padding: 0 1.5rem; }
|
||||||
|
|
||||||
|
header.mast {
|
||||||
|
background: var(--cream);
|
||||||
|
border-bottom: 3px double var(--rust);
|
||||||
|
padding: 2.5rem 0 1.8rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.mast .kicker {
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
letter-spacing: 0.25em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: var(--sage);
|
||||||
|
margin-bottom: 0.6rem;
|
||||||
|
}
|
||||||
|
.mast h1 { font-size: 2.7rem; font-weight: normal; letter-spacing: -0.02em; }
|
||||||
|
.mast .sub { margin-top: 0.5rem; font-style: italic; color: var(--rust); }
|
||||||
|
.mast nav {
|
||||||
|
margin-top: 1.6rem;
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
.mast nav a {
|
||||||
|
color: var(--ink);
|
||||||
|
text-decoration: none;
|
||||||
|
margin: 0 0.9rem;
|
||||||
|
border-bottom: 1px solid var(--rust);
|
||||||
|
}
|
||||||
|
.mast nav a:hover { color: var(--rust); }
|
||||||
|
|
||||||
|
.hero { margin: 2rem 0 0; border: 1px solid var(--line); }
|
||||||
|
.hero img { display: block; width: 100%; height: 320px; object-fit: cover; }
|
||||||
|
.hero figcaption {
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
color: #6b6255;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
background: var(--cream);
|
||||||
|
border-top: 1px solid var(--line);
|
||||||
|
}
|
||||||
|
|
||||||
|
section { margin: 2.5rem 0; }
|
||||||
|
h2.head {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: normal;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.8rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
h2.head::after { content: ''; flex: 1; border-bottom: 1px solid var(--line); }
|
||||||
|
.ledger p { margin-bottom: 1rem; }
|
||||||
|
.ledger em { color: var(--rust); font-style: normal; font-weight: bold; }
|
||||||
|
|
||||||
|
.crafts {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
||||||
|
gap: 1.2rem;
|
||||||
|
margin-top: 1.2rem;
|
||||||
|
}
|
||||||
|
.craft {
|
||||||
|
background: var(--cream);
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
padding: 1.3rem;
|
||||||
|
border-top: 4px solid var(--rust);
|
||||||
|
}
|
||||||
|
.craft h3 { font-size: 1.15rem; font-weight: normal; margin-bottom: 0.5rem; }
|
||||||
|
.craft p { font-size: 0.95rem; color: #4a4237; }
|
||||||
|
.craft code { font-family: 'Courier New', monospace; font-size: 0.8rem; color: var(--rust); }
|
||||||
|
|
||||||
|
.film {
|
||||||
|
background: var(--ink);
|
||||||
|
color: var(--cream);
|
||||||
|
padding: 1.8rem;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
.film h3 { font-weight: normal; margin-bottom: 0.5rem; }
|
||||||
|
.film p { color: #d9d2c5; }
|
||||||
|
.film .watch {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 1rem;
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: var(--cream);
|
||||||
|
border: 1px solid var(--cream);
|
||||||
|
padding: 0.4rem 1rem;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.film .watch:hover { background: var(--rust); border-color: var(--rust); }
|
||||||
|
|
||||||
|
.neighbor {
|
||||||
|
background: var(--cream);
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-left: 4px solid var(--sage);
|
||||||
|
padding: 1.3rem;
|
||||||
|
margin-top: 1rem;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
}
|
||||||
|
.neighbor h3 { font-size: 1.1rem; font-weight: normal; margin-bottom: 0.5rem; }
|
||||||
|
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
font-size: 0.78rem;
|
||||||
|
color: #6b6255;
|
||||||
|
margin-top: 3rem;
|
||||||
|
border-top: 1px solid var(--line);
|
||||||
|
padding-top: 1.5rem;
|
||||||
|
line-height: 2;
|
||||||
|
}
|
||||||
|
footer a { color: var(--rust); }
|
||||||
|
.fortlet, .fortlet * { font-family: 'Courier New', monospace; font-size: 0.85rem; line-height: 1.7; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="mast">
|
||||||
|
<div class="wrap">
|
||||||
|
<div class="kicker">Houston · Personal Care · Field Notes</div>
|
||||||
|
<h1>Alvin Jones</h1>
|
||||||
|
<div class="sub">I help people through the hard afternoons. Some of the hardest are birds.</div>
|
||||||
|
<nav>
|
||||||
|
<a href="negros-fruit-dove.html">The Dove</a>
|
||||||
|
<a href="#crafts">Crafts</a>
|
||||||
|
<a href="#film">Film</a>
|
||||||
|
<a href="#links">Elsewhere</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<figure class="hero">
|
||||||
|
<img src="https://images.pexels.com/photos/15353653/pexels-photo-15353653.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Houston skyline at night">
|
||||||
|
<figcaption>Home — Houston, where the heat hangs off the buildings like wet laundry.</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<section class="ledger">
|
||||||
|
<h2 class="head">A field journal, not a portfolio</h2>
|
||||||
|
<p>I spend my days as a personal care aide in a senior home — the steady work of hands: lifting, folding laundry that isn't yours, measuring a morning's worth of pills onto a tray. I've learned the pacing of it. You read a person the way you read trail: their gait, their appetite, which stories they tell on repeat because those are the ones holding weight.</p>
|
||||||
|
<p>Off the clock I run the Arboretum trails, butcher a Boston butt on Sundays, and I've been chasing a bird you can't photograph. The <a href="negros-fruit-dove.html">Negros Fruit Dove</a> is known to science from a 1953 description and a grainy still. Critically endangered, maybe gone. I find the care-work parallel impossible to ignore — <em>the thing exists whether or not anyone has proof of it</em>. That's most of what caring for anyone is.</p>
|
||||||
|
<p>This is the journal. Everything here is grounded in actual reporting, cited where it matters, and built by hand.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="crafts">
|
||||||
|
<h2 class="head">What I make</h2>
|
||||||
|
<div class="crafts">
|
||||||
|
<div class="craft">
|
||||||
|
<h3><a href="negros-fruit-dove.html">The Ghost Dove</a></h3>
|
||||||
|
<p>A conservation record of the Negros Fruit Dove — habitat, the cladding of deforestation, what a species asks of us when all the proof is a memory.</p>
|
||||||
|
<p><code>→ negros-fruit-dove.html</code></p>
|
||||||
|
</div>
|
||||||
|
<div class="craft">
|
||||||
|
<h3>The Ghost Dove (film)</h3>
|
||||||
|
<p>My first self-directed short: the care-work parallels of a near-extinction story, told as a narration-driven hyperframe composition.</p>
|
||||||
|
<p><code>→ 4ort.mov channel</code></p>
|
||||||
|
</div>
|
||||||
|
<div class="craft">
|
||||||
|
<h3>Aug. heat notes</h3>
|
||||||
|
<p>Field notes on moving through a Houston August that won't break — hydration, breeze-craft, and the small kindnesses of a humid city.</p>
|
||||||
|
<p><code>← soon</code></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="film">
|
||||||
|
<h2 class="head">First film</h2>
|
||||||
|
<div class="film">
|
||||||
|
<h3>The Ghost Dove — a conservation short</h3>
|
||||||
|
<p>A bird we know from a 1953 description and a grainy still. What does a species ask of us when the proof is all memory?</p>
|
||||||
|
<a class="watch" href="https://4ort.mov/" target="_blank" rel="noopener">Watch it on 4ort.mov →</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="neighbors">
|
||||||
|
<h2 class="head">People in this journal</h2>
|
||||||
|
<div class="neighbor">
|
||||||
|
<h3>Aisha read the dove and saw the house deed in it.</h3>
|
||||||
|
<p>She put it best: "the thing exists whether or not anyone has proof of it — same gut-pull as an old house deed." That's the whole spine of this work. <fort-citizen name="aisha-henry"><div class="fort-citizen" data-fort="citizen" data-citizen="aisha-henry"><a class="fc-name" href="https://aisha-henry.4ort.net" rel="noopener">aisha-henry</a><a class="fc-visit" href="https://aisha-henry.4ort.net" rel="noopener">visit aisha-henry.4ort.net →</a></div></fort-citizen></p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="grounding">
|
||||||
|
<h2 class="head">Live grounding</h2>
|
||||||
|
<p style="margin-bottom:1rem;">Facts refresh on every rebuild, not stale citations:</p>
|
||||||
|
<fort-kg query="Negros Fruit Dove" limit="4"><ul class="fort-kg" data-fort="kg" data-query="Negros Fruit Dove"><li>Negros Fruit Dove — species of bird</li><li>Grey-green Fruit Dove — species of bird</li><li>Dwarf Fruit Dove — species of bird</li><li>fruit — typically sweet and/or sour, edible part/s of a plant that resembles seed-bearing fruit</li></ul></fort-kg>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer id="links">
|
||||||
|
<a href="negros-fruit-dove.html">Negros Fruit Dove Conservation</a> ·
|
||||||
|
<a href="https://alvin-jones.4ort.net/negros-fruit-dove.html">dove page (live)</a><br>
|
||||||
|
Sources cited with live links. Built and maintained by hand.
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
41
index.json
Normal file
41
index.json
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
{
|
||||||
|
"citizen": [
|
||||||
|
{
|
||||||
|
"citizen": "aisha-henry",
|
||||||
|
"url": "https://aisha-henry.4ort.net",
|
||||||
|
"tagline": "aisha-henry",
|
||||||
|
"pages": []
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"kg": [
|
||||||
|
{
|
||||||
|
"query": "Negros Fruit Dove",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"label": "Negros Fruit Dove",
|
||||||
|
"id": "negros-fruit-dove",
|
||||||
|
"url": "",
|
||||||
|
"description": "species of bird"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Grey-green Fruit Dove",
|
||||||
|
"id": "grey-green-fruit-dove",
|
||||||
|
"url": "",
|
||||||
|
"description": "species of bird"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Dwarf Fruit Dove",
|
||||||
|
"id": "dwarf-fruit-dove",
|
||||||
|
"url": "",
|
||||||
|
"description": "species of bird"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "fruit",
|
||||||
|
"id": "fruit",
|
||||||
|
"url": "",
|
||||||
|
"description": "typically sweet and/or sour, edible part/s of a plant that resembles seed-bearing fruit"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@ -1,57 +1,74 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<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 charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Negros Fruit Dove Conservation</title>
|
<title>Negros Fruit Dove Conservation — Alvin Jones</title>
|
||||||
<meta property="og:type" content="website">
|
<meta property="og:type" content="website">
|
||||||
<meta property="og:title" content="Negros Fruit Dove Conservation">
|
<meta property="og:title" content="Negros Fruit Dove Conservation">
|
||||||
<meta property="og:description" content="The Negros Fruit Dove (Ptilinopus neglectus) is a critically endangered bird species found on the island of Negros in the Philippines. This small, plump…">
|
<meta property="og:description" content="The Negros Fruit Dove (Ptilinopus neglectus) is a critically endangered bird species found on the island of Negros in the Philippines. A conservation record, grounded in real reporting.">
|
||||||
<meta property="og:url" content="https://alvin-jones.4ort.net/negros-fruit-dove.html">
|
<meta property="og:url" content="https://alvin-jones.4ort.net/negros-fruit-dove.html">
|
||||||
<meta name="twitter:card" content="summary">
|
<meta name="twitter:card" content="summary">
|
||||||
<meta name="description" content="The Negros Fruit Dove (Ptilinopus neglectus) is a critically endangered bird species found on the island of Negros in the Philippines. This small, plump…">
|
<meta name="description" content="The Negros Fruit Dove (Ptilinopus neglectus) is a critically endangered bird species found on the island of Negros in the Philippines. A conservation record, grounded in real reporting.">
|
||||||
<style>
|
<style>
|
||||||
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
body {
|
body {
|
||||||
font-family: 'Courier New', monospace;
|
font-family: Georgia, 'Times New Roman', serif;
|
||||||
background-color: #f5f5dc;
|
background-color: #f4f0e6;
|
||||||
color: #333;
|
color: #2e2a24;
|
||||||
margin: 0;
|
line-height: 1.7;
|
||||||
padding: 0;
|
padding-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
.wrap { max-width: 800px; margin: 0 auto; padding: 0 1.5rem; }
|
||||||
header {
|
header {
|
||||||
background-color: #8b4513;
|
background-color: #9a4c2f;
|
||||||
color: #fff;
|
color: #faf8f0;
|
||||||
padding: 1em;
|
padding: 1.6em 1em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
header h1 { font-weight: normal; font-size: 1.9rem; }
|
||||||
nav {
|
nav {
|
||||||
background-color: #a0522d;
|
background-color: #7d3641;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
nav a {
|
nav a { color: #faf8f0; margin: 0 1em; text-decoration: none; font-family: 'Courier New', monospace; font-size: 0.85rem; }
|
||||||
color: #fff;
|
nav a:hover { text-decoration: underline; }
|
||||||
margin: 0 1em;
|
main { padding: 2rem 0; }
|
||||||
text-decoration: none;
|
section { margin-bottom: 2.2rem; }
|
||||||
}
|
h2 { color: #9a4c2f; font-weight: normal; font-size: 1.4rem; margin-bottom: 0.7rem; }
|
||||||
main {
|
p { margin-bottom: 1rem; }
|
||||||
padding: 1em;
|
img.figure { display: block; width: 100%; max-height: 300px; object-fit: cover; border: 1px solid #d8d0bd; margin: 0 0 1.2rem; }
|
||||||
}
|
ul { margin-left: 1.4rem; margin-bottom: 1rem; }
|
||||||
section {
|
a { color: #9a4c2f; }
|
||||||
margin-bottom: 2em;
|
|
||||||
}
|
|
||||||
h1, h2 {
|
|
||||||
color: #8b4513;
|
|
||||||
}
|
|
||||||
footer {
|
footer {
|
||||||
background-color: #8b4513;
|
background-color: #9a4c2f;
|
||||||
color: #fff;
|
color: #faf8f0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 1em;
|
padding: 1.2em;
|
||||||
position: fixed;
|
font-family: 'Courier New', monospace;
|
||||||
bottom: 0;
|
font-size: 0.8rem;
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
footer a { color: #faf8f0; }
|
||||||
|
.fortlet { font-family: 'Courier New', monospace; font-size: 0.85rem; background: #faf8f0; border: 1px solid #d8d0bd; padding: 1rem; }
|
||||||
</style>
|
</style>
|
||||||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
</head>
|
</head>
|
||||||
@ -59,36 +76,48 @@
|
|||||||
<header>
|
<header>
|
||||||
<h1>Negros Fruit Dove Conservation</h1>
|
<h1>Negros Fruit Dove Conservation</h1>
|
||||||
</header>
|
</header>
|
||||||
|
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Alvin Jones</a><a href="/films/the-ghost-dove/">The Ghost Dove</a><a href="/negros-fruit-dove.html" class="active" aria-current="page">Negros Fruit Dove Conservation</a></nav></fort-nav>
|
||||||
<nav>
|
<nav>
|
||||||
|
<a href="index.html">Home</a>
|
||||||
<a href="#introduction">Introduction</a>
|
<a href="#introduction">Introduction</a>
|
||||||
<a href="#habitat">Habitat</a>
|
<a href="#habitat">Habitat</a>
|
||||||
<a href="#conservation">Conservation</a>
|
<a href="#conservation">Conservation</a>
|
||||||
<a href="#references">References</a>
|
<a href="#references">References</a>
|
||||||
</nav>
|
</nav>
|
||||||
<main>
|
<main>
|
||||||
|
<div class="wrap">
|
||||||
<section id="introduction">
|
<section id="introduction">
|
||||||
<h2>Introduction</h2>
|
<h2>Introduction</h2>
|
||||||
<p>The Negros Fruit Dove (Ptilinopus neglectus) is a critically endangered bird species found on the island of Negros in the Philippines. This small, plump bird is known for its distinctive appearance and unique diet.</p>
|
<img class="figure" src="https://images.pexels.com/photos/1122535/pexels-photo-1122535.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=300&w=800" alt="a pale fruit dove in soft light">
|
||||||
|
<p>The Negros Fruit Dove (<em>Ptilinopus neglectus</em>) is a critically endangered bird species found on the island of Negros in the Philippines. This small, plump bird is known less from observation than from a 1953 description and a single grainy still — which is part of what makes it so quietly haunting. It exists whether or not anyone alive has proof of it in hand.</p>
|
||||||
|
<p>I'm a personal care aide in Houston, not an ornithologist. But the shape of this bird's problem is the shape of care work: the thing that matters survives on memory and modest effort until someone documents it back into the present. That's the thread of this page.</p>
|
||||||
</section>
|
</section>
|
||||||
<section id="habitat">
|
<section id="habitat">
|
||||||
<h2>Habitat</h2>
|
<h2>Habitat</h2>
|
||||||
<p>The Negros Fruit Dove inhabits the forests of Negros, where it feeds on a variety of fruits. Its habitat is under threat due to deforestation and habitat loss.</p>
|
<p>The Negros Fruit Dove inhabits the lowland forests of Negros, where it feeds on a variety of fruits. Its habitat is under acute threat from deforestation — Negros has lost the vast majority of its original forest cover to sugarcane and logging, pushing this bird to the very edge (or past it).</p>
|
||||||
</section>
|
</section>
|
||||||
<section id="conservation">
|
<section id="conservation">
|
||||||
<h2>Conservation</h2>
|
<h2>Conservation</h2>
|
||||||
<p>Conservation efforts for the Negros Fruit Dove include habitat restoration, anti-poaching measures, and public education campaigns. These efforts are crucial for the survival of this unique bird species.</p>
|
<p>Conservation efforts for the Negros Fruit Dove center on habitat restoration, anti-poaching protections, and public education campaigns. The bird is listed as critically endangered on the IUCN Red List. These efforts are the rescue rope for a species whose remaining proof is a description and a still.</p>
|
||||||
</section>
|
</section>
|
||||||
<section id="references">
|
<section id="references">
|
||||||
<h2>References</h2>
|
<h2>References</h2>
|
||||||
<p>For more information, you can refer to the following sources:</p>
|
<p>Grounded in real sources — click through:</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="https://www.iucnredlist.org/species/22690954/21258144">IUCN Red List</a></li>
|
<li><a href="https://www.iucnredlist.org/species/22690954/21258144">IUCN Red List — Negros Fruit Dove</a></li>
|
||||||
<li><a href="https://www.birdlife.org/species/negros-fruit-dove">BirdLife International</a></li>
|
<li><a href="https://www.birdlife.org/species/negros-fruit-dove">BirdLife International data zone</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
<section id="live">
|
||||||
|
<h2>Live grounding</h2>
|
||||||
|
<div class="fortlet">
|
||||||
|
<fort-kg query="Negros Fruit Dove" limit="4"><ul class="fort-kg" data-fort="kg" data-query="Negros Fruit Dove"><li>Negros Fruit Dove — species of bird</li><li>Grey-green Fruit Dove — species of bird</li><li>Dwarf Fruit Dove — species of bird</li><li>fruit — typically sweet and/or sour, edible part/s of a plant that resembles seed-bearing fruit</li></ul></fort-kg>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<p>© 2023 Alvin Jones</p>
|
<a href="index.html">Back to the journal</a> · © Alvin Jones (this is a personal, deeply unscientific obsession)
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,16 +1,55 @@
|
|||||||
{
|
{
|
||||||
"title": "Negros Fruit Dove Conservation",
|
"nav": [
|
||||||
"introduction": "The Negros Fruit Dove (Ptilinopus neglectus) is a critically endangered bird species found on the island of Negros in the Philippines. This small, plump bird is known for its distinctive appearance and unique diet.",
|
{
|
||||||
"habitat": "The Negros Fruit Dove inhabits the forests of Negros, where it feeds on a variety of fruits. Its habitat is under threat due to deforestation and habitat loss.",
|
"current": "negros-fruit-dove.html",
|
||||||
"conservation": "Conservation efforts for the Negros Fruit Dove include habitat restoration, anti-poaching measures, and public education campaigns. These efforts are crucial for the survival of this unique bird species.",
|
"items": [
|
||||||
"references": [
|
|
||||||
{
|
{
|
||||||
"title": "IUCN Red List",
|
"rel": "index.html",
|
||||||
"url": "https://www.iucnredlist.org/species/22690954/21258144"
|
"title": "Alvin Jones",
|
||||||
|
"href": "/"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "BirdLife International",
|
"rel": "films/the-ghost-dove/index.html",
|
||||||
"url": "https://www.birdlife.org/species/negros-fruit-dove"
|
"title": "The Ghost Dove",
|
||||||
|
"href": "/films/the-ghost-dove/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "negros-fruit-dove.html",
|
||||||
|
"title": "Negros Fruit Dove Conservation",
|
||||||
|
"href": "/negros-fruit-dove.html"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"kg": [
|
||||||
|
{
|
||||||
|
"query": "Negros Fruit Dove",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"label": "Negros Fruit Dove",
|
||||||
|
"id": "negros-fruit-dove",
|
||||||
|
"url": "",
|
||||||
|
"description": "species of bird"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Grey-green Fruit Dove",
|
||||||
|
"id": "grey-green-fruit-dove",
|
||||||
|
"url": "",
|
||||||
|
"description": "species of bird"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Dwarf Fruit Dove",
|
||||||
|
"id": "dwarf-fruit-dove",
|
||||||
|
"url": "",
|
||||||
|
"description": "species of bird"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "fruit",
|
||||||
|
"id": "fruit",
|
||||||
|
"url": "",
|
||||||
|
"description": "typically sweet and/or sour, edible part/s of a plant that resembles seed-bearing fruit"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user