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

This commit is contained in:
2026-04-27 08:03:45 -07:00
parent e73ccbadc9
commit e87a453d31
2 changed files with 105 additions and 66 deletions

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 634 KiB

View File

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<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">
@ -9,12 +10,15 @@
<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: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: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" />
<meta property="og:image:alt"
content="blue and gold icon showing a greeting card with wings" />
<!-- CSS -->
<link rel="stylesheet" href="/assets/styles/main.css">
@ -23,47 +27,81 @@
<!-- JS -->
<script src="/assets/scripts/nav.js" defer></script>
</head>
<body>
</head>
<body>
<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" />
<img id="logo-dark" src="/assets/img/logo-dark.png" alt="blue and gold icon showing a greeting card with wings" />
<img id="logo-light" src="/assets/img/logo-light.png"
alt="blue and gold icon showing a greeting card with wings" />
<img id="logo-dark" src="/assets/img/logo-dark.png"
alt="blue and gold icon showing a greeting card with wings" />
</header>
<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>
<p><span class="card">Card two</span> has 16 total recipients. Its journey
began in early January, 2026.</p>
<ol>
<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>
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
<circle stroke="none" cx="16" cy="16" r="10"></circle>
</svg>
<h2>Oregon, USA</h2>
<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)"/>
<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)" />
</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>
<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>
<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."/>
<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." />
</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>
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
<circle stroke="none" cx="16" cy="16" r="10"></circle>
</svg>
<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>
<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"/>
<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>
<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>
<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>
@ -71,5 +109,6 @@
</main>
<footer id="footer"><!-- auto populated by nav.js --></footer>
</body>
</body>
</html>