From 1db6fefb6b878e90b9f0100ddcc2214b84bd6e80 Mon Sep 17 00:00:00 2001 From: "Glitch (rescue-trans-rescue)" Date: Sun, 1 Sep 2024 22:23:54 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=88=F0=9F=A6=AA=20Updated=20with=20Gli?= =?UTF-8?q?tch?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .glitch-assets | 21 ++ artists.html | 12 +- artists/index.html | 12 +- index.html | 723 ++++++++++++++++++++++----------------------- scripts/artists.js | 101 ++++++- scripts/nav.js | 8 +- signup/index.html | 14 +- styles/details.css | 4 + styles/main.css | 22 +- 9 files changed, 515 insertions(+), 402 deletions(-) diff --git a/.glitch-assets b/.glitch-assets index 599a18b..1e1d458 100644 --- a/.glitch-assets +++ b/.glitch-assets @@ -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"} {"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":"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"} diff --git a/artists.html b/artists.html index 087cfa1..5c71b7e 100644 --- a/artists.html +++ b/artists.html @@ -3,7 +3,7 @@ - + Rescue Trans Rescue @@ -46,7 +46,7 @@
-
-
-

Artists

+
+

Artists

This page has moved to a simpler URL

-
+ - + diff --git a/artists/index.html b/artists/index.html index 959d618..0e2a388 100644 --- a/artists/index.html +++ b/artists/index.html @@ -3,7 +3,7 @@ - + Rescue Trans Rescue @@ -11,7 +11,7 @@ - + @@ -50,7 +50,7 @@
-
-
+

Artists

Artists were asked to provide a short description of their plans. Read @@ -85,10 +85,10 @@

-
+ - + diff --git a/index.html b/index.html index e7ccbe3..b2edc8a 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + Rescue Trans Rescue @@ -42,7 +42,7 @@
-
-
-

Rescue Trans Rescue

+
+

Rescue Trans Rescue

+ Logo of Trans Rescue, which looks like a stlized helicopter flying through a pink and blue ring. Text underneath says Trans Rescue. -
-

About Trans Rescue

-
-

- We help trans*, intersex, and other people flee places where it is - dangerous to be trans. -

-

- We help them reach places of safety and reasonable quality of - life. -

-

We do so legally and securely.

-
-

- Trans Rescue

-

and

-
-

- 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. -

-

We need help today. Please.

-
+

About Trans Rescue

+

- - - @trans_rescue@mastodon.social +

+ We help them reach places of safety and reasonable quality of + life. +

+

We do so legally and securely.

+
+

- Trans Rescue

+

and

+
+

+ 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. +

+

We need help today. Please.

+
+

+ - + @trans_rescue@mastodon.social +

+

The Exhibit

+

+ 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. +

+

Frequently Asked Questions

+
+ toggle all questions +
+ +
+ Who are the artists? +

+ Trans and gender expansive/diverse people who wish to help. If you + are unsure whether this includes you: it does. +

+
+ +
+ What type of art? +

+ 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. +

+

+ At current, our plan is to use + Ko-fi as our shop platform. This + comes with + content restrictions + artists should be aware of.

-

The Exhibit

- 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. + Special focus on a planned collaborative sticker sheet as a major + small-dollar item. Ideally all artists contribute to this + and it includes the TR logo.

-

FAQs

-
- toggle all FAQs -
- +

AI/LLM "art" is not permitted.

- Who are the artists? + Can I offer one of my commission slots?

- Trans and gender expansive/diverse people who wish to help. If you - 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.] + +

+

+ 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. +

+

+ 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.

-
- What type of art? + + Can I use pre-existing material as part of my art? +

- 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. -

-

- At current, our plan is to use - Ko-fi as our shop platform. This - comes with - content restrictions - artists should be aware of. -

-

- Special focus on a planned collaborative sticker sheet as a major - small-dollar item. Ideally all artists contribute to this - and it includes the TR logo. -

-

AI/LLM "art" is not permitted.

-
- Can I offer one of my commission slots? -

- - [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.] - -

-

- 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. -

-

- 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. -

-
-
- - Can I use pre-existing material as part of my art? - -

