augustkline.com/site/giving-us-money.html

81 lines
4.9 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/assets/images/ribbon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ʕ·ᴥ·ʔ- august kline</title>
<link rel="stylesheet" type="text/css" href="/style.css" />
</head>
<body>
<main>
<div class="container">
<div class="clipped">
<div class="clipped-items">
<a title="ʕ·ᴥ·ʔ- home" aria-label="home" href="/">
<img src="/assets/images/me.jpg"
alt="august kline, a young woman smiling gently with sunset cityscape behind her"
class="clipped-image" />
</a>
<p class="slip slip-george">ʕ·ᴥ·ʔ</p>
<p class="slip slip-label">home</p>
</div>
<img class="paperclip" src="/assets/images/paperclip.png" />
</div>
<h1>give us money!</h1>
<div class="content">
<p>did you know the U.S. trans <a
href="https://transequality.org/sites/default/files/2024-02/2022%20USTS%20Early%20Insights%20Report_FINAL.pdf"
target="_blank" rel="noreferrer">unemployment rate</a> is
<b>18%</b>? or that the trans <a
href="https://transequality.org/sites/default/files/2024-02/2022%20USTS%20Early%20Insights%20Report_FINAL.pdf"
target="_blank" rel="noreferrer">poverty rate</a> is <b>34%</b>?
</p>
<p>now more than ever, trans people need money! if you know a trans person,
give them anything you can. if you don't (or if you have more to give!), here are some
groups that need your money:
</p>
<ul style="display: block; list-style: '~ '; padding-inline-start: 5cqi;">
<li style="margin-block: 1cqb; color: slateblue;">
<a href="https://www.glitsinc.org/donate" target="_blank" rel="noreferrer"
style="--color: slateblue; text-decoration-style: solid;">gays &amp; lesbians
living
in a transgender society (G.L.I.T.S)</a>
</li>
<li style="margin-block: 1cqb; color: palevioletred">
<a href="https://www.blacktranstravelfund.com/donate.html" target="_blank" rel="noreferrer"
style="--color: palevioletred; text-decoration-style: solid;">black trans
travel fund</a>
</li>
<li style="margin-block: 1cqb; color: slategrey">
<a href="https://tgijp.org/donate-html/" target="_blank" rel="noreferrer"
style="--color: slategrey; text-decoration-style: solid;">transgender
gender-variant &amp; intersex justice project (TGIJP)</a>
</li>
<li style="margin-block: 1cqb; color: palevioletred">
<a href="https://srlp.org/donate/" target="_blank" rel="noreferrer"
style="--color: palevioletred; text-decoration-style: solid;">sylvia rivera law
project</a>
</li>
<li style="margin-block: 1cqb; color: slateblue">
<a href="https://www.them.us/story/orgs-fighting-back-anti-trans-legislation" target="_blank"
rel="noreferrer" style="--color: slateblue; text-decoration-style: solid;">and many more
in
your
state!</a>
</li>
</ul>
</div>
<!-- <a class="signature" href="mailto:yours@augustkline.com" title="ʕ·ᴥ·ʔ- send me a message!" -->
<!-- style="margin-block-start: 8cqb" aria-label="send me a message"><span -->
<!-- class="valediction">love</span>,<br><span class="name">kline</span></a> -->
</div>
</main>
<script>const valedictions = ["love", "in solidarity", "yours forever", "just 4 u", "until tomorrow", "endlessly", "yours", "until we meet again", "tirelessly yours", "<3", "with warmth", "xoxo", "with open arms", "gently", "truly yours", "until our next encounter", "awaiting your reply", "with grace", "with love", "solidarity forever", "joyfully", "hearts & little stars", "ribbons & bows", "unabashedly yours", "thinking of u"]; const valediction = document.getElementsByClassName("valediction")[0]; const index = Math.floor(Math.random() * valedictions.length); valediction.textContent = valedictions[index];</script>
</body>
</html>