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
comparing-text-editors/index.html
+44 -24
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;
@@ -2228,43 +2248,43 @@ switch (currentThemeValue) {
<ol id="postlist">
<li class="post">
<a class="postlink" href="/moving-images/">
<h2 data-ha-exclude="">moving images </h2>
<a class="postlink" href="/intro-to-wireframing/">
<h2 data-ha-exclude="">intro to wireframing </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/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">
</a>
</li>
<li class="post">
<a class="postlink" href="/redirections/">
<h2 data-ha-exclude="">redirections </h2>
<a class="postlink" href="/backend-accessibility/">
<h2 data-ha-exclude="">backend accessibility </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/angle-brackets-uwu.jpg" alt="Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets." loading="lazy" decoding="async" width="1000" height="316">
<img src="/img/camelCase-print.jpg" alt="A carved stamp next to its print. The print reads &#39;#camelCase&#39; in a slightly formal-looking italic font." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/my-favorite-git-flag/">
<h2 data-ha-exclude="">my favorite git flag </h2>
<a class="postlink" href="/framer-accessibility/">
<h2 data-ha-exclude="">framer accessibility </h2>
<ul class="postlist-tags">
<li>software</li>
</ul>
<img src="/img/shelf-mushrooms.jpg" alt="Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="666">
<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
</a>
</li>
@@ -2321,6 +2341,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/comparing-text-editors/` was built on 2026-09-20T22:13:39.371Z -->
<!-- This page `/comparing-text-editors/` was built on 2026-09-21T01:46:30.894Z -->
</body>
</html>