- Of course. You may collage, knit a hat from yarn you didn't - spin, paint with pigments you didn't crush yourself, etc. -

-
-
- -
- Must it be created for this exhibit? -

- 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. + Of course. You may collage, knit a hat from yarn you didn't + spin, paint with pigments you didn't crush yourself, etc.

- -
- Is there a theme? -

From TR:

-
-

- We help people escape. That’s something that appeals outside the - trans community. I just got off a call with a guy who had never - met a trans person before. He thought what we were doing was so - cool he’s volunteering with us. Freedom, escape, rebirth, - slavery, captivity, ... -

-
-

Basically, be inspired by what TR does :)

-
- -
- Can I collaborate with another artist? +
+ +
+ Must it be created for this exhibit? +

+ 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. +

+
+ +
+ Is there a theme? +

From TR:

+

- 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. + We help people escape. That’s something that appeals outside the + trans community. I just got off a call with a guy who had never + met a trans person before. He thought what we were doing was so + cool he’s volunteering with us. Freedom, escape, rebirth, + slavery, captivity, ... +

+
+

Basically, be inspired by what TR does :)

+
+ +
+ Can I collaborate with another artist? +

+ 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. +

+

+ Obviously, credit all artists who participate in creating a piece. +

+
+ +
+ How many works per artist? +

one of:

+
    +
  • + 1 original work (this may mean a single item, or for something + like a print, it may mean a set of similar items) that + can be digitally included on the sticker sheet as well as + sold on its own. +
    • +
  • + 1 original work (single item or set of prints etc) that + cannot be included on the sticker sheet plus 1 + small digital design for sticker sheet inclusion. +
    • +
  • + 1 small digital design for sticker sheet inclusion only. + However, be aware (as you read the next question) that + I am not able to set artist commission rates on sales of the + sticker sheets, only individual artistic creations. The sticker sheets will be too collaborative to realistically + apply all artists’ commissions in a meaningful way. +
    • +
+

+ 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! +

+
+ +
+ How is pricing determined? Are artists paid? +

For an original work, artists set the following:

+
    +
  1. Inventory: number of pieces of the work
    2. +
  2. Base price: starting price of the work
    3. +
  3. + Commission: % of the base price they would like to take + home, up to 50% inclusive +
    4. +
  4. Shipping: shipping fees broken out by continent
    5. +
+

+ 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. +

+

+ 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. +

+

Here's why:

+

+ 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. +

+

Let’s further elucidate this pricing schema with examples.

+

+ (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.) +

+
+ Alyx +

+ 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).

- 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. +

+

(In these cases, TR makes $85 and $110.50 respectively.)

+
+
+ Babs +

+ 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. +

+

+ 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. +

+

(In these cases, TR makes $40 and $57.50 respectively.)

+

+ (Also, if any keychains don’t sell, Babs retains the keychain + and can resell to anyone she desires.)

-
- How many works per artist? -

one of:

-
    -
  • - 1 original work (this may mean a single item, or for something - like a print, it may mean a set of similar items) that - can be digitally included on the sticker sheet as well as - sold on its own. -
    • -
  • - 1 original work (single item or set of prints etc) that - cannot be included on the sticker sheet plus 1 - small digital design for sticker sheet inclusion. -
    • -
  • - 1 small digital design for sticker sheet inclusion only. - However, be aware (as you read the next question) that - I am not able to set artist commission rates on sales of the - sticker sheets, only individual artistic creations. The sticker sheets will be too collaborative to realistically - apply all artists’ commissions in a meaningful way. -
    • -
+ Coral

- 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! + 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). +

+

+ Regardless of how many sell, Coral doesn’t get anything but + satisfaction of helping. (And exposure, but like, don’t work for + exposure kids.) +

+

(In this case, TR gets $5 * # sold.)

+

+ (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).

- +
+ +
+ How is fulfillment handled? +

+ 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). +

+

+ 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. +

+

+ 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. +

+

Returns are not a thing.

- How is pricing determined? Are artists paid? -

For an original work, artists set the following:

-
    -
  1. Inventory: number of pieces of the work
    2. -
  2. Base price: starting price of the work
    3. -
  3. - Commission: % of the base price they would like to take - home, up to 50% inclusive -
    4. -
  4. Shipping: shipping fees broken out by continent
    5. -
