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

Compare commits

base: inherentlee:cd0d63c1c4a7881bca8fa6e22b516b6b54004e9e
Branches Tags
inherentlee:main
...
compare: inherentlee:main
Branches Tags
inherentlee:main

6 Commits
cd0d63c1c4 ... main

Author SHA1 Message Date
Lee Cattarin
34d7beeeca be more consistent with other sites 2025-12-28 19:55:31 -08:00
Lee Cattarin
38366d7d84 ok i accidentally lost the card css but here it is again 2025-12-28 19:54:16 -08:00
Lee Cattarin
896e0e17b4 woops we need images 2025-12-28 19:49:11 -08:00
Lee Cattarin
3ba44a66d2 Merge branch 'locations' 2025-12-28 19:48:43 -08:00
Lee Cattarin
cdb0697098 fix some border radii 2025-12-28 19:47:23 -08:00
Lee Cattarin
db5764cec2 stop one 2025-12-28 19:46:22 -08:00
8 changed files with 70 additions and 5 deletions
Expand all files Collapse all files

10
card-one/index.html
View File

@ -16,7 +16,8 @@
<meta property="og:image" content="/img/logo-light.png" /> <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" /> <meta property="og:image:alt" content="blue and gold icon showing a greeting card with wings" />
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/cards.css">
</head> </head>
<body> <body>
<header> <header>
@ -35,6 +36,13 @@
<p><span class="card">Card one</span> has 16 total recipients.</p> <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>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."/>
</li>
</ol>
</main> </main>
</body> </body>
</html> </html>

3
card-two/index.html
View File

@ -16,7 +16,8 @@
<meta property="og:image" content="/img/logo-light.png" /> <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" /> <meta property="og:image:alt" content="blue and gold icon showing a greeting card with wings" />
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/cards.css">
</head> </head>
<body> <body>
<header> <header>

BIN
img/filler0.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 MiB

BIN
img/filler1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 253 KiB

BIN
img/one-00.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 972 KiB

2
index.html
View File

@ -16,7 +16,7 @@
<meta property="og:image" content="/img/logo-light.png" /> <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" /> <meta property="og:image:alt" content="blue and gold icon showing a greeting card with wings" />
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/styles/main.css">
</head> </head>
<body> <body>
<header> <header>

57
styles/cards.css Normal file
View File

@ -0,0 +1,57 @@
.card {
color: var(--color-accent);
}
p .card {
text-transform: uppercase;
font-weight: 700;
}
.stop {
color: var(--color-accent);
position: relative;
list-style: none;
padding-left: 1.5rem;
}
.stop:not(:last-child) {
padding-bottom: 2rem;
}
.stop:before {
background-color: var(--color-accent);
width: .1rem;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
svg {
margin-left: -2.2rem;
width: 2rem;
fill: var(--color-accent);
float: left;
padding: .4rem .5rem 0 0;
}
@media (max-width: 650px) {
svg {
padding-top: .2rem;
}
}
.stop h2 {
margin: 0;
}
.stop img {
width: 100%;
}
.stop p {
margin: 0;
color: var(--color-text);
padding-top: .5rem;
}

3
css/main.css → styles/main.css
View File

@ -93,6 +93,7 @@ a {
text-decoration-color: var(--color-accent); text-decoration-color: var(--color-accent);
transition: text-decoration-thickness .5s; transition: text-decoration-thickness .5s;
padding: 0 .15rem; padding: 0 .15rem;
border-radius: .15rem;
} }
@media (any-hover: hover) { @media (any-hover: hover) {
@ -104,7 +105,6 @@ a {
a:focus-visible { a:focus-visible {
text-decoration: none; text-decoration: none;
outline: var(--color-accent) solid .15rem; outline: var(--color-accent) solid .15rem;
border-radius: .15rem;
} }
ul { ul {
@ -155,7 +155,6 @@ nav a {
nav a:focus-visible { nav a:focus-visible {
outline: none; outline: none;
border-radius: 0;
color: var(--color-bg); color: var(--color-bg);
background-color: var(--color-accent); background-color: var(--color-accent);
} }