1
0
forked from jason/scj
Files
scj-impec/scj/care-sheet.html
Jason Stedwell 7593fb46cf initial build
2026-06-30 22:23:36 -05:00

108 lines
6.7 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Jumping Spider Care Sheet — Storm Cloud Jumpers</title>
<meta name="description" content="Printable care sheet for captive-raised Phidippus jumping spiders from Storm Cloud Jumpers." />
<link rel="icon" type="image/jpeg" href="assets/brand/favicon-180.jpg" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Oswald:wght@600;700&display=swap" rel="stylesheet" />
<style>
:root{ --red:#e02828; --ink:#141414; --soft:#444; --line:#e2e2e2; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:'Inter',system-ui,sans-serif; color:var(--ink); background:#f4f4f5; line-height:1.6; }
.sheet{ max-width:820px; margin:24px auto; background:#fff; box-shadow:0 10px 40px rgba(0,0,0,.12); }
.top{ background:#0a0a0a; color:#fff; padding:26px 34px; display:flex; align-items:center; gap:18px; }
.top img{ width:64px; height:64px; border-radius:10px; }
.top h1{ font-family:'Oswald',sans-serif; font-size:1.7rem; letter-spacing:.03em; margin:0; text-transform:uppercase; }
.top p{ margin:4px 0 0; color:#c9ccd3; font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; }
.body{ padding:30px 34px 12px; }
.intro{ color:var(--soft); border-left:3px solid var(--red); padding-left:16px; margin:0 0 26px; }
h2{ font-family:'Oswald',sans-serif; text-transform:uppercase; letter-spacing:.03em; font-size:1.15rem; margin:26px 0 8px; color:#000; border-bottom:2px solid var(--line); padding-bottom:6px; }
h2 .n{ color:var(--red); margin-right:8px; }
p{ margin:0 0 12px; }
ul{ margin:0 0 12px; padding-left:20px; }
li{ margin-bottom:5px; }
.quick{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px 26px; background:#faf6f6; border:1px solid #f0dede; border-radius:12px; padding:18px 22px; margin:0 0 24px; }
.quick div{ font-size:.92rem; }
.quick b{ color:var(--red); display:block; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.foot{ padding:18px 34px 30px; border-top:1px solid var(--line); color:var(--soft); font-size:.85rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.foot a{ color:var(--red); }
.actions{ max-width:820px; margin:0 auto 40px; text-align:center; }
.btn{ display:inline-block; background:var(--red); color:#fff; border:0; font:600 .85rem/1 'Inter',sans-serif; letter-spacing:.08em; text-transform:uppercase; padding:13px 26px; border-radius:999px; cursor:pointer; text-decoration:none; }
.back{ display:inline-block; margin-left:12px; color:#555; font-size:.85rem; }
@media print{
body{ background:#fff; }
.sheet{ box-shadow:none; margin:0; max-width:none; }
.actions{ display:none; }
.top{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}
</style>
</head>
<body>
<article class="sheet">
<header class="top">
<img src="assets/brand/logo-white.jpg" alt="Storm Cloud Jumpers" />
<div>
<h1>Jumping Spider Care Sheet</h1>
<p>Storm Cloud Jumpers · Small Size · Big Personality</p>
</div>
</header>
<div class="body">
<p class="intro">Congratulations on your new captive-raised jumper! <em>Phidippus</em> jumping spiders are curious, personable, and easy to care for. Here's everything you need to keep yours thriving.</p>
<div class="quick">
<div><b>Temperature</b> 7282°F (room temp)</div>
<div><b>Humidity</b> Moderate; higher around molts</div>
<div><b>Enclosure</b> Vertical &amp; well-ventilated</div>
<div><b>Slings (i36)</b> A 3×3&quot; cube is perfect</div>
<div><b>Feeders</b> Hydei fruit flies, PBL, crickets, BSFL</div>
<div><b>Critical molts</b> i5 &amp; i7 — extra humidity</div>
</div>
<h2><span class="n">1.</span>Enclosure &amp; Playground</h2>
<p>Jumpers are climbers — go <b>vertical</b> and well-ventilated. Slings (instar 36) are happy in a small 3×3&quot; cube; adults enjoy a roomy front-opening enclosure. Decorate it like a little playground: cork bark, fake or live foliage, and a cozy spot up high where they'll build a silk hammock.</p>
<h2><span class="n">2.</span>Substrate &amp; Soft Landings</h2>
<p>Line the floor with soft <b>sphagnum moss</b> or another reptile-safe moss. It holds a bit of humidity and cushions your jumper if it ever takes a fall.</p>
<h2><span class="n">3.</span>Temperature &amp; Humidity</h2>
<p>Normal room temperature (7282°F) is ideal — no special heating for most homes. Keep humidity moderate: mist <b>one side</b> of the enclosure a few times a week so there's always a dry side too. Never soak it, and always keep good airflow. Nudge humidity up slightly when a molt is near.</p>
<h2><span class="n">4.</span>Feeding</h2>
<ul>
<li><b>Slings:</b> <em>hydei</em> fruit flies, offered every 23 days.</li>
<li><b>Peanut beetle larvae (PBL):</b> a newer, excellent feeder — highly recommended.</li>
<li><b>Larger jumpers:</b> appropriately sized crickets or black soldier fly larvae (BSFL) every few days.</li>
<li>Remove any uneaten prey so it can't stress or nip your spider.</li>
</ul>
<h2><span class="n">5.</span>Molting — the Important Part</h2>
<p>Molts are how your jumper grows, and they're most delicate at <b>instar 5 and instar 7</b>. Around these times:</p>
<ul>
<li>Raise humidity a little.</li>
<li>Your jumper will seal itself into its hammock and stop eating — <b>this is normal.</b></li>
<li><b>Do not disturb or try to remove it.</b> Molting is fragile.</li>
<li>After it emerges, <b>wait a few days before feeding</b> so its new fangs can harden. Then resume feeding.</li>
</ul>
<h2><span class="n">6.</span>Handling</h2>
<p>Jumpers are famously personable. Handle low and slow, over a soft surface, and always let them come to you. Never handle a spider that's in pre-molt or hiding in its hammock.</p>
</div>
<footer class="foot">
<span>Questions? <a href="mailto:stormcloudjumpers@gmail.com">stormcloudjumpers@gmail.com</a></span>
<span><a href="https://jumpers.stormcloudhills.com">jumpers.stormcloudhills.com</a> · <a href="https://www.facebook.com/61591317309985/">Facebook</a></span>
</footer>
</article>
<div class="actions">
<button class="btn" onclick="window.print()">Print / Save as PDF</button>
<a class="back" href="index.html">← Back to site</a>
</div>
</body>
</html>