+ + If shipping is per-item, why bother having it listed as + shipping? Just bundle it. +

- 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. + 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.

-

- 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. -

-

Here's why:

-

- 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. -

-

Let’s further elucidate this pricing schema with examples.

-

- (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.) -

-
- Alyx -

- 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). -

-

- 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. -

-

(In these cases, TR makes $85 and $110.50 respectively.)

-
-
- Babs -

- 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. -

-

- 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. -

-

(In these cases, TR makes $40 and $57.50 respectively.)

-

- (Also, if any keychains don’t sell, Babs retains the keychain - and can resell to anyone she desires.) -

-
-
- Coral -

- 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). -

-

- Regardless of how many sell, Coral doesn’t get anything but - satisfaction of helping. (And exposure, but like, don’t work for - exposure kids.) -

-

(In this case, TR gets $5 * # sold.)

-

- (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). -

-
- +
+ +
+ What's the timeline? +

+ 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. +

- How is fulfillment handled? + Why 3 opening dates?

- 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). + 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.

-

- 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. -

-

- 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. -

-

Returns are not a thing.

-
- - If shipping is per-item, why bother having it listed as - shipping? Just bundle it. - -

- 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. -

-
- -
- What's the timeline? -

- 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. -

-
- Why 3 opening dates? -

- 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. -

-
-
- -
- I want to be part of this! -

- First, - sign up as an artist or supporter -

+
+ +
+ I want to be part of this! +

+ First, + sign up as an artist or supporter +

-

- After that, here’s some potential actions, ranging in skills - required, level of effort, and level of interaction with me. -

-
    -
  • - Follow the hashtag #rescueTransRescue on your favorite platform: - -
    • -
  • Boost posts or write your own - don't forget to tag!
    • -
  • Tell your friends
    • -
  • Work with TR and I to design promotional material
    • -
  • Work with me and our artists to lay out sticker sheets
    • -
  • - Work with me to help support artists and buyers who have - questions over email and fedi -
    • -
-

- Reach out to me via any of the methods on - my contact page. -

-
- -
- I signed up! Why am I not on the artist page? -

- At current, the artist page is manually updated, not - automatically. I just haven't seen your signup yet :) -

-

- 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 - #rescueTransRescue". -

-
-
-
+

+ After that, here’s some potential actions, ranging in skills + required, level of effort, and level of interaction with me. +

+ +

+ Reach out to me via any of the methods on + my contact page. +

+ + +
+ I signed up! Why am I not on the artist page? +

+ At current, the artist page is manually updated, not + automatically. I just haven't seen your signup yet :) +

+

+ 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 + #rescueTransRescue". +

