inherentlee/siblinghood
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add stops 5 and 6 plus picture for 6 (also autoformat lol)

Browse Source
This commit is contained in:
Lee Cattarin
2026-04-27 08:03:45 -07:00
parent e73ccbadc9
commit e87a453d31
2 changed files with 105 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/img/two/06.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 634 KiB

171
card-two/index.html
View File

@ -1,75 +1,114 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<title>card two's travels | siblinghood of the traveling greeting card</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<!-- Meta -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="canonical" href="/card-two" />
<meta name="description" content="watch greeting card two travel the world" />
<meta name="robots" content="index,follow" />
<meta property="og:title" content="card two's travels | siblinghood of the traveling greeting card" />
<meta property="og:type" content="article" />
<meta property="og:url" content="/card-two" />
<meta property="og:description" content="watch greeting card two travel the world" />
<meta property="og:image" content="/assets/img/logo-light.png" />
<meta property="og:image:alt" content="blue and gold icon showing a greeting card with wings" />
<!-- CSS --> <head>
<link rel="stylesheet" href="/assets/styles/main.css"> <title>card two's travels | siblinghood of the traveling greeting card</title>
<link rel="stylesheet" href="/assets/styles/cards.css"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/styles/nav.css"> <meta charset="utf-8">
<!-- Meta -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="canonical" href="/card-two" />
<meta name="description" content="watch greeting card two travel the world" />
<meta name="robots" content="index,follow" />
<meta property="og:title"
content="card two's travels | siblinghood of the traveling greeting card" />
<meta property="og:type" content="article" />
<meta property="og:url" content="/card-two" />
<meta property="og:description"
content="watch greeting card two travel the world" />
<meta property="og:image" content="/assets/img/logo-light.png" />
<meta property="og:image:alt"
content="blue and gold icon showing a greeting card with wings" />
<!-- JS --> <!-- CSS -->
<script src="/assets/scripts/nav.js" defer></script> <link rel="stylesheet" href="/assets/styles/main.css">
</head> <link rel="stylesheet" href="/assets/styles/cards.css">
<body> <link rel="stylesheet" href="/assets/styles/nav.css">
<header>
<nav id="top-nav"><!-- auto populated by nav.js --></nav>
<img id="logo-light" src="/assets/img/logo-light.png" alt="blue and gold icon showing a greeting card with wings" /> <!-- JS -->
<img id="logo-dark" src="/assets/img/logo-dark.png" alt="blue and gold icon showing a greeting card with wings" /> <script src="/assets/scripts/nav.js" defer></script>
</header> </head>
<main id="main">
<h1>The Travels of <span class="card">Card Two</span></h1>
<p><span class="card">Card two</span> has 16 total recipients. Its journey began in early January, 2026.</p> <body>
<header>
<nav id="top-nav"><!-- auto populated by nav.js --></nav>
<ol> <img id="logo-light" src="/assets/img/logo-light.png"
<li class="stop"> alt="blue and gold icon showing a greeting card with wings" />
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg> <img id="logo-dark" src="/assets/img/logo-dark.png"
<h2>Oregon, USA</h2> alt="blue and gold icon showing a greeting card with wings" />
<img src="/assets/img/two/00.jpg" alt="an open greeting card, blank except for some small writing that reads 'Hello from Oregon, USA! -freddie (#0)"/> </header>
</li> <main id="main">
<li class="stop"> <h1>The Travels of <span class="card">Card Two</span></h1>
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg>
<h2>Sweden</h2> <p><span class="card">Card two</span> has 16 total recipients. Its journey
<img src="/assets/img/two/01.jpg" alt="a close crop of the front of a card, indicating maybe a picture of a cat and a question mark."/> began in early January, 2026.</p>
</li>
<li class="stop"> <ol>
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg> <li class="stop">
<h2>France</h2> <svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
<div class="spacer"></div> <circle stroke="none" cx="16" cy="16" r="10"></circle>
</li> </svg>
<li class="stop"> <h2>Oregon, USA</h2>
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg> <img src="/assets/img/two/00.jpg"
<h2>Netherlands</h2> alt="an open greeting card, blank except for some small writing that reads 'Hello from Oregon, USA! -freddie (#0)" />
<img src="/assets/img/two/03.jpg" alt="the inside of the card with several signatures: freddie, herzleid, laen, and flann"/> </li>
</li> <li class="stop">
<li class="stop"> <svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg> <circle stroke="none" cx="16" cy="16" r="10"></circle>
<h2>New Zealand</h2> </svg>
<div class="spacer"></div> <h2>Sweden</h2>
</li> <img src="/assets/img/two/01.jpg"
<li class="stop"> alt="a close crop of the front of a card, indicating maybe a picture of a cat and a question mark." />
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg> </li>
<h2>???</h2> <li class="stop">
<div class="spacer"></div> <svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
</li> <circle stroke="none" cx="16" cy="16" r="10"></circle>
</ol> </svg>
</main> <h2>France</h2>
<div class="spacer"></div>
</li>
<li class="stop">
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
<circle stroke="none" cx="16" cy="16" r="10"></circle>
</svg>
<h2>Netherlands</h2>
<img src="/assets/img/two/03.jpg"
alt="the inside of the card with several signatures: freddie, herzleid, laen, and flann" />
</li>
<li class="stop">
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
<circle stroke="none" cx="16" cy="16" r="10"></circle>
</svg>
<h2>New Zealand</h2>
<div class="spacer"></div>
</li>
<li class="stop">
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
<circle stroke="none" cx="16" cy="16" r="10"></circle>
</svg>
<h2>United Kingdom</h2>
<div class="spacer"></div>
</li>
<li class="stop">
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
<circle stroke="none" cx="16" cy="16" r="10"></circle>
</svg>
<h2>Nova Scotia, Canada</h2>
<img src="/assets/img/two/06.jpg"
alt="a piece of paper that says in all caps, sticker trove, with a mostly hidden pile of stickers underneath" />
</li>
<li class="stop">
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
<circle stroke="none" cx="16" cy="16" r="10"></circle>
</svg>
<h2>???</h2>
<div class="spacer"></div>
</li>
</ol>
</main>
<footer id="footer"><!-- auto populated by nav.js --></footer>
</body>
<footer id="footer"><!-- auto populated by nav.js --></footer>
</body>
</html> </html>