inherentlee/leecat.art-site
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

drone build Sun Sep 20 15:08:31 PDT 2026

Browse Source
This commit is contained in:
inherentlee
2026-09-20 22:08:31 +00:00
parent 1d51eaebec
commit 207d8c1cd5
731 changed files with 8308 additions and 5281 deletions
Download Patch File Download Diff File Expand all files Collapse all files
siblinghood-of-the-traveling-greeting-card/index.html
+154 -38
View File
@@ -40,7 +40,80 @@
<style>.post-metadata {
<style>#toc {
float: right;
margin: 1rem 0 1.5rem 1.5rem;
width: min(calc(100% - 1.5rem), 23rem);
/* 23rem is the width of the words 'table of contents' in my header font */
/* yes, it's a bit hacky */
}
@media (max-width: 850px) {
#toc {
float: unset;
margin-top: 2rem;
margin-left: .5rem;
width: calc(100% - .5rem);
}
}
#toc details {
border: thick solid var(--color-pink);
border-radius: 1rem;
margin-top: 1rem;
}
#toc summary {
position: relative;
top: -1.5rem;
left: -.75rem;
width: fit-content;
background: var(--color-bg);
border-radius: .5rem;
}
#toc summary:focus-visible {
outline: .15rem solid var(--color-teal);
}
#toc summary::marker {
font-size: 2.35rem;
}
#toc h2 {
margin-top: 0;
display: inline;
line-height: normal;
}
#toc nav {
position: relative;
top: -1.25rem;
}
#toc li {
margin-block: .45rem 0;
}
@media (max-width: 650px) {
#toc nav > ol {
margin-left: .5rem;
}
}
/* basically we want to style this `ol` as a `ul` */
#toc ol > li {
list-style: disc;
}
#toc ol > li > ol > li {
list-style: circle;
}
#toc ol > li > ol > li > ol > li {
list-style: square;
}
.post-metadata {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
color-scheme: light dark;
--font-family: 'Atkinson Hyperlegible Next', sans-serif;
/* if you change the header font, go to post-toc.css and fuck about with the width
of the table of contents */
--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
}
/* Base */
* {
box-sizing: border-box;
margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
<heading-anchors content="<i class='fa-solid fa-anchor'></i>">
<article data-pagefind-body="">
<h1 id="siblinghood-of-the-traveling-greeting-card">siblinghood of the traveling greeting card</h1>
<h1>siblinghood of the traveling greeting card</h1>
<div class="post-metadata">
<p>
@@ -1843,36 +1917,77 @@ switch (currentThemeValue) {
<img class="hero" src="/img/rockery.jpg" alt="Image unrelated to post. A surprisingly neat pile of rounded beach rocks, mainly speckly grey-white-bluish ones, with trees in the background." loading="lazy" decoding="async" width="1000" height="1000">
<p>welcome to the siblinghood of the traveling greeting card. it now has a home at <a href="https://siblinghood.quest" target="_blank" rel="external">siblinghood.quest</a>.</p>
<aside id="toc">
<details>
<summary><h2>table of contents</h2></summary>
<nav class="toc">
<ol>
<li><a href="#objective">objective</a>
</li>
<li><a href="#outline">outline</a>
<ol>
<li><a href="#timeline">timeline</a>
</li>
<li><a href="#participants">participants</a>
</li>
<li><a href="#on-randomization">on randomization</a>
</li>
<li><a href="#card-guidelines">card guidelines</a>
</li>
<li><a href="#address-privacy">address privacy</a>
</li>
</ol>
</li>
<li><a href="#what-i'll-need-from-participants">what I'll need from participants</a>
<ol>
<li><a href="#signing-the-card">signing the card</a>
</li>
<li><a href="#mailing-it-back-out">mailing it back out</a>
</li>
<li><a href="#status-checks">status checks</a>
</li>
</ol>
</li>
<li><a href="#what-i'll-send-participants">what I'll send participants</a>
<ol>
<li><a href="#guidelines">guidelines</a>
</li>
<li><a href="#recipient-and-loop-order-assignment">recipient and loop order assignment</a>
</li>
<li><a href="#reminders">reminders</a>
</li>
</ol>
</li>
<li><a href="#i-want-in!">I want in!</a>
</li>
</ol>
</nav>
</details>
</aside>
<p>welcome to the siblinghood of the traveling greeting card. it now has a home at <a href="https://siblinghood.quest" target="_blank" rel="external">siblinghood.quest</a>.</p>
<p>originated on the fediverse - see the <a href="https://flipping.rocks/tags/siblinghoodOfTheTravelingGreetingCard" target="_blank" rel="external">#siblinghoodOfTheTravelingGreetingCard hashtag</a> - with original idea thanks to <a href="https://scholar.social/@noctiluca" target="_blank" rel="external">noctiluca@scholar.social</a></p>
<h2 id="table-of-contents">table of contents</h2>
<ul>
<li><a href="#objective">objective</a></li>
<li><a href="#outline">outline</a>
<ul>
<li><a href="#timeline">timeline</a></li>
<li><a href="#participants">participants</a></li>
<li><a href="#on-randomization">on randomization</a></li>
<li><a href="#card-guidelines">card guidelines</a></li>
<li><a href="#address-privacy">address privacy</a></li>
</ul>
</li>
<li><a href="#what-ill-need-from-participants">what I'll need from participants</a>
<ul>
<li><a href="#signing-the-card">signing the card</a></li>
<li><a href="#mailing-it-back-out">mailing it back out</a></li>
<li><a href="#status-checks">status checks</a></li>
</ul>
</li>
<li><a href="#what-ill-send-participants">what I'll send participants</a>
<ul>
<li><a href="#guidelines">guidelines</a></li>
<li><a href="#recipient-and-loop-order-assignment">recipient and loop order assignment</a></li>
<li><a href="#reminders">reminders</a></li>
</ul>
</li>
<li><a href="#i-want-in">I want in!</a></li>
</ul>
<h2 id="objective">objective</h2>
<p>send a greeting card around the world. maybe more than one. we'll see.</p>
<h2 id="outline">outline</h2>
@@ -1897,7 +2012,7 @@ switch (currentThemeValue) {
<li>the person who is sending directly to you</li>
<li>if you put a return address (which I really would recommend), your recipient</li>
</ul>
<h2 id="what-i-ll-need-from-participants">what I'll need from participants</h2>
<h2 id="what-i'll-need-from-participants">what I'll need from participants</h2>
<h3 id="signing-the-card">signing the card</h3>
<p>Sign in any way you find meaningful. Please don't hog the card space - remember that as many as ~2 dozen people will be signing it!</p>
<p><strong>IMPORTANT!</strong> Only put a name, nickname, doodle, fedi handle, etc. on the card that you are comfortable having displayed publicly. In any posts that I make, it will not be directly connected to you. However, as this likely has a small cohort, please be aware that how you sign could be tied back to your fedi account.</p>
@@ -1909,18 +2024,19 @@ switch (currentThemeValue) {
<li>2 emails, one on receipt and one on re-sending. This allows me to check in on progress and ensure the card doesn't get too stalled, or lost.</li>
<li>more optionally, but fun for seeing how things are going: a picture of the card (<strong>not</strong> the envelope!)</li>
</ul>
<h2 id="what-i-ll-send-participants">what I'll send participants</h2>
<h2 id="what-i'll-send-participants">what I'll send participants</h2>
<h3 id="guidelines">guidelines</h3>
<p>all guidelines (which you can always find here!) will be repeated over email so you have a local copy. They may <em>additionally</em> be ported over to a standalone site if we find we want somewhere not-on-this-website for pictures and travel deets (don't worry, no addresses. Nothing more specific than country or state).</p>
<h3 id="recipient-and-loop-order-assignment">recipient and loop order assignment</h3>
<p>each participant will be sent the name and address of the next person in the loop. They will <em>also</em> be sent their place in the loop, numbered from <strong>0</strong>.</p>
<h3 id="reminders">reminders</h3>
<p>I'll be doing my level best to track the card's movement, so as it is sent around (assuming I get check-ins from y'all! please help me out here!) I will send out reminders to folks to either check their mail or make sure the card gets sent out again. Some folks have specifically asked for this support and I don't want to let them down, so more communication is always better.</p>
<h2 id="i-want-in">I want in!</h2>
<h2 id="i-want-in!">I want in!</h2>
<p>read all that? too long, didn't bother? either way.</p>
<p><a href="https://airtable.com/appdoHZsRDUzgYu9q/pagsr9LVAqKx29gDl/form" target="_blank" rel="external">sign up for the siblinghood of the traveling greeting card</a></p>
<p>(if airtable is for any reason inaccessible to you, please <a href="/contact">reach out directly</a>)</p>
</article>
@@ -1958,12 +2074,12 @@ switch (currentThemeValue) {
<section class="related-posts">
<h2 data-ha-exclude="" id="related-posts">related posts</h2>
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/fountain-pen-friendly-stationery/">
<h2 data-ha-exclude="" id="fountain-pen-friendly-stationery">fountain pen-friendly stationery </h2>
<h2 data-ha-exclude="">fountain pen-friendly stationery </h2>
<ul class="postlist-tags">
@@ -2027,6 +2143,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/siblinghood-of-the-traveling-greeting-card/` was built on 2026-09-20T00:40:39.762Z -->
<!-- This page `/siblinghood-of-the-traveling-greeting-card/` was built on 2026-09-20T22:08:14.586Z -->
</body>
</html>