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

drone build Mon Sep 21 15:56:13 PDT 2026

Browse Source
This commit is contained in:
inherentlee committed 2026-09-21 22:56:13 +00:00
1 parent 2d090a4541
commit 9070a8ad0a
300 files changed
+3509 -3534
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

handedness-toggle/index.html
+15 -16
View File
@@ -43,9 +43,8 @@
<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);
width: fit-content;
max-width: 55%;
}
@media (max-width: 850px) {
@@ -54,6 +53,7 @@
margin-top: 2rem;
margin-left: .5rem;
width: calc(100% - .5rem);
max-width: unset;
}
}
@@ -72,6 +72,7 @@
background: var(--color-bg);
border-radius: .5rem;
cursor: pointer;
padding-inline-end: .25rem;
}
#toc summary:focus-visible {
@@ -95,7 +96,7 @@
/* `tree` style toc */
#toc nav > ol {
margin-left: 1rem;
margin-inline: 1rem;
}
#toc ol {
@@ -2276,45 +2277,43 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
<ol id="postlist">
<li class="post">
<a class="postlink" href="/core-css/">
<h2 data-ha-exclude="">core CSS </h2>
<a class="postlink" href="/domain-and-site-setup/">
<h2 data-ha-exclude="">domain and site setup </h2>
<ul class="postlist-tags">
<li>software</li>
<li>highlight</li>
</ul>
<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="">intro to wireframing </h2>
<a class="postlink" href="/screen-reader-optimizations/">
<h2 data-ha-exclude="">screen reader optimizations </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
<li class="post">
<a class="postlink" href="/moving-images/">
<h2 data-ha-exclude="">moving images </h2>
<a class="postlink" href="/visual-site-builders-and-accessibility/">
<h2 data-ha-exclude="">visual site builders and accessibility </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/roses.jpg" alt="Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus." loading="lazy" decoding="async" width="1000" height="666">
</a>
</li>
@@ -2371,6 +2370,6 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
</footer>
<!-- This page `/handedness-toggle/` was built on 2026-09-21T22:40:46.045Z -->
<!-- This page `/handedness-toggle/` was built on 2026-09-21T22:56:02.944Z -->
</body>
</html>