inherentlee/rescue-trans-rescue
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💈🦪 Updated with Glitch

Browse Source
This commit is contained in:
Glitch (rescue-trans-rescue)
2024-09-01 22:23:54 +00:00
parent ce0c217116
commit 1db6fefb6b
9 changed files with 515 additions and 402 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
.glitch-assets
View File

@ -117,3 +117,24 @@
{"name":"20231101_153011 Copy.jpeg","date":"2024-08-19T17:09:09.593Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/20231101_153011%20Copy.jpeg","type":"image/jpeg","size":76019,"imageWidth":616,"imageHeight":615,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2F20231101_153011%20Copy.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"7SRlFlwfXWXqyAc4"} {"name":"20231101_153011 Copy.jpeg","date":"2024-08-19T17:09:09.593Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/20231101_153011%20Copy.jpeg","type":"image/jpeg","size":76019,"imageWidth":616,"imageHeight":615,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2F20231101_153011%20Copy.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"7SRlFlwfXWXqyAc4"}
{"uuid":"7SRlFlwfXWXqyAc4","deleted":true} {"uuid":"7SRlFlwfXWXqyAc4","deleted":true}
{"name":"Vee-Friday.jpg","date":"2024-08-19T17:09:09.593Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Vee-Friday.jpg","type":"image/jpeg","size":76019,"imageWidth":616,"imageHeight":615,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2F20231101_153011%20Copy.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"7SRlFlwfXWXqyAc4"} {"name":"Vee-Friday.jpg","date":"2024-08-19T17:09:09.593Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Vee-Friday.jpg","type":"image/jpeg","size":76019,"imageWidth":616,"imageHeight":615,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2F20231101_153011%20Copy.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"7SRlFlwfXWXqyAc4"}
{"name":"IMG_0150.jpeg","date":"2024-08-24T13:54:06.494Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0150.jpeg","type":"image/jpeg","size":151337,"imageWidth":648,"imageHeight":648,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0150.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"wdbdD0tLASBG48Iz"}
{"uuid":"wdbdD0tLASBG48Iz","deleted":true}
{"name":"Lili.jpg","date":"2024-08-24T13:54:06.494Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Lili.jpg","type":"image/jpeg","size":151337,"imageWidth":648,"imageHeight":648,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0150.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"wdbdD0tLASBG48Iz"}
{"name":"IMG_0177.jpeg","date":"2024-08-29T15:07:33.101Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0177.jpeg","type":"image/jpeg","size":491452,"imageWidth":1322,"imageHeight":1322,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0177.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"jbHIbVnbUMu4fUT3"}
{"uuid":"jbHIbVnbUMu4fUT3","deleted":true}
{"name":"laen.jpg","date":"2024-08-29T15:07:33.101Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/laen.jpg","type":"image/jpeg","size":491452,"imageWidth":1322,"imageHeight":1322,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0177.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"jbHIbVnbUMu4fUT3"}
{"name":"IMG_0178.jpeg","date":"2024-08-29T20:26:51.071Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0178.jpeg","type":"image/jpeg","size":55012,"imageWidth":350,"imageHeight":350,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0178.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"AhNt9j6OUDupp0NP"}
{"uuid":"AhNt9j6OUDupp0NP","deleted":true}
{"name":"Intransitive-Lie.jpg","date":"2024-08-29T20:26:51.071Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Intransitive-Lie.jpg","type":"image/jpeg","size":55012,"imageWidth":350,"imageHeight":350,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0178.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"AhNt9j6OUDupp0NP"}
{"name":"IMG_0179.jpeg","date":"2024-08-29T20:34:10.256Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0179.jpeg","type":"image/jpeg","size":112929,"imageWidth":1024,"imageHeight":1024,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0179.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"ZBQJQhUPlsHx8A2d"}
{"uuid":"ZBQJQhUPlsHx8A2d","deleted":true}
{"name":"Molly-Litherland.jpg","date":"2024-08-29T20:34:10.256Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Molly-Litherland.jpg","type":"image/jpeg","size":112929,"imageWidth":1024,"imageHeight":1024,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0179.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"ZBQJQhUPlsHx8A2d"}
{"name":"IMG_0182.jpeg","date":"2024-08-29T22:19:31.828Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0182.jpeg","type":"image/jpeg","size":2582441,"imageWidth":3024,"imageHeight":3024,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0182.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"AnO4qAgqCLsVtdZ2"}
{"uuid":"AnO4qAgqCLsVtdZ2","deleted":true}
{"name":"Amata.jpg","date":"2024-08-29T22:19:31.828Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Amata.jpg","type":"image/jpeg","size":2582441,"imageWidth":3024,"imageHeight":3024,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0182.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"AnO4qAgqCLsVtdZ2"}
{"name":"IMG_0183.jpeg","date":"2024-08-29T22:23:26.798Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0183.jpeg","type":"image/jpeg","size":261032,"imageWidth":1080,"imageHeight":1080,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0183.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"6z6HR9xBrQzYDJc6"}
{"uuid":"6z6HR9xBrQzYDJc6","deleted":true}
{"name":"Arina-Grace.jpg","date":"2024-08-29T22:23:26.798Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Arina-Grace.jpg","type":"image/jpeg","size":261032,"imageWidth":1080,"imageHeight":1080,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0183.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"6z6HR9xBrQzYDJc6"}
{"name":"IMG_0184.png","date":"2024-08-30T14:54:42.695Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0184.png","type":"image/png","size":915,"imageWidth":256,"imageHeight":256,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0184.png","thumbnailWidth":256,"thumbnailHeight":256,"uuid":"23MzMMdMMNzs342p"}
{"uuid":"23MzMMdMMNzs342p","deleted":true}
{"name":"Acin-Fals.png","date":"2024-08-30T14:54:42.695Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Acin-Fals.png","type":"image/png","size":915,"imageWidth":256,"imageHeight":256,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0184.png","thumbnailWidth":256,"thumbnailHeight":256,"uuid":"23MzMMdMMNzs342p"}

12
artists.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" /> <link rel="icon" href="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png" />
<title>Rescue Trans Rescue</title> <title>Rescue Trans Rescue</title>
@ -46,7 +46,7 @@
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<nav id="top-nav"> <nav role="navigation" id="top-nav">
<a class="nav-item" href="/">home</a> <a class="nav-item" href="/">home</a>
<a class="nav-item" href="/artists">artists</a> <a class="nav-item" href="/artists">artists</a>
<a class="nav-item" href="/signup">signup</a> <a class="nav-item" href="/signup">signup</a>
@ -70,14 +70,14 @@
</p> </p>
</div> </div>
<div class="content" role="main"> <main>
<h1 class="title">Artists</h1> <header role="banner"><h1 class="title">Artists</h1></header>
<p>This page has moved to <a href="/artists">a simpler URL</a></p> <p>This page has moved to <a href="/artists">a simpler URL</a></p>
</div> </main>
<!-- Contents auto-generated by nav.js --> <!-- Contents auto-generated by nav.js -->
<footer id="footer"></footer> <footer role="contentinfo" id="footer"></footer>
</div> </div>
</body> </body>
</html> </html>

10
artists/index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" /> <link rel="icon" href="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png" />
<title>Rescue Trans Rescue</title> <title>Rescue Trans Rescue</title>
@ -50,7 +50,7 @@
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<nav id="top-nav"> <nav role="navigation" id="top-nav">
<a class="nav-item" href="/">home</a> <a class="nav-item" href="/">home</a>
<a class="nav-item" href="/signup">signup</a> <a class="nav-item" href="/signup">signup</a>
<button <button
@ -73,7 +73,7 @@
</p> </p>
</div> </div>
<div class="content" role="main"> <main>
<h1 class="title">Artists</h1> <h1 class="title">Artists</h1>
<p> <p>
Artists were asked to provide a short description of their plans. Read Artists were asked to provide a short description of their plans. Read
@ -85,10 +85,10 @@
<div class="artist-grid" id="artist-grid"> <div class="artist-grid" id="artist-grid">
<!-- Contents are auto-generated by artists.js --> <!-- Contents are auto-generated by artists.js -->
</div> </div>
</div> </main>
<!-- Contents auto-generated by nav.js --> <!-- Contents auto-generated by nav.js -->
<footer id="footer"></footer> <footer role="contentinfo" id="footer"></footer>
</div> </div>
</body> </body>
</html> </html>

723
index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" /> <link rel="icon" href="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png" />
<title>Rescue Trans Rescue</title> <title>Rescue Trans Rescue</title>
@ -42,7 +42,7 @@
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<nav id="top-nav"> <nav role="navigation" id="top-nav">
<a class="nav-item" href="/artists">artists</a> <a class="nav-item" href="/artists">artists</a>
<a class="nav-item" href="/signup">signup</a> <a class="nav-item" href="/signup">signup</a>
<button <button
@ -65,404 +65,403 @@
</p> </p>
</div> </div>
<div class="content" role="main"> <main>
<h1 class="title">Rescue Trans Rescue</h1> <header role="banner"><h1 class="title">Rescue Trans Rescue</h1></header>
<img <img
src="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png" src="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png"
class="illustration" class="illustration"
alt="Logo of Trans Rescue, which looks like a stlized helicopter flying through a pink and blue ring. Text underneath says Trans Rescue." alt="Logo of Trans Rescue, which looks like a stlized helicopter flying through a pink and blue ring. Text underneath says Trans Rescue."
/> />
<div> <h2>About Trans Rescue</h2>
<h2>About Trans Rescue</h2> <blockquote>
<blockquote>
<p>
We help trans*, intersex, and other people flee places where it is
dangerous to be trans.
</p>
<p>
We help them reach places of safety and reasonable quality of
life.
</p>
<p>We do so legally and securely.</p>
</blockquote>
<p>- <a href="https://transrescue.org/">Trans Rescue</a></p>
<p>and</p>
<blockquote>
<p>
We are facing a real shortage. We need 400 EUR more than we have
to keep all the balls in the air. For any organization this would
be serious. For us it's a matter of who becomes homeless in a
dangerous country.
</p>
<p>We need help today. Please.</p>
</blockquote>
<p> <p>
- We help trans*, intersex, and other people flee places where it is
<a href="https://mastodon.social/@trans_rescue/112898899176079622" dangerous to be trans.
>@trans_rescue@mastodon.social</a </p>
<p>
We help them reach places of safety and reasonable quality of
life.
</p>
<p>We do so legally and securely.</p>
</blockquote>
<p>- <a href="https://transrescue.org/">Trans Rescue</a></p>
<p>and</p>
<blockquote>
<p>
We are facing a real shortage. We need 400 EUR more than we have
to keep all the balls in the air. For any organization this would
be serious. For us it's a matter of who becomes homeless in a
dangerous country.
</p>
<p>We need help today. Please.</p>
</blockquote>
<p>
-
<a href="https://mastodon.social/@trans_rescue/112898899176079622"
>@trans_rescue@mastodon.social</a
>
</p>
<h2>The Exhibit</h2>
<p>
It will be an online art sale and fundraiser. There will be a method
of signing up for TR’s email list and a method for direct donation
as well as sales.
</p>
<h2>Frequently Asked Questions</h2>
<details id="expand-all">
<summary>toggle all questions</summary>
</details>
<!-- Who are the artists? -->
<details>
<summary>Who are the artists?</summary>
<p>
Trans and gender expansive/diverse people who wish to help. If you
are unsure whether this includes you: it does.
</p>
</details>
<!-- What type of art? -->
<details>
<summary>What type of art?</summary>
<p>
All mediums. Content restrictions may be imposed at Trans Rescue’s
discretion (will talk to them about this). Physical and digital
are both allowed (digital will be displayed in the exhibit with a
watermark). Art can range from “fine art” to “craft” to “merch” as
long as it is your artistic creation. Let your definition of art
be as expansive as your definition of trans.
</p>
<p>
At current, our plan is to use
<a href="https://ko-fi.com/">Ko-fi</a> as our shop platform. This
comes with
<a
href="https://help.ko-fi.com/hc/en-us/articles/360007937553-Ko-fi-Content-Guidelines"
>content restrictions</a
> >
artists should be aware of.
</p> </p>
<h2>The Exhibit</h2>
<p> <p>
It will be an online art sale and fundraiser. There will be a method Special focus on a planned collaborative sticker sheet as a major
of signing up for TR’s email list and a method for direct donation small-dollar item. Ideally <i>all</i> artists contribute to this
as well as sales. and it includes the TR logo.
</p> </p>
<h2>FAQs</h2> <p>AI/LLM "art" is not permitted.</p>
<details id="expand-all">
<summary>toggle all FAQs</summary>
</details>
<!-- Who are the artists? -->
<details> <details>
<summary>Who are the artists?</summary> <summary>Can I offer one of my commission slots?</summary>
<p> <p>
Trans and gender expansive/diverse people who wish to help. If you <i>
are unsure whether this includes you: it does. [Note: I use the term “commission” heavily when discussing
pricing schema later on this page. Understand that a
“commission slot” is distinct from the artist’s “commission
rate” in the pricing schema.]
</i>
</p>
<p>
Art must be able to be paid in full up front, and artists should
feel confident in their ability to deliver on what they promise.
If you’re comfortable with those boundaries, you may offer a
commission or otherwise buyer-customizable piece of art.
Customization can be something simple that requires a single
text field question (in which case it will be worked into the
platform and the answer provided to you on purchase), or it may
be complex enough to require that you get in touch with the
buyer after purchase.
</p>
<p>
I encourage you to set strict guidelines that allow you to set a
firm price up front that you’re confident in; the fundraiser is
not responsible for following through with buyers if you later
feel you need more funds to deliver.
</p> </p>
</details> </details>
<!-- What type of art? -->
<details> <details>
<summary>What type of art?</summary> <summary>
Can I use pre-existing material as part of my art?
</summary>
<p> <p>
All mediums. Content restrictions may be imposed at Trans Rescue’s Of course. You may collage, knit a hat from yarn you didn't
discretion (will talk to them about this). Physical and digital spin, paint with pigments you didn't crush yourself, etc.
are both allowed (digital will be displayed in the exhibit with a
watermark). Art can range from “fine art” to “craft” to “merch” as
long as it is your artistic creation. Let your definition of art
be as expansive as your definition of trans.
</p>
<p>
At current, our plan is to use
<a href="https://ko-fi.com/">Ko-fi</a> as our shop platform. This
comes with
<a
href="https://help.ko-fi.com/hc/en-us/articles/360007937553-Ko-fi-Content-Guidelines"
>content restrictions</a
>
artists should be aware of.
</p>
<p>
Special focus on a planned collaborative sticker sheet as a major
small-dollar item. Ideally <i>all</i> artists contribute to this
and it includes the TR logo.
</p>
<p>AI/LLM "art" is not permitted.</p>
<details>
<summary>Can I offer one of my commission slots?</summary>
<p>
<i>
[Note: I use the term “commission” heavily when discussing
pricing schema later on this page. Understand that a
“commission slot” is distinct from the artist’s “commission
rate” in the pricing schema.]
</i>
</p>
<p>
Art must be able to be paid in full up front, and artists should
feel confident in their ability to deliver on what they promise.
If you’re comfortable with those boundaries, you may offer a
commission or otherwise buyer-customizable piece of art.
Customization can be something simple that requires a single
text field question (in which case it will be worked into the
platform and the answer provided to you on purchase), or it may
be complex enough to require that you get in touch with the
buyer after purchase.
</p>
<p>
I encourage you to set strict guidelines that allow you to set a
firm price up front that you’re confident in; the fundraiser is
not responsible for following through with buyers if you later
feel you need more funds to deliver.
</p>
</details>
<details>
<summary>
Can I use pre-existing material as part of my art?
</summary>
<p>
Of course. You may collage, knit a hat from yarn you didn't
spin, paint with pigments you didn't crush yourself, etc.
</p>
</details>
</details>
<!-- Must it be created for this exhibit? -->
<details>
<summary>Must it be created for this exhibit?</summary>
<p>
No, but it’s preferred that it is. If we have so many submissions
such as to make this logistically perilous and I have to impose
submission limits, reused existing work may be cut. However, I
don’t currently expect to reach those limits.
</p> </p>
</details> </details>
<!-- Is there a theme? --> </details>
<details> <!-- Must it be created for this exhibit? -->
<summary>Is there a theme?</summary> <details>
<p>From TR:</p> <summary>Must it be created for this exhibit?</summary>
<blockquote> <p>
<p> No, but it’s preferred that it is. If we have so many submissions
We help people escape. That’s something that appeals outside the such as to make this logistically perilous and I have to impose
trans community. I just got off a call with a guy who had never submission limits, reused existing work may be cut. However, I
met a trans person before. He thought what we were doing was so don’t currently expect to reach those limits.
cool he’s volunteering with us. Freedom, escape, rebirth, </p>
slavery, captivity, ... </details>
</p> <!-- Is there a theme? -->
</blockquote> <details>
<p>Basically, be inspired by what TR does :)</p> <summary>Is there a theme?</summary>
</details> <p>From TR:</p>
<!-- Can I collaborate with another artist? --> <blockquote>
<details>
<summary>Can I collaborate with another artist?</summary>
<p> <p>
Sure, but only one of you is responsible for being the “point” We help people escape. That’s something that appeals outside the
person for any one piece of art. This is to keep my signup forms trans community. I just got off a call with a guy who had never
and email lists straightforward. met a trans person before. He thought what we were doing was so
cool he’s volunteering with us. Freedom, escape, rebirth,
slavery, captivity, ...
</p>
</blockquote>
<p>Basically, be inspired by what TR does :)</p>
</details>
<!-- Can I collaborate with another artist? -->
<details>
<summary>Can I collaborate with another artist?</summary>
<p>
Sure, but only one of you is responsible for being the “point”
person for any one piece of art. This is to keep my signup forms
and email lists straightforward.
</p>
<p>
Obviously, credit all artists who participate in creating a piece.
</p>
</details>
<!-- How many works per artist? -->
<details>
<summary>How many works per artist?</summary>
<p>one of:</p>
<ul>
<li>
1 original work (this may mean a single item, or for something
like a print, it may mean a set of similar items) that
<b>can</b> be digitally included on the sticker sheet as well as
sold on its own.
</li>
<li>
1 original work (single item or set of prints etc) that
<b>cannot</b> be included on the sticker sheet <b>plus</b> 1
small digital design for sticker sheet inclusion.
</li>
<li>
1 small digital design for sticker sheet inclusion only.
However, be aware (as you read the next question) that
<b
>I am not able to set artist commission rates on sales of the
sticker sheets, only individual artistic creations</b
>. The sticker sheets will be too collaborative to realistically
apply all artists’ commissions in a meaningful way.
</li>
</ul>
<p>
I want to expand on the “single item or set” thing - this lets
different types of crafts shine differently and allows us to price
things reasonably and at many price points. It also means not
everything will be one-and-gone!
</p>
</details>
<!-- How is pricing determined? Are artists paid? -->
<details>
<summary>How is pricing determined? Are artists paid?</summary>
<p>For an original work, artists set the following:</p>
<ol>
<li><b>Inventory:</b> number of pieces of the work</li>
<li><b>Base price:</b> starting price of the work</li>
<li>
<b>Commission:</b> % of the base price they would like to take
home, up to 50% inclusive
</li>
<li><b>Shipping:</b> shipping fees broken out by continent</li>
</ol>
<p>
Artists will therefore at a minimum take home (Base price *
Commission + Shipping) * Inventory units sold. This gives them the
ability to ensure they are paid what they consider adequate for
charity work.
</p>
<p>
For any item in the exhibit, a buyer may choose to pay beyond base
price. The artist’s commission will be applied to this as well.
</p>
<p>Here's why:</p>
<p>
Anyone is able to make a donation to the fundraiser without buying
art. By buying art and paying additional, the buyer credits the
artist as well as the fundraiser, and this should be reflected
financially.
</p>
<p>Let’s further elucidate this pricing schema with examples.</p>
<p>
(Also, look, there will technically be little nickel-and-dime
platform fees that chip in to the math here. I’m... not doing that
yet, please.)
</p>
<details>
<summary>Alyx</summary>
<p>
Alyx creates a painting. Xe decides that xe would like to recoup
materials cost and donate labor. Xe sets xyr inventory at 1,
base price at $100, commission at 15%, and shipping at $20
(there will be regional categories for shipping. it’s not
relevant here so ignore it).
</p> </p>
<p> <p>
Obviously, credit all artists who participate in creating a piece. Alyx’s painting might be bought for its base price + shipping
($120) in which case xe would get $100 * .15 + $20 = $35. Or
maybe xyr painting is bought for a bit above its base price,
$130 + $20 shipping = $150. In this case, Alyx would get $130 *
.15 + $20 = $39.50.
</p>
<p>(In these cases, TR makes $85 and $110.50 respectively.)</p>
</details>
<details>
<summary>Babs</summary>
<p>
Babs creates a series of tooled leather keychains. She can’t
afford to donate much. She sets an inventory of 4, a base price
of $20, a commission of 50%, and a shipping price of $10.
</p>
<p>
If all of Babs’ keychains sell, she will be compensated, at a
minimum, ($20 * .50 + $10) * 4 = $80, half of which covers
shipping and half of which is commission. If some of her
keychains sell for elevated prices — let’s say they sell for
$25, $40, $20, and $30 — she will be compensated, forgive my
ad-hoc math notation but hopefully it gets the point across
without being exhaustingly long... sum of ([$25, $40, $20, $30]
* .50 + $10) = $97.50, $40 of which is shipping.
</p>
<p>(In these cases, TR makes $40 and $57.50 respectively.)</p>
<p>
(Also, if any keychains don’t sell, Babs retains the keychain
and can resell to anyone she desires.)
</p> </p>
</details> </details>
<!-- How many works per artist? -->
<details> <details>
<summary>How many works per artist?</summary> <summary>Coral</summary>
<p>one of:</p>
<ul>
<li>
1 original work (this may mean a single item, or for something
like a print, it may mean a set of similar items) that
<b>can</b> be digitally included on the sticker sheet as well as
sold on its own.
</li>
<li>
1 original work (single item or set of prints etc) that
<b>cannot</b> be included on the sticker sheet <b>plus</b> 1
small digital design for sticker sheet inclusion.
</li>
<li>
1 small digital design for sticker sheet inclusion only.
However, be aware (as you read the next question) that
<b
>I am not able to set artist commission rates on sales of the
sticker sheets, only individual artistic creations</b
>. The sticker sheets will be too collaborative to realistically
apply all artists’ commissions in a meaningful way.
</li>
</ul>
<p> <p>
I want to expand on the “single item or set” thing - this lets Coral creates a phone wallpaper with their digital art skills.
different types of crafts shine differently and allows us to price They don’t care if they receive anything for this, and they want
things reasonably and at many price points. It also means not their item to be accessible and for everyone. They set their
everything will be one-and-gone! inventory at 50, their base price at $5, their commission at 0%,
and their shipping at $0 (digital purchase).
</p>
<p>
Regardless of how many sell, Coral doesn’t get anything but
satisfaction of helping. (And exposure, but like, don’t work for
exposure kids.)
</p>
<p>(In this case, TR gets $5 * # sold.)</p>
<p>
(Coral retains the rights to their digital art and can continue
to resell and reproduce it after the exhibit — this goes for
physical reproducible art as well).
</p> </p>
</details> </details>
<!-- How is pricing determined? Are artists paid? --> </details>
<!-- How is fulfillment handled -->
<details>
<summary>How is fulfillment handled?</summary>
<p>
Individual artists are responsible for their work’s fulfillment.
After an order, relevant buyer details (address/phone/email, or
just email for digital) will be forwarded to the relevant
artist(s).
</p>
<p>
Yes, this means if you buy items from multiple artists you will
pay multiple shipping fees. That’s just the way it’s gonna be. I
don’t want all of this stuff in my living room.
</p>
<p>
Missing or damaged items will be dealt with case-by-case with best
effort, but this is a fundraiser so do be kind about it. Let’s
hope we don’t see much of that.
</p>
<p>Returns are not a thing.</p>
<details> <details>
<summary>How is pricing determined? Are artists paid?</summary> <summary>
<p>For an original work, artists set the following:</p> If shipping is per-item, why bother having it listed as
<ol> shipping? Just bundle it.
<li><b>Inventory:</b> number of pieces of the work</li> </summary>
<li><b>Base price:</b> starting price of the work</li>
<li>
<b>Commission:</b> % of the base price they would like to take
home, up to 50% inclusive
</li>
<li><b>Shipping:</b> shipping fees broken out by continent</li>
</ol>
<p> <p>
Artists will therefore at a minimum take home (Base price * Clarity of information. Helps you understand where your money’s
Commission + Shipping) * Inventory units sold. This gives them the going. Also, I want to encourage artists to actively plan for
ability to ensure they are paid what they consider adequate for all shipping eventualities and think through what they want to
charity work. offer.
</p> </p>
<p>
For any item in the exhibit, a buyer may choose to pay beyond base
price. The artist’s commission will be applied to this as well.
</p>
<p>Here's why:</p>
<p>
Anyone is able to make a donation to the fundraiser without buying
art. By buying art and paying additional, the buyer credits the
artist as well as the fundraiser, and this should be reflected
financially.
</p>
<p>Let’s further elucidate this pricing schema with examples.</p>
<p>
(Also, look, there will technically be little nickel-and-dime
platform fees that chip in to the math here. I’m... not doing that
yet, please.)
</p>
<details>
<summary>Alyx</summary>
<p>
Alyx creates a painting. Xe decides that xe would like to recoup
materials cost and donate labor. Xe sets xyr inventory at 1,
base price at $100, commission at 15%, and shipping at $20
(there will be regional categories for shipping. it’s not
relevant here so ignore it).
</p>
<p>
Alyx’s painting might be bought for its base price + shipping
($120) in which case xe would get $100 * .15 + $20 = $35. Or
maybe xyr painting is bought for a bit above its base price,
$130 + $20 shipping = $150. In this case, Alyx would get $130 *
.15 + $20 = $39.50.
</p>
<p>(In these cases, TR makes $85 and $110.50 respectively.)</p>
</details>
<details>
<summary>Babs</summary>
<p>
Babs creates a series of tooled leather keychains. She can’t
afford to donate much. She sets an inventory of 4, a base price
of $20, a commission of 50%, and a shipping price of $10.
</p>
<p>
If all of Babs’ keychains sell, she will be compensated, at a
minimum, ($20 * .50 + $10) * 4 = $80, half of which covers
shipping and half of which is commission. If some of her
keychains sell for elevated prices — let’s say they sell for
$25, $40, $20, and $30 — she will be compensated, forgive my
ad-hoc math notation but hopefully it gets the point across
without being exhaustingly long... sum of ([$25, $40, $20, $30]
* .50 + $10) = $97.50, $40 of which is shipping.
</p>
<p>(In these cases, TR makes $40 and $57.50 respectively.)</p>
<p>
(Also, if any keychains don’t sell, Babs retains the keychain
and can resell to anyone she desires.)
</p>
</details>
<details>
<summary>Coral</summary>
<p>
Coral creates a phone wallpaper with their digital art skills.
They don’t care if they receive anything for this, and they want
their item to be accessible and for everyone. They set their
inventory at 50, their base price at $5, their commission at 0%,
and their shipping at $0 (digital purchase).
</p>
<p>
Regardless of how many sell, Coral doesn’t get anything but
satisfaction of helping. (And exposure, but like, don’t work for
exposure kids.)
</p>
<p>(In this case, TR gets $5 * # sold.)</p>
<p>
(Coral retains the rights to their digital art and can continue
to resell and reproduce it after the exhibit — this goes for
physical reproducible art as well).
</p>
</details>
</details> </details>
<!-- How is fulfillment handled --> </details>
<!-- What's the timeline? -->
<details>
<summary>What's the timeline?</summary>
<p>
Our opening dates are Sep 15th, Oct 15th, and Nov 15th of 2024.
Artists will pick an opening date on sign-up. The show closes Dec
15th, 2024.
</p>
<details> <details>
<summary>How is fulfillment handled?</summary> <summary>Why 3 opening dates?</summary>
<p> <p>
Individual artists are responsible for their work’s fulfillment. 3 opening dates allows variable time for artists to prepare.
After an order, relevant buyer details (address/phone/email, or Artists may choose the opening date that best works for them
just email for digital) will be forwarded to the relevant with the understanding that a later deadline leaves them less
artist(s). exhibition time and therefore less chance to sell.
</p> </p>
<p>
Yes, this means if you buy items from multiple artists you will
pay multiple shipping fees. That’s just the way it’s gonna be. I
don’t want all of this stuff in my living room.
</p>
<p>
Missing or damaged items will be dealt with case-by-case with best
effort, but this is a fundraiser so do be kind about it. Let’s
hope we don’t see much of that.
</p>
<p>Returns are not a thing.</p>
<details>
<summary>
If shipping is per-item, why bother having it listed as
shipping? Just bundle it.
</summary>
<p>
Clarity of information. Helps you understand where your money’s
going. Also, I want to encourage artists to actively plan for
all shipping eventualities and think through what they want to
offer.
</p>
</details>
</details> </details>
<!-- What's the timeline? --> </details>
<details> <!-- I want to be part of this... -->
<summary>What's the timeline?</summary> <details>
<p> <summary>I want to be part of this!</summary>
Our opening dates are Sep 15th, Oct 15th, and Nov 15th of 2024. <p>
Artists will pick an opening date on sign-up. The show closes Dec First,
15th, 2024. <a href="/signup">sign up as an artist or supporter</a>
</p> </p>
<details>
<summary>Why 3 opening dates?</summary>
<p>
3 opening dates allows variable time for artists to prepare.
Artists may choose the opening date that best works for them
with the understanding that a later deadline leaves them less
exhibition time and therefore less chance to sell.
</p>
</details>
</details>
<!-- I want to be part of this... -->
<details>
<summary>I want to be part of this!</summary>
<p>
First,
<a href="/signup">sign up as an artist or supporter</a>
</p>
<p> <p>
After that, here’s some potential actions, ranging in skills After that, here’s some potential actions, ranging in skills
required, level of effort, and level of interaction with me. required, level of effort, and level of interaction with me.
</p> </p>
<ul> <ul>
<li> <li>
Follow the hashtag #rescueTransRescue on your favorite platform: Follow the hashtag #rescueTransRescue on your favorite platform:
<ul> <ul>
<li> <li>
<a <a
href="https://strangeobject.space/tags/rescueTransRescue" href="https://strangeobject.space/tags/rescueTransRescue"
title="#rescueTransRescue on the fediverse" title="#rescueTransRescue on the fediverse"
><i aria-hidden="true" class="fa-brands fa-mastodon"></i> ><i aria-hidden="true" class="fa-brands fa-mastodon"></i>
fedi</a fedi</a
> >
</li> </li>
</ul> </ul>
</li> </li>
<li>Boost posts or write your own - don't forget to tag!</li> <li>Boost posts or write your own - don't forget to tag!</li>
<li>Tell your friends</li> <li>Tell your friends</li>
<li>Work with TR and I to design promotional material</li> <li>Work with TR and I to design promotional material</li>
<li>Work with me and our artists to lay out sticker sheets</li> <li>Work with me and our artists to lay out sticker sheets</li>
<li> <li>
Work with me to help support artists and buyers who have Work with me to help support artists and buyers who have
questions over email and fedi questions over email and fedi
</li> </li>
</ul> </ul>
<p> <p>
Reach out to me via any of the methods on Reach out to me via any of the methods on
<a href="https://leecat.art/contact">my contact page</a>. <a href="https://leecat.art/contact">my contact page</a>.
</p> </p>
</details> </details>
<!-- I signed up! Why am I not on the artist page? --> <!-- I signed up! Why am I not on the artist page? -->
<details> <details>
<summary>I signed up! Why am I not on the artist page?</summary> <summary>I signed up! Why am I not on the artist page?</summary>
<p> <p>
At current, the artist page is manually updated, not At current, the artist page is manually updated, not
automatically. I just haven't seen your signup yet :) automatically. I just haven't seen your signup yet :)
</p> </p>
<p> <p>
If you want to confirm that you've signed up (as an artist), check If you want to confirm that you've signed up (as an artist), check
your email for the subject line "You’ve signed up for your email for the subject line "You’ve signed up for
#rescueTransRescue". #rescueTransRescue".
</p> </p>
</details> </details>
</div> </main>
</div>
</div> </div>
<!-- Contents auto-generated by nav.js --> <!-- Contents auto-generated by nav.js -->
<footer id="footer"></footer> <footer role="contentinfo" id="footer"></footer>
</body> </body>
</html> </html>

101
scripts/artists.js
View File

@ -20,7 +20,7 @@ const FB = "fb";
insta: "", insta: "",
fb: "" fb: ""
} }
} },
*/ */
let artists = [ let artists = [
@ -37,6 +37,12 @@ let artists = [
fedi: "https://dice.camp/@Alien_Sunset", fedi: "https://dice.camp/@Alien_Sunset",
}, },
}, },
{
name: "Acin Fals",
blurb: "<p>Pixel art with theme of 'fly together'.</p>",
imgSrc: "https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Acin-Fals.png?v=1725029682695",
imgAlt: "A pixel art self portrait with light skin, dark hair, and a Pride-themed medical mask for a better future."
},
{ {
name: "Adhémara", name: "Adhémara",
imgSrc: imgSrc:
@ -61,6 +67,19 @@ let artists = [
fedi: "https://wandering.shop/@wizardofdocs", fedi: "https://wandering.shop/@wizardofdocs",
}, },
}, },
{
name: "Amata",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Amata.jpg?v=1724969971828",
imgAlt:
"Selfie style photo taken at a cave entrance with nb white person with blue eyes. Hair does not show. Wearing a purple shirt and teal caving helmet with a mounted professional headlamp which is turned on. There is rope rigged in the background which disappears into the dark hole (the cave).",
blurb:
"<p>I am a cave scientist & photographer. While I am willing to offer any images you see on my website, of focus will be a square image with a shadowed figure outlined holding a progress pride flag in a cave near a waterfall.</p>",
socials: {
website: "www.sunguramy.com",
fedi: "https://flipping.rocks/@sunguramy",
},
},
{ {
name: "Anaïs Faë", name: "Anaïs Faë",
imgSrc: imgSrc:
@ -75,6 +94,17 @@ let artists = [
insta: "https://www.instagram.com/anaisfae.art/", insta: "https://www.instagram.com/anaisfae.art/",
}, },
}, },
{
name: "Arina Grace",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Arina-Grace.jpg?v=1724970206798",
imgAlt: "white trans woman wearing a black dress sitting on a blue couch",
blurb:
"<p>The fun part about photography is you aren't really sure what you're going to be able to offer until you get it.</p>",
socials: {
fedi: "https://mastodon.art/@SynthGal",
},
},
{ {
name: "Cassowary", name: "Cassowary",
imgSrc: imgSrc:
@ -151,6 +181,22 @@ let artists = [
fedi: "https://comicscamp.club/@nebulos", fedi: "https://comicscamp.club/@nebulos",
}, },
}, },
{
name: "Intransitive Lie",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Intransitive-Lie.jpg?v=1724963211071",
imgAlt:
"A cartoon drawing of an elephant wearing a brown suit jacket holding up a sign which reads, 'Rise up.'",
blurb:
"<p>An abstract digital work derived from an image or images which relate to the theme of the trans experience and escape from tyranny, though I'll be honest, my art tends to be fairly open to interpretation</p>",
socials: {
website: "https://linktr.ee/intransitivelie",
fedi: "https://beige.party/@intransitivelie",
bsky: "https://bsky.app/profile/intransitivelie.bsky.social",
threads: "https://www.threads.net/@intransitivelie",
insta: "https://www.instagram.com/intransitivelie",
},
},
{ {
name: "JennyFluff", name: "JennyFluff",
imgSrc: imgSrc:
@ -188,6 +234,19 @@ let artists = [
fedi: "https://mastoart.social/@Kite", fedi: "https://mastoart.social/@Kite",
}, },
}, },
{
name: "laen",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/laen.jpg?v=1724944053101",
imgAlt:
"a cute green kodama kami sculpture sitting on a grey pebble-dashed stone wall. the kodama has sweet little arms, one of which is raised to its mouth, and it has a gentle, innocent face. behind it are some out-of-focus green leaves.",
blurb:
"<p>a cute raku ceramic sculpture of some kind, probably in trans or rainbow pride-flag colours. if the glaze agrees!</p>",
socials: {
website: "https://www.driftingspirits.art",
fedi: "https://sunny.garden/@moonrabbit",
},
},
{ {
name: "lee", name: "lee",
imgSrc: imgSrc:
@ -213,6 +272,18 @@ let artists = [
fedi: "https://cathode.church/@SocialGaff", fedi: "https://cathode.church/@SocialGaff",
}, },
}, },
{
name: "Lili",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Lili.jpg?v=1724507646494",
imgAlt:
"paper cut showing person with a mohawk sprawled sideways in a wheelie chair",
blurb:
"<p>Ink sketch of a mashup of gods from two different pantheons - Athena/Minerva the Greek/Roman goddess of wisdom, olives, battle strategy and Guan Yu (關羽) a deified military general known as a loyal protector with a legendary beard. In my imagination they are a harmoniously multifaceted trans god of strategy and protection with awesome armor.</p>",
socials: {
insta: "https://www.instagram.com/other_hsu_studios/",
},
},
{ {
name: "mari", name: "mari",
imgSrc: imgSrc:
@ -225,6 +296,19 @@ let artists = [
fedi: "https://spanner.works/@bouncinglime", fedi: "https://spanner.works/@bouncinglime",
}, },
}, },
{
name: "Molly Litherland",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Molly-Litherland.jpg?v=1724963650256",
imgAlt:
"A photograph of a portion of a watercolor flower painting. Three soft pastel pencils are resting on the painting in the pink, blue, and white colors of the trans flag.",
blurb:
"<p>I'm working on a piece featuring a caterpillar in the colors of the trans flag. It is climbing a branch surrounding in blooms in the colors of the LGBTQIA+ movement. I do a lot of nature are in a realistic style, and this will follow suit. The complete work will be 9x12 inches on high quality paper using soft pastels. I will use a protective spray to prevent the pastels from smudging, but care should be taken and the art should be displayed behind glass if it all possible. I would be willing to ship it framed if more than the minimum bid is reached.</p>",
socials: {
website: "https://art.mlitherland.com",
fedi: "https://tech.lgbt/@MollyBeth",
},
},
{ {
name: "Nicky Roscoe-Calvert", name: "Nicky Roscoe-Calvert",
imgSrc: imgSrc:
@ -357,6 +441,13 @@ let artists = [
}, },
]; ];
function openCorrespondingDetail(event) {
let img = event.target;
let details = img.nextElementSibling;
if (details.open) details.removeAttribute("open");
else details.setAttribute("open", true);
}
function makeSocial(socialType, socialLink) { function makeSocial(socialType, socialLink) {
let iconHTML; let iconHTML;
switch (socialType) { switch (socialType) {
@ -394,13 +485,6 @@ function makeSocial(socialType, socialLink) {
return social; return social;
} }
if (document.getElementById("test-social-grid")) {
let socialDiv = document.getElementById("test-social-grid");
for (const key in artists[0].socials) {
socialDiv.appendChild(makeSocial(key, artists[0].socials[key]));
}
}
function makeArtist({ name, imgSrc, imgAlt, blurb, socials }) { function makeArtist({ name, imgSrc, imgAlt, blurb, socials }) {
let artist = document.createElement("div"); let artist = document.createElement("div");
artist.className = "artist"; artist.className = "artist";
@ -414,6 +498,7 @@ function makeArtist({ name, imgSrc, imgAlt, blurb, socials }) {
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/no-image.jpg?v=1723815950068"; "https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/no-image.jpg?v=1723815950068";
img.alt = "a 'missing image' icon"; img.alt = "a 'missing image' icon";
} }
img.addEventListener("click", openCorrespondingDetail);
artist.appendChild(img); artist.appendChild(img);
let details = document.createElement("details"); let details = document.createElement("details");

8
scripts/nav.js
View File

@ -62,8 +62,8 @@ const ALIGN = "alignment";
const LEFT = "left"; const LEFT = "left";
const RIGHT = "right"; const RIGHT = "right";
const LEFT_ICON = '<i class="fa-regular fa-hand-point-left"></i>'; const LEFT_ICON = '<i class="fa-regular fa-hand-point-left" aria-hidden="true"></i>';
const RIGHT_ICON = '<i class="fa-regular fa-hand-point-right"></i>'; const RIGHT_ICON = '<i class="fa-regular fa-hand-point-right" aria-hidden="true"></i>';
/* Menu alignment - right or left handed */ /* Menu alignment - right or left handed */
let align = localStorage.getItem(ALIGN); let align = localStorage.getItem(ALIGN);
@ -99,10 +99,12 @@ function changeAlign(align) {
changeAlign(align); changeAlign(align);
function toggleAlign() { function toggleAlign(event) {
if (align === LEFT) align = RIGHT; if (align === LEFT) align = RIGHT;
else if (align === RIGHT) align = LEFT; else if (align === RIGHT) align = LEFT;
changeAlign(align); changeAlign(align);
if (event.detail === 0) alignToggle.focus();
} }
alignToggle.addEventListener("click", toggleAlign); alignToggle.addEventListener("click", toggleAlign);

12
signup/index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" /> <link rel="icon" href="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png" />
<title>Rescue Trans Rescue</title> <title>Rescue Trans Rescue</title>
@ -47,7 +47,7 @@
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<nav id="top-nav"> <nav role="navigation" id="top-nav">
<a class="nav-item" href="/">home</a> <a class="nav-item" href="/">home</a>
<a class="nav-item" href="/artists">artists</a> <a class="nav-item" href="/artists">artists</a>
<button <button
@ -70,8 +70,8 @@
</p> </p>
</div> </div>
<div class="content" role="main"> <main>
<h1 class="title">Sign Up!</h1> <h1 role="banner" class="title">Sign Up!</h1>
<div class="iframe-flex"> <div class="iframe-flex">
<div class="iframe"> <div class="iframe">
@ -114,10 +114,10 @@
</p> </p>
</div> </div>
</div> </div>
</div> </main>
</div> </div>
</body> </body>
<!-- Contents auto-generated by nav.js --> <!-- Contents auto-generated by nav.js -->
<footer id="footer"></footer> <footer role="contentinfo" id="footer"></footer>
</html> </html>

4
styles/details.css
View File

@ -16,6 +16,10 @@ details summary {
cursor: pointer; cursor: pointer;
} }
details ::marker {
content: "+ ";
}
#expand-all summary { #expand-all summary {
background-color: var(--color-accent); background-color: var(--color-accent);
} }

20
styles/main.css
View File

@ -1,10 +1,5 @@
/* Our default values set as CSS variables */ /* Our default values set as CSS variables */
:root { :root {
--color-bg: #2e303e;
--color-text-main: #ebeeef;
--color-primary: #25b0bc;
--color-accent: #ee9fcb;
--color-warn: #fccf08;
--wrapper-height: 87vh; --wrapper-height: 87vh;
--image-max-width: 300px; --image-max-width: 300px;
--image-margin: 3rem; --image-margin: 3rem;
@ -18,6 +13,7 @@
--color-text-main: #2e303e; --color-text-main: #2e303e;
--color-primary: #18737b; --color-primary: #18737b;
--color-accent: #94195d; --color-accent: #94195d;
--color-warn: #d43a58;
} }
.dark { .dark {
@ -25,6 +21,7 @@
--color-text-main: #ebeeef; --color-text-main: #ebeeef;
--color-primary: #25b0bc; --color-primary: #25b0bc;
--color-accent: #ee9fcb; --color-accent: #ee9fcb;
--color-warn: #fec81a;
} }
/* Basic page style resets */ /* Basic page style resets */
@ -59,6 +56,7 @@ a:visited {
font-style: normal; font-style: normal;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
border-radius: 1rem;
} }
a:after { a:after {
@ -169,7 +167,7 @@ body {
margin: 0 1rem; margin: 0 1rem;
} }
.content { main {
display: block; display: block;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -184,18 +182,22 @@ h1 {
text-align: center; text-align: center;
} }
.content a:link, main a:link,
.content a:visited { main a:visited {
color: var(--color-accent); color: var(--color-accent);
} }
@media (hover: hover) { @media (hover: hover) {
.content a:hover { main a:hover {
background: var(--color-accent); background: var(--color-accent);
color: var(--color-bg); color: var(--color-bg);
} }
} }
:focus-visible {
outline: 3px solid var(--color-warn);
}
/* Very light scaling for our title */ /* Very light scaling for our title */
.title { .title {
color: var(--color-accent); color: var(--color-accent);