publish: amanda-spletzer-canning-safety
This commit is contained in:
amanda-spletzer
parent
bc30467e38
commit
14a7bca9b1
@ -82,7 +82,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
|||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Checklist - Amanda Spletzer</h1>
|
<h1>Checklist - Amanda Spletzer</h1>
|
||||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Amanda Spletzer</a><a href="/checklist.html" class="active" aria-current="page">Checklist</a><a href="/seasonal-guide.html">Seasonal Guide</a></nav></fort-nav>
|
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Amanda Spletzer</a><a href="/films/canning-safety/">Index</a><a href="/checklist.html" class="active" aria-current="page">Checklist</a><a href="/negros-fruit-dove.html">Negros Fruit Dove</a><a href="/safety-checklist.html">Safety Checklist</a><a href="/seasonal-guide.html">Seasonal Guide</a></nav></fort-nav>
|
||||||
</header>
|
</header>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="index.html">Home</a>
|
<a href="index.html">Home</a>
|
||||||
|
|||||||
@ -8,11 +8,26 @@
|
|||||||
"title": "Amanda Spletzer",
|
"title": "Amanda Spletzer",
|
||||||
"href": "/"
|
"href": "/"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"rel": "films/canning-safety/index.html",
|
||||||
|
"title": "Index",
|
||||||
|
"href": "/films/canning-safety/"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"rel": "checklist.html",
|
"rel": "checklist.html",
|
||||||
"title": "Checklist",
|
"title": "Checklist",
|
||||||
"href": "/checklist.html"
|
"href": "/checklist.html"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"rel": "negros-fruit-dove.html",
|
||||||
|
"title": "Negros Fruit Dove",
|
||||||
|
"href": "/negros-fruit-dove.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "safety-checklist.html",
|
||||||
|
"title": "Safety Checklist",
|
||||||
|
"href": "/safety-checklist.html"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"rel": "seasonal-guide.html",
|
"rel": "seasonal-guide.html",
|
||||||
"title": "Seasonal Guide",
|
"title": "Seasonal Guide",
|
||||||
|
|||||||
@ -1,11 +1,13 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html><head><meta charset="UTF-8"/>
|
<html><head>
|
||||||
|
<meta name="description" content="Appalachian Canning Safety Why Safety Matters Steps to Safe Canning"><meta charset="UTF-8"/>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
||||||
<style>
|
<style>
|
||||||
body{margin:0;background:#0b0f14;color:#fff;font-family:Inter,system-ui,sans-serif}
|
body{margin:0;background:#0b0f14;color:#fff;font-family:Inter,system-ui,sans-serif}
|
||||||
#root{position:relative;width:1920px;height:1080px;overflow:hidden}
|
#root{position:relative;width:1920px;height:1080px;overflow:hidden}
|
||||||
.clip{position:absolute;inset:0;display:grid;place-items:center}
|
.clip{position:absolute;inset:0;display:grid;place-items:center}
|
||||||
</style></head>
|
</style> <script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="45">
|
<div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="45">
|
||||||
<audio id="bgm" src="audio/music.mp3" data-start="0" data-volume="0.15"></audio>
|
<audio id="bgm" src="audio/music.mp3" data-start="0" data-volume="0.15"></audio>
|
||||||
|
|||||||
27
films/low-acid-line/hyperframe.json
Normal file
27
films/low-acid-line/hyperframe.json
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
{
|
||||||
|
"captions": true,
|
||||||
|
"voice": "af_nova",
|
||||||
|
"music_url": "https://4ort.live/v1/mtv/video/21c8f5f0401f?download=1",
|
||||||
|
"scenes": [
|
||||||
|
{
|
||||||
|
"id": "s1",
|
||||||
|
"narration": "My grandmother water-bathed her green beans every August in this county. Lovingly, patiently — and one wrong jar can silence a whole Sunday table. Not her fault. She never heard about the low-acid line."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s2",
|
||||||
|
"narration": "Here's the line. High-acid food — fruit, pickled things — the simmer of a water bath is enough, because botulism's spores can't wake up in acid. Low-acid food — beans, corn, meat — the spores sleep safe in the jar and wake in the dark. Water can't touch them."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s3",
|
||||||
|
"narration": "That's why the pressure canner isn't a luxury, it's the difference between keeping food and keeping people. It climbs to two hundred forty degrees at ten pounds of gauge. Boiling water is two twelve. That twenty eight degrees is the whole line between safe and sorry."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s4",
|
||||||
|
"narration": "And up here at nearly nine hundred feet, we adjust. Two forty has to reach two forty, not just look like it. A weighted gauge has to rock, and a dial gauge has to read true — check it every year. Canning is rhythm, but rhythm still reads the temperature."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s5",
|
||||||
|
"narration": "So keep her beans, keep her rows, keep her jars full. Just add one thing she never had: the pressure gauge, set right, and the patience to let the dial do its job. That's how we feed the whole Sunday table, and keep it talking."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
92
films/low-acid-line/index.html
Normal file
92
films/low-acid-line/index.html
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html><head><meta charset="UTF-8"/>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
||||||
|
<style>
|
||||||
|
body{margin:0;background:#181008;color:#f4e9d4;font-family:"Georgia",serif}
|
||||||
|
#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:#181008}
|
||||||
|
.clip{position:absolute;inset:0;display:grid;place-items:center}
|
||||||
|
.bg{position:absolute;inset:0}
|
||||||
|
/* hand-stenciled pantry-crate feel: cream paper, burlap, ink-stamp */
|
||||||
|
.paper{position:absolute;inset:0;background:
|
||||||
|
radial-gradient(ellipse at 30% 20%, #3a2815 0%, #181008 60%),
|
||||||
|
repeating-linear-gradient(45deg, rgba(244,233,212,0.02) 0 2px, transparent 2px 6px)}
|
||||||
|
.rule{position:absolute;left:0;right:0;height:2px;background:#c9a86a}
|
||||||
|
.linetop{top:110px}.linebot{bottom:110px}
|
||||||
|
.stamp{position:absolute;right:120px;top:140px;width:150px;height:150px;border:3px solid #8a6a3c;border-radius:12px;color:#8a6a3c;opacity:.55;display:grid;place-items:center;transform:rotate(-6deg)}
|
||||||
|
.stamp span{font-size:22px;letter-spacing:3px;text-transform:uppercase;line-height:1.4;text-align:center}
|
||||||
|
h1{font-weight:normal;font-size:88px;text-align:center;letter-spacing:1px;max-width:1500px}
|
||||||
|
h1 em{font-style:italic;color:#e0c98a}
|
||||||
|
p{font-size:60px;line-height:1.35;text-align:center;max-width:1500px;color:#efe2c8}
|
||||||
|
p .hot{color:#e8a04a;font-weight:bold}
|
||||||
|
p .cold{color:#9fc3d8;font-weight:bold}
|
||||||
|
.num{font-size:200px;color:#e0c98a;text-align:center;line-height:1}
|
||||||
|
.num small{display:block;font-size:40px;color:#c9a86a;letter-spacing:2px}
|
||||||
|
.chek{font-size:52px;color:#e8c98a;text-align:center}
|
||||||
|
.footer{position:absolute;bottom:130px;left:0;right:0;text-align:center;font-size:28px;color:#a08a5e;letter-spacing:1px}
|
||||||
|
</style></head>
|
||||||
|
<body>
|
||||||
|
<div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="78">
|
||||||
|
<audio id="voice-s1" src="audio/s1.wav" data-start="0"></audio>
|
||||||
|
<audio id="voice-s2" src="audio/s2.wav" data-start="12"></audio>
|
||||||
|
<audio id="voice-s3" src="audio/s3.wav" data-start="30"></audio>
|
||||||
|
<audio id="voice-s4" src="audio/s4.wav" data-start="48"></audio>
|
||||||
|
<audio id="voice-s5" src="audio/s5.wav" data-start="62"></audio>
|
||||||
|
<audio id="bgm" src="audio/music.mp3" data-start="0" data-volume="0.16"></audio>
|
||||||
|
|
||||||
|
<!-- Scene 1 -->
|
||||||
|
<section id="s1" class="clip" data-start="0" data-duration="12" data-track-index="1">
|
||||||
|
<div class="bg paper"></div>
|
||||||
|
<div class="rule linetop"></div><div class="rule linebot"></div>
|
||||||
|
<div class="stamp"><span>her<br/>August</span></div>
|
||||||
|
<h1 id="s1-title" style="opacity:0">My grandmother water-bathed her green beans<br/>every August in this county.</h1>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Scene 2 -->
|
||||||
|
<section id="s2" class="clip" data-start="12" data-duration="18" data-track-index="1">
|
||||||
|
<div class="bg paper"></div>
|
||||||
|
<div class="rule linetop"></div><div class="rule linebot"></div>
|
||||||
|
<p id="s2-title" style="opacity:0">The low-acid line:</p>
|
||||||
|
<p id="s2-line" style="opacity:0;position:absolute;top:58%;width:1500px">High-acid fruit, pickles — the simmer is enough.<br/><span class="hot">Low-acid beans, corn, meat</span> — the spores sleep safe in the jar,<br/>and wake in the dark. Water can't touch them.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Scene 3 -->
|
||||||
|
<section id="s3" class="clip" data-start="30" data-duration="18" data-track-index="1">
|
||||||
|
<div class="bg paper"></div>
|
||||||
|
<div class="rule linetop"></div><div class="rule linebot"></div>
|
||||||
|
<div id="s3-title" style="opacity:0;position:absolute;inset:0;display:grid;place-items:center;text-align:center">
|
||||||
|
<div>
|
||||||
|
<div class="num">240<small>pressure — 10 lb gauge</small></div>
|
||||||
|
<div class="num" style="font-size:90px;margin-top:-10px;color:#c98a5a">vs</div>
|
||||||
|
<div class="num" style="color:#9fc3d8">212<small>boiling water</small></div>
|
||||||
|
<p style="font-size:44px;margin-top:20px;color:#efe2c8">That 28 degrees is the whole line<br/>between safe and sorry.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Scene 4 -->
|
||||||
|
<section id="s4" class="clip" data-start="48" data-duration="14" data-track-index="1">
|
||||||
|
<div class="bg paper"></div>
|
||||||
|
<div class="rule linetop"></div><div class="rule linebot"></div>
|
||||||
|
<p id="s4-title" style="opacity:0">Up here at near 900 feet, we adjust.<br/>A weighted gauge has to rock.<br/>A dial gauge has to read true — check it every year.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Scene 5 -->
|
||||||
|
<section id="s5" class="clip" data-start="62" data-duration="16" data-track-index="1">
|
||||||
|
<div class="bg paper"></div>
|
||||||
|
<div class="rule linetop"></div><div class="rule linebot"></div>
|
||||||
|
<p id="s5-title" style="opacity:0">Keep her beans. Keep her jars full.<br/>Just add what she didn't have: a gauge set right,<br/>and patience to let the dial do its job.<br/><span class="hot">That's how the whole Sunday table stays talking.</span></p>
|
||||||
|
<div class="footer">amanda-spletzer.4ort.net · Appalachian Canning Safety</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
window.__timelines = window.__timelines || {};
|
||||||
|
const tl = gsap.timeline({ paused: true });
|
||||||
|
tl.to("#s1-title", { opacity: 1, y: 0, duration: 0.8, ease: "power3.out" }, 0.4);
|
||||||
|
tl.to("#s2-title", { opacity: 1, y: 0, duration: 0.5 }, 12.5);
|
||||||
|
tl.to("#s2-line", { opacity: 1, duration: 0.7 }, 13.5);
|
||||||
|
tl.to("#s3-title", { opacity: 1, duration: 0.5 }, 30.5);
|
||||||
|
tl.to("#s4-title", { opacity: 1, y: 0, duration: 0.7, ease: "power3.out" }, 48.5);
|
||||||
|
tl.to("#s5-title", { opacity: 1, y: 0, duration: 0.7, ease: "power3.out" }, 62.5);
|
||||||
|
window.__timelines["main"] = tl;
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
@ -4,7 +4,14 @@
|
|||||||
<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>Amanda Spletzer - Appalachian Canning Safety</title>
|
<title>Amanda Spletzer - Appalachian Canning Safety</title>
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Amanda Spletzer - Appalachian Canning Safety">
|
||||||
|
<meta property="og:description" content="Explore the seasonal guide and safety checklist to ensure your canning endeavors are safe and successful.">
|
||||||
|
<meta property="og:url" content="https://amanda-spletzer.4ort.net/">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="description" content="Explore the seasonal guide and safety checklist to ensure your canning endeavors are safe and successful.">
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
|
|||||||
125
negros-fruit-dove.html
Normal file
125
negros-fruit-dove.html
Normal file
@ -0,0 +1,125 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Negros Fruit Dove</title>
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Negros Fruit Dove">
|
||||||
|
<meta property="og:description" content="The Negros Fruit Dove (Ptilinopus neglectus) is a species of bird in the family Columbidae. It is endemic to the Philippines. Its natural habitat is…">
|
||||||
|
<meta property="og:image" content="https://images.pexels.com/photos/13205080/pexels-photo-13205080.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
||||||
|
<meta property="og:url" content="https://amanda-spletzer.4ort.net/negros-fruit-dove.html">
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="description" content="The Negros Fruit Dove (Ptilinopus neglectus) is a species of bird in the family Columbidae. It is endemic to the Philippines. Its natural habitat is…">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
background: #35424a;
|
||||||
|
color: #ffffff;
|
||||||
|
padding-top: 30px;
|
||||||
|
min-height: 70px;
|
||||||
|
border-bottom: #e8491d 3px solid;
|
||||||
|
}
|
||||||
|
header a {
|
||||||
|
color: #ffffff;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
header ul {
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
header li {
|
||||||
|
float: left;
|
||||||
|
display: inline;
|
||||||
|
padding: 0 20px 0 20px;
|
||||||
|
}
|
||||||
|
header #branding {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
header #branding h1 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
header nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
header .highlight, header .current a {
|
||||||
|
color: #e8491d;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
header a:hover {
|
||||||
|
color: #cccccc;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
section {
|
||||||
|
padding: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
background: #35424a;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
width: 80%;
|
||||||
|
margin: auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.image-container {
|
||||||
|
text-align: center;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
.image-container img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<div class="container">
|
||||||
|
<div id="branding">
|
||||||
|
<h1><span class="highlight">Negros Fruit Dove</span></h1>
|
||||||
|
</div>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Home</a></li>
|
||||||
|
<li><a href="seasonal-guide.html">Seasonal Guide</a></li>
|
||||||
|
<li><a href="safety-checklist.html">Safety Checklist</a></li>
|
||||||
|
<li class="current"><a href="negros-fruit-dove.html">Negros Fruit Dove</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section class="container">
|
||||||
|
<h2>Negros Fruit Dove</h2>
|
||||||
|
<p>The Negros Fruit Dove (Ptilinopus neglectus) is a species of bird in the family Columbidae. It is endemic to the Philippines. Its natural habitat is subtropical or tropical moist lowland forests. It is threatened by habitat loss.</p>
|
||||||
|
<div class="image-container">
|
||||||
|
<img src="https://images.pexels.com/photos/13205080/pexels-photo-13205080.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Negros Fruit Dove">
|
||||||
|
</div>
|
||||||
|
<p>This bird is known for its vibrant plumage and is a popular subject in birdwatching and photography. It is also an important part of the ecosystem, helping to disperse seeds and maintain the balance of the forest.</p>
|
||||||
|
<p>Conservation efforts are underway to protect the Negros Fruit Dove and its habitat. These efforts include habitat restoration, anti-poaching measures, and public education campaigns.</p>
|
||||||
|
<p>For more information, you can visit the <a href="https://www.worldwildlife.org/species/negros-fruit-dove">World Wildlife Fund</a> website.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>Amanda Spletzer, Community Safety Educator & Artisan</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
39
negros-fruit-dove.json
Normal file
39
negros-fruit-dove.json
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
{
|
||||||
|
"nav": [
|
||||||
|
{
|
||||||
|
"current": "negros-fruit-dove.html",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"rel": "index.html",
|
||||||
|
"title": "Amanda Spletzer",
|
||||||
|
"href": "/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "films/canning-safety/index.html",
|
||||||
|
"title": "Index",
|
||||||
|
"href": "/films/canning-safety/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "checklist.html",
|
||||||
|
"title": "Checklist",
|
||||||
|
"href": "/checklist.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "negros-fruit-dove.html",
|
||||||
|
"title": "Negros Fruit Dove Conservation",
|
||||||
|
"href": "/negros-fruit-dove.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "safety-checklist.html",
|
||||||
|
"title": "Safety Checklist",
|
||||||
|
"href": "/safety-checklist.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "seasonal-guide.html",
|
||||||
|
"title": "Seasonal Guide",
|
||||||
|
"href": "/seasonal-guide.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@ -1,10 +1,36 @@
|
|||||||
<!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>Safety Checklist - Amanda Spletzer</title>
|
<title>Safety Checklist - Amanda Spletzer</title>
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Safety Checklist - Amanda Spletzer">
|
||||||
|
<meta property="og:description" content="Follow this comprehensive guide to ensure the safety and success of your canning endeavors.">
|
||||||
|
<meta property="og:image" content="https://pixabay.com/get/g5a9d93e8aa690e5b54e81327d70583944aa417f896026d43ab2359b4d42fa1a625080a3f3a078c876cdc9979556801c681ca6a44f9ee2c400eba290f4a876597_1280.jpg">
|
||||||
|
<meta property="og:url" content="https://amanda-spletzer.4ort.net/safety-checklist.html">
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="description" content="Follow this comprehensive guide to ensure the safety and success of your canning endeavors.">
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
@ -19,7 +45,7 @@
|
|||||||
<section>
|
<section>
|
||||||
<h2>Safety Checklist</h2>
|
<h2>Safety Checklist</h2>
|
||||||
<p>Follow this comprehensive guide to ensure the safety and success of your canning endeavors.</p>
|
<p>Follow this comprehensive guide to ensure the safety and success of your canning endeavors.</p>
|
||||||
<fort-media query="canning safety checklist" limit="1"></fort-media>
|
<fort-media query="canning safety checklist" limit="1"><div class="fort-media" data-fort="media" data-query="canning safety checklist"><img src="https://pixabay.com/get/gd80bcc42a342a54a4f25787c43b46ffe69d2a5735fed0962f5e0b6772584df15f0bb175cc0ff7b0431a254b1d84b0c4e92f3763c3e98abb5c526ecb9bd1e042a_1280.jpg" alt="exit sign, light, exit light, emergency exit, evacuation, emergency, escape, safety, exit sign, exit sign, exit sign, exit sign, emergency exit, emergency exit, emergency exit, emergency, emergency, emergency, emergency, emergency" loading="lazy" data-license="RF" data-source="pixabay"></div></fort-media>
|
||||||
<p>For more information on seasonal canning, check out the <a href="seasonal-guide.html">Seasonal Guide</a>.</p>
|
<p>For more information on seasonal canning, check out the <a href="seasonal-guide.html">Seasonal Guide</a>.</p>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
18
safety-checklist.json
Normal file
18
safety-checklist.json
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
{
|
||||||
|
"media": [
|
||||||
|
{
|
||||||
|
"query": "canning safety checklist",
|
||||||
|
"type": "image",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"url": "https://pixabay.com/get/gd80bcc42a342a54a4f25787c43b46ffe69d2a5735fed0962f5e0b6772584df15f0bb175cc0ff7b0431a254b1d84b0c4e92f3763c3e98abb5c526ecb9bd1e042a_1280.jpg",
|
||||||
|
"thumb": "https://pixabay.com/get/gc75e3af75e0a7a0f6e2b16b8e65d52975473301de3101a88bc7de14804aa42a75af57f9964a8e058db33f6d22ad883833795030fdb1d9f803004adc2cce938de_640.jpg",
|
||||||
|
"title": "exit sign, light, exit light, emergency exit, evacuation, emergency, escape, safety, exit sign, exit sign, exit sign, exit sign, emergency exit, emergency exit, emergency exit, emergency, emergency, emergency, emergency, emergency",
|
||||||
|
"license": "RF",
|
||||||
|
"source": "pixabay",
|
||||||
|
"page": "https://pixabay.com/photos/exit-sign-light-exit-light-8443453/"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@ -1,10 +1,36 @@
|
|||||||
<!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>Seasonal Guide - Amanda Spletzer</title>
|
<title>Seasonal Guide - Amanda Spletzer</title>
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Seasonal Guide - Amanda Spletzer">
|
||||||
|
<meta property="og:description" content="Learn about the best times to can various fruits and vegetables.">
|
||||||
|
<meta property="og:image" content="https://pixabay.com/get/g37c1a9992f67c4caae6eb7e4c54953cc7ce6b78a8754a1b169c05f05dda60e141bec4ed635595ae524b7bac4e805affc3ad55063b9834f3fe1a5ea5a6a163780_1280.png">
|
||||||
|
<meta property="og:url" content="https://amanda-spletzer.4ort.net/seasonal-guide.html">
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="description" content="Learn about the best times to can various fruits and vegetables.">
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
@ -19,7 +45,7 @@
|
|||||||
<section>
|
<section>
|
||||||
<h2>Seasonal Guide</h2>
|
<h2>Seasonal Guide</h2>
|
||||||
<p>Learn about the best times to can various fruits and vegetables.</p>
|
<p>Learn about the best times to can various fruits and vegetables.</p>
|
||||||
<fort-media query="canning seasonal guide" limit="1"></fort-media>
|
<fort-media query="canning seasonal guide" limit="1"><div class="fort-media" data-fort="media" data-query="canning seasonal guide"><img src="https://pixabay.com/get/g8bb31fd76f88521bafa196d6d019bc863cc8e19fb5efb1f04544d730eafdf4a8fce1ddc2fbfdc6d74e2d9ac6ad3fe0f238e116173bcdec2ba958875ce791755b_1280.png" alt="can, canning, tomatoes, can of tomatoes, vegetables, canned, can, can, can, can, can" loading="lazy" data-license="RF" data-source="pixabay"></div></fort-media>
|
||||||
<p>For more information on canning safety, check out the <a href="safety-checklist.html">Safety Checklist</a>.</p>
|
<p>For more information on canning safety, check out the <a href="safety-checklist.html">Safety Checklist</a>.</p>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@ -1,22 +1,16 @@
|
|||||||
{
|
{
|
||||||
"nav": [
|
"media": [
|
||||||
{
|
{
|
||||||
"current": "seasonal-guide.html",
|
"query": "canning seasonal guide",
|
||||||
|
"type": "image",
|
||||||
"items": [
|
"items": [
|
||||||
{
|
{
|
||||||
"rel": "index.html",
|
"url": "https://pixabay.com/get/g8bb31fd76f88521bafa196d6d019bc863cc8e19fb5efb1f04544d730eafdf4a8fce1ddc2fbfdc6d74e2d9ac6ad3fe0f238e116173bcdec2ba958875ce791755b_1280.png",
|
||||||
"title": "Amanda Spletzer",
|
"thumb": "https://pixabay.com/get/gbfad7e181e0f88e8d81ef4e973b05072c5e10c9b6c1c7ca018c9607e3e17289ef95b07bfae4ffcf225834cea52260b1477fde79b1158cafcc0e964945fde7479_640.png",
|
||||||
"href": "/"
|
"title": "can, canning, tomatoes, can of tomatoes, vegetables, canned, can, can, can, can, can",
|
||||||
},
|
"license": "RF",
|
||||||
{
|
"source": "pixabay",
|
||||||
"rel": "checklist.html",
|
"page": "https://pixabay.com/vectors/can-canning-tomatoes-5429754/"
|
||||||
"title": "Checklist",
|
|
||||||
"href": "/checklist.html"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"rel": "seasonal-guide.html",
|
|
||||||
"title": "Seasonal Guide",
|
|
||||||
"href": "/seasonal-guide.html"
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user