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

Compare commits

base: inherentlee:702b248663df20783e14306e346afd9373889ac7
Branches Tags
inherentlee:main
...
compare: inherentlee:9839a4ef9da89d96f0ace8d01cd0e6f140c08045
Branches Tags
inherentlee:main

2 Commits
702b248663 ... 9839a4ef9d

Author SHA1 Message Date
Lee Cattarin
9839a4ef9d reorg files to put things in assets dir 2026-01-08 16:24:44 -08:00
Lee Cattarin
6f0ca3c92c add to footer and move footer css to proper place 2026-01-08 16:20:24 -08:00
12 changed files with 53 additions and 50 deletions
Expand all files Collapse all files

0
img/logo-dark.png → assets/img/logo-dark.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 999 KiB

After

Width:  |  Height:  |  Size: 999 KiB

0
img/logo-light.png → assets/img/logo-light.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 1.0 MiB

0
img/one/00.jpg → assets/img/one/00.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 972 KiB

After

Width:  |  Height:  |  Size: 972 KiB

0
img/two/00.jpg → assets/img/two/00.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 MiB

After

Width:  |  Height:  |  Size: 2.0 MiB

5
scripts/nav.js → assets/scripts/nav.js
View File

@ -130,5 +130,8 @@ window.addEventListener("click", (event) => {
/* footer */ /* footer */
let footerHTML = "<p>brought to you in 2026</p>"; let footerHTML = `
<p>brought to you in 2026 by
<a href="https://leecat.art">lee</a>
</p>`;
document.getElementById("footer").innerHTML = footerHTML; document.getElementById("footer").innerHTML = footerHTML;

0
styles/cards.css → assets/styles/cards.css
View File

20
styles/main.css → assets/styles/main.css
View File

@ -159,23 +159,3 @@ header img {
margin-bottom: 3rem; margin-bottom: 3rem;
font-style: italic; font-style: italic;
} }
footer {
color: var(--color-bg);
background-color: var(--color-text);
padding: 1rem;
}
footer p {
text-align: center;
margin: 0;
}
footer a {
color: var(--color-bg);
text-decoration-color: var(--color-bg);
}
footer a:focus-visible {
outline-color: var(--color-bg);
}

20
styles/nav.css → assets/styles/nav.css
View File

@ -97,3 +97,23 @@ nav ul a {
display: inline-block; display: inline-block;
background-color: var(--color-bg); background-color: var(--color-bg);
} }
footer {
color: var(--color-bg);
background-color: var(--color-text);
padding: 1rem;
}
footer p {
text-align: center;
margin: 0;
}
footer a {
color: var(--color-bg);
text-decoration-color: var(--color-bg);
}
footer a:focus-visible {
outline-color: var(--color-bg);
}

16
card-one/index.html
View File

@ -13,23 +13,23 @@
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:url" content="/card-one" /> <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: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" 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 --> <!-- CSS -->
<link rel="stylesheet" href="/styles/main.css"> <link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/styles/cards.css"> <link rel="stylesheet" href="/assets/styles/cards.css">
<link rel="stylesheet" href="/styles/nav.css"> <link rel="stylesheet" href="/assets/styles/nav.css">
<!-- JS --> <!-- JS -->
<script src="/scripts/nav.js" defer></script> <script src="/assets/scripts/nav.js" defer></script>
</head> </head>
<body> <body>
<header> <header>
<nav id="top-nav"><!-- auto populated by nav.js --></nav> <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-light" src="/assets/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" /> <img id="logo-dark" src="/assets/img/logo-dark.png" alt="blue and gold icon showing a greeting card with wings" />
</header> </header>
<main id="main"> <main id="main">
<h1>The Travels of <span class="card">Card One</span></h1> <h1>The Travels of <span class="card">Card One</span></h1>
@ -40,7 +40,7 @@
<li class="stop"> <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>California, USA</h2> <h2>California, USA</h2>
<img src="/img/one/00.jpg" alt="an open pop-up greeting card. the pop-up is an autumnal tree, and the inside of the card has autumn leaf designs. two small figurines sit on the card to hold it open flat."/> <img src="/assets/img/one/00.jpg" alt="an open pop-up greeting card. the pop-up is an autumnal tree, and the inside of the card has autumn leaf designs. two small figurines sit on the card to hold it open flat."/>
</li> </li>
</ol> </ol>
</main> </main>

14
card-three/index.html
View File

@ -13,23 +13,23 @@
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:url" content="/card-three" /> <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: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" 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 --> <!-- CSS -->
<link rel="stylesheet" href="/styles/main.css"> <link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/styles/cards.css"> <link rel="stylesheet" href="/assets/styles/cards.css">
<link rel="stylesheet" href="/styles/nav.css"> <link rel="stylesheet" href="/assets/styles/nav.css">
<!-- JS --> <!-- JS -->
<script src="/scripts/nav.js" defer></script> <script src="/assets/scripts/nav.js" defer></script>
</head> </head>
<body> <body>
<header> <header>
<nav id="top-nav"><!-- auto populated by nav.js --></nav> <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-light" src="/assets/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" /> <img id="logo-dark" src="/assets/img/logo-dark.png" alt="blue and gold icon showing a greeting card with wings" />
</header> </header>
<main id="main"> <main id="main">
<h1>The Travels of <span class="card">Card Three</span></h1> <h1>The Travels of <span class="card">Card Three</span></h1>

16
card-two/index.html
View File

@ -13,23 +13,23 @@
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:url" content="/card-two" /> <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: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" 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 --> <!-- CSS -->
<link rel="stylesheet" href="/styles/main.css"> <link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/styles/cards.css"> <link rel="stylesheet" href="/assets/styles/cards.css">
<link rel="stylesheet" href="/styles/nav.css"> <link rel="stylesheet" href="/assets/styles/nav.css">
<!-- JS --> <!-- JS -->
<script src="/scripts/nav.js" defer></script> <script src="/assets/scripts/nav.js" defer></script>
</head> </head>
<body> <body>
<header> <header>
<nav id="top-nav"><!-- auto populated by nav.js --></nav> <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-light" src="/assets/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" /> <img id="logo-dark" src="/assets/img/logo-dark.png" alt="blue and gold icon showing a greeting card with wings" />
</header> </header>
<main id="main"> <main id="main">
<h1>The Travels of <span class="card">Card Two</span></h1> <h1>The Travels of <span class="card">Card Two</span></h1>
@ -40,7 +40,7 @@
<li class="stop"> <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> <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)"/> <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>
</ol> </ol>
</main> </main>

12
index.html
View File

@ -13,22 +13,22 @@
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:url" content="/" /> <meta property="og:url" content="/" />
<meta property="og:description" content="Siblinghood of the Traveling Greeting Card" /> <meta property="og:description" content="Siblinghood of the Traveling Greeting Card" />
<meta property="og:image" content="/img/logo-light.png" /> <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 --> <!-- CSS -->
<link rel="stylesheet" href="/styles/main.css"> <link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/styles/nav.css"> <link rel="stylesheet" href="/assets/styles/nav.css">
<!-- JS --> <!-- JS -->
<script src="/scripts/nav.js" defer></script> <script src="/assets/scripts/nav.js" defer></script>
</head> </head>
<body> <body>
<header> <header>
<nav id="top-nav"><!-- auto populated by nav.js --></nav> <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-light" src="/assets/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" /> <img id="logo-dark" src="/assets/img/logo-dark.png" alt="blue and gold icon showing a greeting card with wings" />
</header> </header>
<main id="main"> <main id="main">