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

drone build Sun Sep 20 15:08:31 PDT 2026

Browse Source
This commit is contained in:
inherentlee
2026-09-20 22:08:31 +00:00
parent 1d51eaebec
commit 207d8c1cd5
731 changed files with 8308 additions and 5281 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gender-as-a-proxy-variable/index.html
+176 -41
View File
@@ -40,7 +40,80 @@
<style>.post-metadata {
<style>#toc {
float: right;
margin: 1rem 0 1.5rem 1.5rem;
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) {
#toc {
float: unset;
margin-top: 2rem;
margin-left: .5rem;
width: calc(100% - .5rem);
}
}
#toc details {
border: thick solid var(--color-pink);
border-radius: 1rem;
margin-top: 1rem;
}
#toc summary {
position: relative;
top: -1.5rem;
left: -.75rem;
width: fit-content;
background: var(--color-bg);
border-radius: .5rem;
}
#toc summary:focus-visible {
outline: .15rem solid var(--color-teal);
}
#toc summary::marker {
font-size: 2.35rem;
}
#toc h2 {
margin-top: 0;
display: inline;
line-height: normal;
}
#toc nav {
position: relative;
top: -1.25rem;
}
#toc li {
margin-block: .45rem 0;
}
@media (max-width: 650px) {
#toc nav > ol {
margin-left: .5rem;
}
}
/* basically we want to style this `ol` as a `ul` */
#toc ol > li {
list-style: disc;
}
#toc ol > li > ol > li {
list-style: circle;
}
#toc ol > li > ol > li > ol > li {
list-style: square;
}
.post-metadata {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
color-scheme: light dark;
--font-family: 'Atkinson Hyperlegible Next', sans-serif;
/* if you change the header font, go to post-toc.css and fuck about with the width
of the table of contents */
--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
}
/* Base */
* {
box-sizing: border-box;
margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
<heading-anchors content="<i class='fa-solid fa-anchor'></i>">
<article data-pagefind-body="">
<h1 id="gender-as-a-proxy-variable">gender as a proxy variable</h1>
<h1>gender as a proxy variable</h1>
<div class="post-metadata">
<p>
@@ -1848,7 +1922,67 @@ switch (currentThemeValue) {
<img class="hero" src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
<p><a href="https://riverside-refuge.square.site/product/gender-as-a-proxy-variable-print-zine/113" target="_blank" rel="external">Get print copies.</a></p>
<aside id="toc">
<details>
<summary><h2>table of contents</h2></summary>
<nav class="toc">
<ol>
<li><a href="#gender%3F">Gender?</a>
</li>
<li><a href="#formatting-note">Formatting note</a>
</li>
<li><a href="#...pronouns">...Pronouns</a>
</li>
<li><a href="#...title-or-prefix">...Title or prefix</a>
</li>
<li><a href="#...health-needs">...Health needs</a>
</li>
<li><a href="#...clothing-preferences">...Clothing preferences</a>
</li>
<li><a href="#...bathroom-use">...Bathroom use</a>
</li>
<li><a href="#...public-profile-data">...Public profile data</a>
</li>
<li><a href="#...demographic-data">...Demographic data</a>
</li>
<li><a href="#...legal">...Legal</a>
</li>
<li><a href="#...medical">...Medical</a>
</li>
<li><a href="#gender-question">Gender question</a>
</li>
<li><a href="#anti-patterns">Anti-patterns</a>
</li>
<li><a href="#patterns">Patterns</a>
</li>
<li><a href="#sources">Sources</a>
</li>
<li><a href="#author">Author</a>
</li>
</ol>
</nav>
</details>
</aside>
<p><a href="https://riverside-refuge.square.site/product/gender-as-a-proxy-variable-print-zine/113" target="_blank" rel="external">Get print copies.</a></p>
<p>The below material is a web page reproduction of my zine <strong>Gender as a Proxy Variable</strong>.</p>
<hr>
<p>Authored by Lee Cattarin</p>
@@ -1862,7 +1996,7 @@ switch (currentThemeValue) {
<p>*<em>pro tip: just say &quot;pronouns&quot; and drop the &quot;preferred&quot;</em></p>
<hr>
<p>So, what are you asking for when you ask for</p>
<h2 id="gender"><strong>Gender?</strong></h2>
<h2 id="gender%3F"><strong>Gender?</strong></h2>
<ul>
<li>pronouns?</li>
<li>title or prefix?</li>
@@ -1881,7 +2015,7 @@ switch (currentThemeValue) {
<p>Questions that allow users to choose multiple answers will be followed with &quot;(pick any)&quot;.</p>
<p>Write-in fields may have italicized suggestions in them.</p>
<hr>
<h2 id="pronouns">...Pronouns</h2>
<h2 id="...pronouns">...Pronouns</h2>
<p>What pronouns should we use for you? (pick any)</p>
<ul>
<li>he/him/his</li>
@@ -1897,7 +2031,7 @@ switch (currentThemeValue) {
<li>possessive (prn): <em>hers</em></li>
<li>reflexive: <em>herself</em></li>
</ul>
<h2 id="title-or-prefix">...Title or prefix</h2>
<h2 id="...title-or-prefix">...Title or prefix</h2>
<p>What title or prefix should we use for you? (pick one)</p>
<ul>
<li>Mr.</li>
@@ -1913,20 +2047,20 @@ switch (currentThemeValue) {
<li>no prefix</li>
<li>other <em>(write-in)</em>:</li>
</ul>
<h2 id="health-needs">...Health needs</h2>
<h2 id="...health-needs">...Health needs</h2>
<p>Do you require private facilities for breastfeeding or other health and wellness needs? (pick one)</p>
<ul>
<li>yes</li>
<li>no</li>
</ul>
<p><em>Provide a write-in space for specific needs, such as refrigeration or running water.</em></p>
<h2 id="clothing-preferences">...Clothing preferences</h2>
<h2 id="...clothing-preferences">...Clothing preferences</h2>
<p>Which style of shirt would you prefer? (pick one)</p>
<ul>
<li>straight cut</li>
<li>fitted <em>(edit: a reader has suggested &quot;curvy&quot; or &quot;flared&quot; as alternatives)</em></li>
</ul>
<h2 id="bathroom-use">...Bathroom use</h2>
<h2 id="...bathroom-use">...Bathroom use</h2>
<p>Do you require any of the following restrooms? (pick any)</p>
<ul>
<li>all-gender</li>
@@ -1935,7 +2069,7 @@ switch (currentThemeValue) {
<li>other <em>(write-in)</em>:</li>
</ul>
<p><em>All restrooms should be provided with menstrual products.</em></p>
<h2 id="public-profile-data">...Public profile data</h2>
<h2 id="...public-profile-data">...Public profile data</h2>
<p>What is your gender? <strong>This information will be viewable on your profile by all logged-in users.</strong> (pick any)</p>
<ul>
<li>man</li>
@@ -1944,7 +2078,7 @@ switch (currentThemeValue) {
<li>other <em>(write-in)</em>:</li>
</ul>
<p><em>Make sure to note the visibility level!</em></p>
<h2 id="demographic-data">...Demographic data</h2>
<h2 id="...demographic-data">...Demographic data</h2>
<p>What is your gender? <strong>This information is collected for demographic analysis only.</strong> (pick one)</p>
<ul>
<li>man</li>
@@ -1952,7 +2086,7 @@ switch (currentThemeValue) {
<li>nonbinary</li>
<li>other <em>(write-in)</em>:</li>
</ul>
<h2 id="legal">...Legal</h2>
<h2 id="...legal">...Legal</h2>
<p>What is your legal sex as marked on government-issued identification? (pick one)</p>
<ul>
<li>M</li>
@@ -1960,7 +2094,7 @@ switch (currentThemeValue) {
<li>X</li>
</ul>
<p><em>Explain where this information will be used. If you need something more specific than <strong>any</strong> legal identification, say so: &quot;This is used for insurance purposes and must match your gender on insurance paperwork.&quot;</em></p>
<h2 id="medical">...Medical</h2>
<h2 id="...medical">...Medical</h2>
<p>What is your gender? (pick any)</p>
<ul>
<li>man</li>
@@ -2033,6 +2167,7 @@ switch (currentThemeValue) {
<p>Get in touch with hir via any of the methods listed on <a href="/contact">leecat.art/contact</a></p>
<p><img src="/img/gender-zine-stamps.png" alt="A small stamp depicting Lee's face next to a speech bubble in handwritten text that reads 'Thanks for reading!'. Below that, the word 'editors' in quotes, and stamps of a fluffy dog and 6 variously-patterned ducklings" loading="lazy" decoding="async" width="1000" height="613"></p>
</article>
@@ -2070,30 +2205,12 @@ switch (currentThemeValue) {
<section class="related-posts">
<h2 data-ha-exclude="" id="related-posts">related posts</h2>
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/geese-trans-wrongs/">
<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
<ul class="postlist-tags">
<li>print</li>
<li>shirt</li>
<li>gender</li>
</ul>
<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/luminescent/">
<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
<a class="postlink" href="/bottom-growth/">
<h2 data-ha-exclude="">bottom growth (mature)</h2>
<ul class="postlist-tags">
@@ -2102,21 +2219,39 @@ switch (currentThemeValue) {
<li>gender</li>
</ul>
<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/fedizinefest-2025/">
<h2 data-ha-exclude="" id="fedizinefest-2025">fediZineFest 2025 </h2>
<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
<h2 data-ha-exclude="">booby (congrats on the top surgery) </h2>
<ul class="postlist-tags">
<li>zine</li>
<li>print</li>
<li>card</li>
<li>gender</li>
</ul>
<img src="/img/fedizinefest-2025.png" alt="A logo in purple, yellow, blue, and green. A piece of paper folded into 8 sections reads FEDI ZINE; it resembles the classic folding pattern of a simple 8-page zine made from printer paper. Next to it, a fully folded zine reads fest 2025." loading="lazy" decoding="async" width="729" height="799">
<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/networks-of-trans-care/">
<h2 data-ha-exclude="">networks of trans care </h2>
<ul class="postlist-tags">
<li>gender</li>
</ul>
<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -2173,6 +2308,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/gender-as-a-proxy-variable/` was built on 2026-09-20T00:40:39.737Z -->
<!-- This page `/gender-as-a-proxy-variable/` was built on 2026-09-20T22:08:14.586Z -->
</body>
</html>