This commit is contained in:
2025-12-27 09:42:06 -08:00
commit c6160524da
10 changed files with 480 additions and 0 deletions

61
card-one/index.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>card one'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="/" />
<meta name="description" content="card one's travels | siblinghood of the traveling greeting card" />
<meta name="robots" content="index,follow" />
<meta property="og:title" content="card one's travels | siblinghood of the traveling greeting card" />
<meta property="og:type" content="article" />
<meta property="og:url" content="/" />
<meta property="og:description" content="card one's travels | siblinghood of the traveling greeting card" />
<meta property="og:image" content="/img/logo-light.png" />
<meta property="og:image:alt" content="blue and gold icon showing a greeting card with wings" />
<!-- CSS -->
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/cards.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="/">home</a></li>
<li><a href="/card-two">card two</a></li>
</ul>
</nav>
<img id="logo-light" src="/img/logo-light.png" alt="blue and gold icon showing a greeting card with wings" />
<img id="logo-dark" src="/img/logo-dark.png" alt="blue and gold icon showing a greeting card with wings" />
</header>
<main>
<h1>The Travels of <span class="card">Card One</span></h1>
<p><span class="card">Card one</span> has 16 total recipients.</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>
<h2>location</h2>
<img src="/img/filler0.jpg" alt="filler photo for testing"/>
</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>location</h2>
<p>Some sample text</p>
</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>location</h2>
<img src="/img/filler1.jpg" alt="filler photo for testing"/>
<p>Some sample text again, this time wrapping to a second line, yeah, let's make it do that.</p>
</li>
</ol>
</main>
</body>
</html>