inherentlee/leecat.art-site
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

drone build Sat Sep 19 17:41:04 PDT 2026

Browse Source
This commit is contained in:
inherentlee
2026-09-20 00:41:04 +00:00
parent a9fba74e6f
commit 1d51eaebec
323 changed files with 8877 additions and 5684 deletions
Download Patch File Download Diff File Expand all files Collapse all files
foldy-wallet-with-thumb-slide/index.html
+30 -17
View File
@@ -228,6 +228,7 @@
grid-area: h2;
padding: .25rem .5rem;
text-transform: uppercase;
font-family: var(--font-family);
font-size: 1.5rem;
color: var(--color-primary);
border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
max-width: 90%;
margin: 0 auto;
}
@font-face {
font-family: "Peritel";
src:
url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
}
:root {
color-scheme: light dark;
--font-family: 'Atkinson Hyperlegible Next', sans-serif;
--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
h1, h2, h3, h4, h5, h6 {
line-height: 1.25;
color: var(--color-teal);
font-family: var(--font-family-headers);
letter-spacing: 0.1rem;
}
h1 {
margin-top: 3rem;
font-size: 3.5rem;
font-size: 3.7rem;
text-align: center;
}
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
h2 {
margin-top: 2rem;
font-size: 2.2rem;
font-size: 2.35rem;
}
h3 {
margin-top: 1.5rem;
font-size: 1.6rem;
font-size: 1.7rem;
}
@media (max-width: 650px) {
h1 { font-size: 2.8rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.35rem; }
h1 { font-size: 2.95rem; }
h2 { font-size: 1.9rem; }
h3 { font-size: 1.4rem; }
}
h4, h5, h6 {
margin-top: 1rem;
font-size: 1.2rem;
font-size: 1.25rem;
}
/* Images */
@@ -1875,43 +1886,45 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/gradient-purse-strap/">
<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
<a class="postlink" href="/foldy-wallet/">
<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/eight-pocket-bifold/">
<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
<a class="postlink" href="/zipper-bifold/">
<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
</a>
</li>
<li class="post">
<a class="postlink" href="/pinatex-wallet-with-zipper/">
<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
<a class="postlink" href="/designing-a-bag/">
<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>software</li>
</ul>
<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
</a>
</li>
@@ -1968,6 +1981,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/foldy-wallet-with-thumb-slide/` was built on 2026-09-18T15:48:49.955Z -->
<!-- This page `/foldy-wallet-with-thumb-slide/` was built on 2026-09-20T00:40:39.735Z -->
</body>
</html>