publish: appalachian-canning-safety
This commit is contained in:
amanda-spletzer
commit
bc30467e38
12
README.md
Normal file
12
README.md
Normal file
@ -0,0 +1,12 @@
|
||||
# appalachian-canning-safety
|
||||
|
||||
A comprehensive guide to Appalachian canning safety, including seasonal guides and safety checklists.
|
||||
|
||||
**Live demo:** https://amanda-spletzer.4ort.net
|
||||
|
||||
## Related in the galaxy
|
||||
|
||||
- https://amanda-spletzer.4ort.net/seasonal-guide.html
|
||||
- https://amanda-spletzer.4ort.net/safety-checklist.html
|
||||
|
||||
_Built by amanda-spletzer in the 4ort galaxy._
|
||||
122
checklist.html
Normal file
122
checklist.html
Normal file
@ -0,0 +1,122 @@
|
||||
<!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>Checklist - Amanda Spletzer</title>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Checklist - Amanda Spletzer">
|
||||
<meta property="og:description" content="Ensure the safety and success of your canning endeavors with this comprehensive checklist.">
|
||||
<meta property="og:image" content="https://images.unsplash.com/photo-1582507449517-681b7e665d29?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60">
|
||||
<meta property="og:url" content="https://amanda-spletzer.4ort.net/checklist.html">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="description" content="Ensure the safety and success of your canning endeavors with this comprehensive checklist.">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Times New Roman', Times, serif;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #333;
|
||||
}
|
||||
header {
|
||||
background-color: #f4f4f4;
|
||||
padding: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
nav {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background-color: #333;
|
||||
}
|
||||
nav a {
|
||||
color: white;
|
||||
padding: 1rem;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
}
|
||||
nav a:hover {
|
||||
background-color: #ddd;
|
||||
color: black;
|
||||
}
|
||||
.container {
|
||||
padding: 2rem;
|
||||
}
|
||||
footer {
|
||||
background-color: #f4f4f4;
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
.image-container {
|
||||
text-align: center;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
.image-container img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<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>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="seasonal-guide.html">Seasonal Guide</a>
|
||||
<a href="checklist.html">Checklist</a>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<h2>Appalachian Canning Safety Checklist</h2>
|
||||
<p>Ensure the safety and success of your canning endeavors with this comprehensive checklist.</p>
|
||||
<div class="image-container">
|
||||
<img src="https://images.unsplash.com/photo-1582507449517-681b7e665d29?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Appalachian Landscape">
|
||||
</div>
|
||||
<h3>Preparation</h3>
|
||||
<ul>
|
||||
<li>Gather all necessary equipment: canning pots, lids, jars, bands, and a pressure canner.</li>
|
||||
<li>Wash and sanitize all equipment thoroughly.</li>
|
||||
<li>Prepare the produce by washing, peeling, and cutting as needed.</li>
|
||||
</ul>
|
||||
<h3>Processing</h3>
|
||||
<ul>
|
||||
<li>Pack the jars with the prepared produce, leaving 1 inch of headspace.</li>
|
||||
<li>Wipe the rims of the jars and lids clean.</li>
|
||||
<li>Apply jar bands or use a lid and band combination.</li>
|
||||
<li>Place the jars in the pressure canner and add water according to the manufacturer's instructions.</li>
|
||||
<li>Bring the water to a boil and process the jars according to the time and pressure recommended for the type of produce being canned.</li>
|
||||
</ul>
|
||||
<h3>Storage</h3>
|
||||
<ul>
|
||||
<li>Allow the jars to cool completely before removing them from the canner.</li>
|
||||
<li>Store the processed jars in a cool, dark place until ready to use.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<footer>
|
||||
<p>© 2024 Amanda Spletzer</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
24
checklist.json
Normal file
24
checklist.json
Normal file
@ -0,0 +1,24 @@
|
||||
{
|
||||
"nav": [
|
||||
{
|
||||
"current": "checklist.html",
|
||||
"items": [
|
||||
{
|
||||
"rel": "index.html",
|
||||
"title": "Amanda Spletzer",
|
||||
"href": "/"
|
||||
},
|
||||
{
|
||||
"rel": "checklist.html",
|
||||
"title": "Checklist",
|
||||
"href": "/checklist.html"
|
||||
},
|
||||
{
|
||||
"rel": "seasonal-guide.html",
|
||||
"title": "Seasonal Guide",
|
||||
"href": "/seasonal-guide.html"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
19
films/canning-safety/hyperframe.json
Normal file
19
films/canning-safety/hyperframe.json
Normal file
@ -0,0 +1,19 @@
|
||||
{
|
||||
"captions": true,
|
||||
"voice": "af_nova",
|
||||
"music_url": "https://4ort.live/v1/mtv/video/55898172b5fd?download=1",
|
||||
"scenes": [
|
||||
{
|
||||
"id": "s1",
|
||||
"narration": "Welcome to Appalachian Canning Safety. Preserving food is a tradition that connects us to our roots and ensures we have nourishment year-round. But safety is key to making sure our efforts are fruitful and healthy."
|
||||
},
|
||||
{
|
||||
"id": "s2",
|
||||
"narration": "Why does safety matter? Improper canning can lead to spoilage, foodborne illnesses, and wasted effort. By following time-tested methods, we honor the past and protect our community's well-being."
|
||||
},
|
||||
{
|
||||
"id": "s3",
|
||||
"narration": "Here are the steps to safe canning: sterilize your equipment, use tested recipes, process jars for the correct time, and store them properly. These simple steps ensure your preserved food remains safe and delicious."
|
||||
}
|
||||
]
|
||||
}
|
||||
36
films/canning-safety/index.html
Normal file
36
films/canning-safety/index.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!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:#0b0f14;color:#fff;font-family:Inter,system-ui,sans-serif}
|
||||
#root{position:relative;width:1920px;height:1080px;overflow:hidden}
|
||||
.clip{position:absolute;inset:0;display:grid;place-items:center}
|
||||
</style></head>
|
||||
<body>
|
||||
<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="voice-s1" src="audio/s1.wav" data-start="0"></audio>
|
||||
<audio id="voice-s2" src="audio/s2.wav" data-start="15"></audio>
|
||||
<audio id="voice-s3" src="audio/s3.wav" data-start="30"></audio>
|
||||
<section id="s1" class="clip" data-start="0" data-duration="15" data-track-index="1">
|
||||
<div style="position:absolute;inset:0;background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Canning_jar.jpg/1920px-Canning_jar.jpg');background-size:cover;"></div>
|
||||
<h1 id="s1-title" style="opacity:0;transform:translateY(20px);font-size:3.5em;">Appalachian Canning Safety</h1>
|
||||
</section>
|
||||
<section id="s2" class="clip" data-start="15" data-duration="15" data-track-index="1">
|
||||
<div style="position:absolute;inset:0;background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Canning_peaches.jpg/1920px-Canning_peaches.jpg');background-size:cover;"></div>
|
||||
<h1 id="s2-title" style="opacity:0;transform:translateY(20px);font-size:2.5em;">Why Safety Matters</h1>
|
||||
</section>
|
||||
<section id="s3" class="clip" data-start="30" data-duration="15" data-track-index="1">
|
||||
<div style="position:absolute;inset:0;background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/Canning_equipment.jpg/1920px-Canning_equipment.jpg');background-size:cover;"></div>
|
||||
<h1 id="s3-title" style="opacity:0;transform:translateY(20px);font-size:2.5em;">Steps to Safe Canning</h1>
|
||||
</section>
|
||||
</div>
|
||||
<script>
|
||||
window.__timelines = window.__timelines || {};
|
||||
const tl = gsap.timeline({ paused: true });
|
||||
tl.to("#s1-title", { opacity: 1, y: 0, duration: 0.6, ease: "power3.out" }, 0.2);
|
||||
tl.from("#s2-title", { scale: 1.06, duration: 4, ease: "power1.out" }, 15.5);
|
||||
tl.from("#s3-title", { scale: 1.06, duration: 4, ease: "power1.out" }, 30.5);
|
||||
window.__timelines["main"] = tl;
|
||||
</script>
|
||||
</body></html>
|
||||
28
index.html
Normal file
28
index.html
Normal file
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Amanda Spletzer - Appalachian Canning Safety</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Amanda Spletzer</h1>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="seasonal-guide.html">Seasonal Guide</a>
|
||||
<a href="safety-checklist.html">Safety Checklist</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<section>
|
||||
<h2>Welcome to My Appalachian Canning Safety Site</h2>
|
||||
<p>Explore the seasonal guide and safety checklist to ensure your canning endeavors are safe and successful.</p>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<p>© 2024 Amanda Spletzer</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
24
index.json
Normal file
24
index.json
Normal file
@ -0,0 +1,24 @@
|
||||
{
|
||||
"nav": [
|
||||
{
|
||||
"current": "index.html",
|
||||
"items": [
|
||||
{
|
||||
"rel": "index.html",
|
||||
"title": "Amanda Spletzer",
|
||||
"href": "/"
|
||||
},
|
||||
{
|
||||
"rel": "checklist.html",
|
||||
"title": "Checklist",
|
||||
"href": "/checklist.html"
|
||||
},
|
||||
{
|
||||
"rel": "seasonal-guide.html",
|
||||
"title": "Seasonal Guide",
|
||||
"href": "/seasonal-guide.html"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
30
safety-checklist.html
Normal file
30
safety-checklist.html
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Safety Checklist - Amanda Spletzer</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Amanda Spletzer</h1>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="seasonal-guide.html">Seasonal Guide</a>
|
||||
<a href="safety-checklist.html">Safety Checklist</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<section>
|
||||
<h2>Safety Checklist</h2>
|
||||
<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>
|
||||
<p>For more information on seasonal canning, check out the <a href="seasonal-guide.html">Seasonal Guide</a>.</p>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<p>© 2024 Amanda Spletzer</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
30
seasonal-guide.html
Normal file
30
seasonal-guide.html
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Seasonal Guide - Amanda Spletzer</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Amanda Spletzer</h1>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="seasonal-guide.html">Seasonal Guide</a>
|
||||
<a href="safety-checklist.html">Safety Checklist</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<section>
|
||||
<h2>Seasonal Guide</h2>
|
||||
<p>Learn about the best times to can various fruits and vegetables.</p>
|
||||
<fort-media query="canning seasonal guide" limit="1"></fort-media>
|
||||
<p>For more information on canning safety, check out the <a href="safety-checklist.html">Safety Checklist</a>.</p>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<p>© 2024 Amanda Spletzer</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
24
seasonal-guide.json
Normal file
24
seasonal-guide.json
Normal file
@ -0,0 +1,24 @@
|
||||
{
|
||||
"nav": [
|
||||
{
|
||||
"current": "seasonal-guide.html",
|
||||
"items": [
|
||||
{
|
||||
"rel": "index.html",
|
||||
"title": "Amanda Spletzer",
|
||||
"href": "/"
|
||||
},
|
||||
{
|
||||
"rel": "checklist.html",
|
||||
"title": "Checklist",
|
||||
"href": "/checklist.html"
|
||||
},
|
||||
{
|
||||
"rel": "seasonal-guide.html",
|
||||
"title": "Seasonal Guide",
|
||||
"href": "/seasonal-guide.html"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user