ok finishing up the blur stuff and also building

This commit is contained in:
2026-03-27 12:33:35 -07:00
parent c6dcdacbec
commit 073ad660e4
283 changed files with 9821 additions and 5296 deletions

View File

@ -175,6 +175,11 @@
grid-area: img;
}
.blur {
filter: blur(.75rem);
clip-path: inset(0 round 1rem);
}
.tag-imgs {
display: grid;
grid-template-columns: repeat(2, 1fr);
@ -190,7 +195,7 @@
width: 100%;
aspect-ratio: 3 / 2;
background-color: var(--color-bg-alt);
border-radius: calc(1rem);
border-radius: 1rem;
}
.taglink:focus-visible .missing-image {
@ -970,12 +975,14 @@ footer a:focus-visible {
<ol id="postlist">
<li class="post">
<li class="post">
<a class="postlink" href="/on-pronouns/">
<img src="/img/starling.jpg" alt="Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="on-pronouns">on pronouns</h2>
<h2 data-ha-exclude="" id="on-pronouns">on pronouns
</h2>
<ul class="postlist-tags">
<li>gender</li>
@ -984,12 +991,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/domain-and-site-setup/">
<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">
<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup</h2>
<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup
</h2>
<ul class="postlist-tags">
<li>software</li>
@ -998,12 +1007,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/in-the-news/">
<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="in-the-news">in the news</h2>
<h2 data-ha-exclude="" id="in-the-news">in the news
</h2>
<ul class="postlist-tags">
<li>gender</li>
@ -1012,12 +1023,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/gender-in-data-models/">
<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models</h2>
<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models
</h2>
<ul class="postlist-tags">
<li>gender</li>
@ -1030,12 +1043,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/backend-accessibility/">
<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">
<h2 data-ha-exclude="" id="backend-accessibility">backend accessibility</h2>
<h2 data-ha-exclude="" id="backend-accessibility">backend accessibility
</h2>
<ul class="postlist-tags">
<li>software</li>
@ -1044,12 +1059,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/butch-hands-pattern/">
<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern</h2>
<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern
</h2>
<ul class="postlist-tags">
<li>knit</li>
@ -1060,12 +1077,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/recommendations-and-favorites/">
<img src="/img/metal-curl.jpg" alt="Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible." loading="lazy" decoding="async" width="1000" height="666">
<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites</h2>
<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites
</h2>
<ul class="postlist-tags">
<li>highlight</li>
@ -1074,12 +1093,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/gender/">
<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
<h2 data-ha-exclude="" id="gender">gender?</h2>
<h2 data-ha-exclude="" id="gender">gender?
</h2>
<ul class="postlist-tags">
<li>gender</li>
@ -1088,12 +1109,14 @@ footer a:focus-visible {
</a>
</li>
<li class="post">
<li class="post">
<a class="postlink" href="/queer-book-list/">
<img src="/img/rainbow-books.jpg" alt="A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order" loading="lazy" decoding="async" width="1000" height="562">
<h2 data-ha-exclude="" id="queer-book-list">queer book list</h2>
<h2 data-ha-exclude="" id="queer-book-list">queer book list
</h2>
<ul class="postlist-tags">
<li>gender</li>
@ -1149,6 +1172,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/reference/2/` was built on 2026-03-25T20:02:57.303Z -->
<!-- This page `/reference/2/` was built on 2026-03-27T19:32:42.920Z -->
</body>
</html>