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

drone build Sun Sep 20 18:46:44 PDT 2026

Browse Source
This commit is contained in:
inherentlee
2026-09-21 01:46:44 +00:00
parent 077db0e580
commit 3237335929
298 changed files with 4127 additions and 3643 deletions
Download Patch File Download Diff File Expand all files Collapse all files
butch-hands-pattern/index.html
+56 -34
View File
@@ -43,9 +43,9 @@
<style>#toc {
float: right;
margin: 1rem 0 1.5rem 1.5rem;
/* 23rem is the width of the words 'table of contents' in my header font */
/* yes, it's a bit hacky */
width: min(calc(100% - 1.5rem), 23rem);
/* 23rem is the width of the words 'table of contents' in my header font */
/* yes, it's a bit hacky */
}
@media (max-width: 850px) {
@@ -70,6 +70,7 @@
width: fit-content;
background: var(--color-bg);
border-radius: .5rem;
cursor: pointer;
}
#toc summary:focus-visible {
@@ -91,27 +92,46 @@
top: -1.25rem;
}
/* my baby my child my `tree` list styling */
#toc ol,
#toc li {
margin-block: .45rem 0;
margin-block: 0;
}
@media (max-width: 650px) {
#toc nav > ol {
margin-left: .5rem;
}
#toc ol {
margin-left: 0;
list-style: none;
}
/* basically we want to style this `ol` as a `ul` */
#toc ol > li {
list-style: disc;
#toc li {
border-left: .095rem solid var(--color-pink);
line-height: 1.2;
margin-left: 1.5rem;
}
#toc ol > li > ol > li {
list-style: circle;
#toc li::before {
content: '├─';
color: var(--color-pink);
position: relative;
left: -.34rem;
}
#toc ol > li > ol > li > ol > li {
list-style: square;
#toc li:last-child {
border-left-color: transparent;
}
#toc li:last-child::before {
/* Technically, we could use this content for all of them, but doing the full
bar for the non-last-childs keeps the border a *smidge* more consistent for
different levels of magnification */
content: '└─';
}
/* underlines are unnecessary in this context */
#toc a {
text-decoration: none;
color: var(--color-blue);
font-weight: bold;
}
.post-metadata {
display: flex;
@@ -2094,31 +2114,15 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/textures-unite/">
<h2 data-ha-exclude="">textures unite </h2>
<ul class="postlist-tags">
<li>knit</li>
<li>highlight</li>
</ul>
<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
</a>
</li>
<li class="post">
<a class="postlink" href="/keffiyah-fishing-net-pattern/">
<h2 data-ha-exclude="">keffiyah fishing net pattern </h2>
<a class="postlink" href="/sideways-canvas-shirt/">
<h2 data-ha-exclude="">sideways canvas shirt </h2>
<ul class="postlist-tags">
<li>knit</li>
</ul>
<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
<img src="/img/sideways-canvas.jpg" alt="someone&#39;s torso in a knitted short sleeve shirt. the front is teal, and the bit of back we can see is mustard yellow. looking closely, it&#39;s notable that the stitches are turned 90 degrees from a standard knit garment." loading="lazy" decoding="async" width="1000" height="1338">
</a>
</li>
@@ -2137,6 +2141,24 @@ switch (currentThemeValue) {
</a>
</li>
<li class="post">
<a class="postlink" href="/kestrel-zine/">
<h2 data-ha-exclude="">kestrel zine </h2>
<ul class="postlist-tags">
<li>print</li>
<li>zine</li>
<li>highlight</li>
</ul>
<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
</ol>
</section>
@@ -2189,6 +2211,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/butch-hands-pattern/` was built on 2026-09-20T22:13:39.370Z -->
<!-- This page `/butch-hands-pattern/` was built on 2026-09-21T01:46:30.893Z -->
</body>
</html>