Compare commits

...

4 Commits

Author SHA1 Message Date
702b248663 note about weight 2026-01-07 15:02:31 -08:00
c6515d18a6 readme 2026-01-07 15:00:34 -08:00
4e5f7f52d1 editorconfig and spaces -> tabs 2026-01-07 14:59:26 -08:00
058fc17f89 card three page 2026-01-07 14:58:47 -08:00
11 changed files with 464 additions and 393 deletions

9
.editorconfig Normal file
View File

@ -0,0 +1,9 @@
root = true
[*]
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
charset = utf-8
indent_style = tab
indent_size = 2

9
README.md Normal file
View File

@ -0,0 +1,9 @@
# README
Website for Siblinghood of the Traveling Greeting Card.
[siblinghood.quest](https://siblinghood.quest)
## Editing in VSCode
This project has an [`.editorconfig` file](.editorconfig). To utilize this in VSCode, install the ["Editorconfig" extension](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig).

View File

@ -6,12 +6,12 @@
<meta charset="utf-8">
<!-- Meta -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="canonical" href="/" />
<link rel="canonical" href="/card-one" />
<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:url" content="/card-one" />
<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" />

42
card-three/index.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>card three'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-three" />
<meta name="description" content="card three's travels | siblinghood of the traveling greeting card" />
<meta name="robots" content="index,follow" />
<meta property="og:title" content="card three's travels | siblinghood of the traveling greeting card" />
<meta property="og:type" content="article" />
<meta property="og:url" content="/card-three" />
<meta property="og:description" content="card three'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="/styles/main.css">
<link rel="stylesheet" href="/styles/cards.css">
<link rel="stylesheet" href="/styles/nav.css">
<!-- JS -->
<script src="/scripts/nav.js" defer></script>
</head>
<body>
<header>
<nav id="top-nav"><!-- auto populated by nav.js --></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 id="main">
<h1>The Travels of <span class="card">Card Three</span></h1>
<p>4 people are signed up for <span class="card">card three</span> so far.</p>
</main>
<footer id="footer"><!-- auto populated by nav.js --></footer>
</body>
</html>

View File

@ -6,12 +6,12 @@
<meta charset="utf-8">
<!-- Meta -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="canonical" href="/" />
<link rel="canonical" href="/card-two" />
<meta name="description" content="card two's travels | siblinghood of the traveling greeting card" />
<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="/" />
<meta property="og:url" content="/card-two" />
<meta property="og:description" content="card two'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" />
@ -36,6 +36,13 @@
<p><span class="card">Card two</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>Oregon, USA</h2>
<img src="/img/two/00.jpg" alt="an open greeting card, blank except for some small writing that reads 'Hello from Oregon, USA! -freddie (#0)"/>
</li>
</ol>
</main>
<footer id="footer"><!-- auto populated by nav.js --></footer>

BIN
img/two/00.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

View File

@ -60,7 +60,7 @@
<p>I will edit the list as needed to accommodate any mailing restrictions. I will also re-roll if I am placed first on the list.</p>
<h3>card guidelines</h3>
<p>4x6 inches/10x15 centimeters minimum size recommended so there is space for everyone to sign. Must not require an unusual envelope e.g. square or similar.</p>
<p>4x6 inches/10x15 centimeters minimum size recommended so there is space for everyone to sign. Must not require an unusual envelope e.g. square or similar. Must meet letter rates so nothing too heavy.</p>
<h3>address privacy</h3>
<p>the only people who will see your address are:</p>

View File

@ -7,6 +7,10 @@ const cards = [
{
title: "card two",
href: "/card-two/"
},
{
title: "card three",
href: "/card-three/"
}
]