From 9b4404ed6dc8f1dcd73b6ef59fc46437f87d5bb2 Mon Sep 17 00:00:00 2001 From: a Date: Mon, 3 Jun 2024 18:20:59 -0500 Subject: [PATCH] maybe ready --- content/support/index.html | 50 +++++++++++++++++++++- content/support/style.scss | 88 +++++++++++++++++++++++++++++++++++++- 2 files changed, 134 insertions(+), 4 deletions(-) diff --git a/content/support/index.html b/content/support/index.html index 9b06fdf..030cc8b 100644 --- a/content/support/index.html +++ b/content/support/index.html @@ -18,8 +18,54 @@ layout = "custom_html" +++
-
+

Help me live

-

Much like everyone else under capitalism, I need money to live. Most of the stuff I do is what you might consider "socially useful" but also "general unprofitable". Given our capitalist society, my "value" is judged by the latter criteria rather than the former.

+

Much like everyone else under capitalism, I need money to live. Most of the stuff I do is what you might consider "socially useful" but also "generally unprofitable". If you could support me financially, it would go a long way to giving me more breathing room.

+ +
+

What I do for "free"

+

Behind the scenes of the social web

+ {{< figquote cite="Anonymous" >}} +

a has encyclopedic knowledge of the inner workings of the fediverse and forward-thinking ideas for the social web in general, backed by solid technical and social grounding

+ {{< /figquote >}} +

I'm a member of the Mastodon and Pixelfed teams on Github. I'm involved in protocol discussions and proposals. Some of the ideas I'm trying to push forward:

+
    +
  • Bringing context back into the social web. Whereas platforms like Twitter removed context and frequently lead to context collapse, older-style forums do not have these contextual issues due to the explicit grouping of posts into threads.
    • +
  • "Special collection proofs" for obtaining and verifying stamps of inclusion in a special collection. This allows for a natural way of, for example, showing only replies that have been stamped by the author, or only posts that have been added to a moderated conversation, without having to fetch the entire collection and validate the relationship yourself. This gives people greater control over their conversations and interactions, allowing them to set and signal boundaries that good-faith actors can respect.
    • +
  • Custom audiences. Similar to Instagram's "Close Friends", Twitter's former "Circle" feature, Facebook's "friend lists", diaspora*'s "Aspects" or Google+ "Circles", you should be able to define subsets of people that you can then address in your posts. The building blocks are largely there already; they just need to be put together.
    • +
  • Explicit collection management. Currently, the social web operates on the basis that everything is implicitly reconstructed on your "instance" based on what it receives. Hashtags, profiles, and timelines do not really exist. By having explicit collections for these, not only can you add features like excluding certain posts from your profile, or having multiple streams/collections of your own posts, but you can also follow those collections to get updates about the stuff you care about, instead of a grab-bag of everything that may or may not be relevant.
    • +
+
+
+

Finances overview

+

I currently receive around $11.15 per week on Liberapay. Meeting a goal of $500 per week would mean that my survival is no longer in question. But of course, anything helps!

+
+
\ No newline at end of file diff --git a/content/support/style.scss b/content/support/style.scss index 4ca90c0..0efe1d9 100644 --- a/content/support/style.scss +++ b/content/support/style.scss @@ -1,5 +1,89 @@ main.support { - .cta { - + line-height: 1.728; + .container { + max-width: 80ch; + @media (min-width: 60rem) { + padding-inline: 0 + } + } + + .donation-links { + padding-inline-start: 0; + list-style: none; + display: flex; + flex-flow: row wrap; + margin-block: 3rem; + justify-content: space-around; + gap: 1rem; + li { + display: contents; + } + a { + flex-basis: 13rem; + display: grid; + text-decoration: none; + place-items: center; + text-align: center; + gap: 1rem; + svg { + width: 100%; + height: 4rem; + } + span { + font-weight: bold; + } + background: var(--color-accent); + padding: 2rem; + color: white; + border-radius: 1rem; + box-shadow: 0px 4px 4px hsl(150, 80%, 30%); + &:hover { + background-color: var(--color-highlight-weak); + box-shadow: 0px 2px 2px hsl(210, 80%, 50%) + } + } + } + + .quote { + margin: 0; + margin-inline-start: 1rem; + padding: 1rem; + padding-inline-start: 2.5rem; + position: relative; + border-radius: 2rem; + border-start-start-radius: 0; + background: var(--color-highlight); + color: var(--color-button-text); + &:before { + content: ''; + position: absolute; + border-style: solid; + border-width: 0rem 1rem 1rem 0; + border-color: transparent var(--color-highlight) transparent transparent; + left: -1rem; + top: 0; + } + blockquote { + margin: 0; + margin-block-start: 0.5rem; + p { + margin: 0; + } + &:before { + content: '“'; + position: absolute; + top: -0.75rem; + left: 0.5rem; + font-size: 3rem; + font-family: serif; + } + } + figcaption { + cite { + &:before { + content: '— '; + } + } + } } } \ No newline at end of file