+
+ - + diff --git a/scripts/artists.js b/scripts/artists.js index c103dc5..3a6fb3c 100644 --- a/scripts/artists.js +++ b/scripts/artists.js @@ -20,7 +20,7 @@ const FB = "fb"; insta: "", fb: "" } - } + }, */ let artists = [ @@ -37,6 +37,12 @@ let artists = [ fedi: "https://dice.camp/@Alien_Sunset", }, }, + { + name: "Acin Fals", + blurb: "

Pixel art with theme of 'fly together'.

", + 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", imgSrc: @@ -61,6 +67,19 @@ let artists = [ 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: + "

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.

", + socials: { + website: "www.sunguramy.com", + fedi: "https://flipping.rocks/@sunguramy", + }, + }, { name: "Anaïs Faë", imgSrc: @@ -75,6 +94,17 @@ let artists = [ 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: + "

The fun part about photography is you aren't really sure what you're going to be able to offer until you get it.

", + socials: { + fedi: "https://mastodon.art/@SynthGal", + }, + }, { name: "Cassowary", imgSrc: @@ -151,6 +181,22 @@ let artists = [ 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: + "

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

", + 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", imgSrc: @@ -188,6 +234,19 @@ let artists = [ 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: + "

a cute raku ceramic sculpture of some kind, probably in trans or rainbow pride-flag colours. if the glaze agrees!

", + socials: { + website: "https://www.driftingspirits.art", + fedi: "https://sunny.garden/@moonrabbit", + }, + }, { name: "lee", imgSrc: @@ -213,6 +272,18 @@ let artists = [ 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: + "

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.

", + socials: { + insta: "https://www.instagram.com/other_hsu_studios/", + }, + }, { name: "mari", imgSrc: @@ -225,6 +296,19 @@ let artists = [ 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: + "

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.

", + socials: { + website: "https://art.mlitherland.com", + fedi: "https://tech.lgbt/@MollyBeth", + }, + }, { name: "Nicky Roscoe-Calvert", 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) { let iconHTML; switch (socialType) { @@ -394,13 +485,6 @@ function makeSocial(socialType, socialLink) { 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 }) { let artist = document.createElement("div"); 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"; img.alt = "a 'missing image' icon"; } + img.addEventListener("click", openCorrespondingDetail); artist.appendChild(img); let details = document.createElement("details"); diff --git a/scripts/nav.js b/scripts/nav.js index 4c0e151..2c93d58 100644 --- a/scripts/nav.js +++ b/scripts/nav.js @@ -62,8 +62,8 @@ const ALIGN = "alignment"; const LEFT = "left"; const RIGHT = "right"; -const LEFT_ICON = ''; -const RIGHT_ICON = ''; +const LEFT_ICON = ''; +const RIGHT_ICON = ''; /* Menu alignment - right or left handed */ let align = localStorage.getItem(ALIGN); @@ -99,10 +99,12 @@ function changeAlign(align) { changeAlign(align); -function toggleAlign() { +function toggleAlign(event) { if (align === LEFT) align = RIGHT; else if (align === RIGHT) align = LEFT; changeAlign(align); + + if (event.detail === 0) alignToggle.focus(); } alignToggle.addEventListener("click", toggleAlign); diff --git a/signup/index.html b/signup/index.html index fdbbc16..d561480 100644 --- a/signup/index.html +++ b/signup/index.html @@ -3,7 +3,7 @@ - + Rescue Trans Rescue @@ -47,7 +47,7 @@
-
-
-

Sign Up!

+
+

Sign Up!

@@ -114,10 +114,10 @@

-
+ - + - + diff --git a/styles/details.css b/styles/details.css index a94e801..9c6c580 100644 --- a/styles/details.css +++ b/styles/details.css @@ -16,6 +16,10 @@ details summary { cursor: pointer; } +details ::marker { + content: "+ "; +} + #expand-all summary { background-color: var(--color-accent); } diff --git a/styles/main.css b/styles/main.css index 81f7c95..49ae94d 100644 --- a/styles/main.css +++ b/styles/main.css @@ -1,10 +1,5 @@ /* Our default values set as CSS variables */ :root { - --color-bg: #2e303e; - --color-text-main: #ebeeef; - --color-primary: #25b0bc; - --color-accent: #ee9fcb; - --color-warn: #fccf08; --wrapper-height: 87vh; --image-max-width: 300px; --image-margin: 3rem; @@ -18,6 +13,7 @@ --color-text-main: #2e303e; --color-primary: #18737b; --color-accent: #94195d; + --color-warn: #d43a58; } .dark { @@ -25,6 +21,7 @@ --color-text-main: #ebeeef; --color-primary: #25b0bc; --color-accent: #ee9fcb; + --color-warn: #fec81a; } /* Basic page style resets */ @@ -59,6 +56,7 @@ a:visited { font-style: normal; font-weight: bold; text-decoration: none; + border-radius: 1rem; } a:after { @@ -169,7 +167,7 @@ body { margin: 0 1rem; } -.content { +main { display: block; flex-direction: column; align-items: center; @@ -184,18 +182,22 @@ h1 { text-align: center; } -.content a:link, -.content a:visited { +main a:link, +main a:visited { color: var(--color-accent); } @media (hover: hover) { - .content a:hover { + main a:hover { background: var(--color-accent); color: var(--color-bg); } } +:focus-visible { + outline: 3px solid var(--color-warn); +} + /* Very light scaling for our title */ .title { color: var(--color-accent); @@ -221,4 +223,4 @@ h3, h4 { color: var(--color-primary); font-size: 2rem; -} \ No newline at end of file +}