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 */
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;

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;
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;
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: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" content="/assets/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">
<link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/assets/styles/cards.css">
<link rel="stylesheet" href="/assets/styles/nav.css">
<!-- JS -->
<script src="/scripts/nav.js" defer></script>
<script src="/assets/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" />
<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 One</span></h1>
@ -40,7 +40,7 @@
<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>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>
</ol>
</main>

14
card-three/index.html
View File

@ -13,23 +13,23 @@
<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" content="/assets/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">
<link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/assets/styles/cards.css">
<link rel="stylesheet" href="/assets/styles/nav.css">
<!-- JS -->
<script src="/scripts/nav.js" defer></script>
<script src="/assets/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" />
<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 Three</span></h1>

16
card-two/index.html
View File

@ -13,23 +13,23 @@
<meta property="og:type" content="article" />
<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" content="/assets/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">
<link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/assets/styles/cards.css">
<link rel="stylesheet" href="/assets/styles/nav.css">
<!-- JS -->
<script src="/scripts/nav.js" defer></script>
<script src="/assets/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" />
<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>
@ -40,7 +40,7 @@
<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)"/>
<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>
</ol>
</main>

12
index.html
View File

@ -13,22 +13,22 @@
<meta property="og:type" content="article" />
<meta property="og:url" content="/" />
<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" />
<!-- CSS -->
<link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/nav.css">
<link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/assets/styles/nav.css">
<!-- JS -->
<script src="/scripts/nav.js" defer></script>
<script src="/assets/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" />
<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">