RTM/rtm-website
0
0
Fork 0
Code Issues 1 Pull Requests 4 Actions Packages Projects Releases Wiki Activity

WIP: small tweaks based on feedback #12

Draft
brookechr wants to merge 2 commits from strawberry/7-26-fixes into main
pull from: strawberry/7-26-fixes
merge into: RTM:main
Conversation 0 Commits 2 Files Changed 7
+195 -85
7 changed files with 195 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Card.astro
+20 -9
View File
@@ -10,15 +10,26 @@ const { title, bigTech, alternatives, bgClass } = Astro.props;
---
<div class={`border rounded-lg p-6 shadow-md ${bgClass} text-gray-900`}>
<h2 class="text-2xl font-semibold mb-4">{title}</h2>
<p class="text-base mb-4"><span class="line-through">Big Tech Option: {bigTech}</span></p>
<h2 class="mb-4 text-2xl font-semibold">{title}</h2>
<p class="mb-4 text-base">
<span class="line-through">Big Tech Option: {bigTech}</span>
</p>
<ul class="space-y-4">
{alternatives.map(alt => (
<li>
<h3 class="text-lg font-bold underline">{alt.name}</h3>
<p>{alt.description}</p>
<a href={alt.url} class="text-blue-500 hover:text-blue-700">Website</a>
</li>
))}
{
alternatives.map((alt) => (
<li>
<h3 class="text-lg font-bold underline">{alt.name}</h3>
<p>{alt.description}</p>
<a
href={alt.url}
class="text-blue-500 hover:text-blue-700"
rel="noopener noreferrer"
target="_blank"
>
Website
</a>
</li>
))
}
</ul>
</div>
src/components/PointsOfUnity.astro
+88 -22
View File
@@ -1,64 +1,130 @@
<h1 class="text-3xl font-semibold">Points of Unity</h1>
<p class="mb-4">
Our community agreements and decision-making process describe <em>how</em> we work together. The points of unity are the broader philosophies that we're working towards as a group. Perhaps people aren't 100% aligned individually, but this is what the group as a whole believes in when showing up to the work.
Our community agreements and decision-making process describe <em>how</em> we work
together. The points of unity are the broader philosophies that we're working towards
as a group. Perhaps people aren't 100% aligned individually, but this is what the
group as a whole believes in when showing up to the work.
</p>
<h2 class="text-2xl font-semibold mt-10 mb-2">Grounding</h2>
<h2 class="mb-2 mt-10 text-2xl font-semibold">Grounding</h2>
<p class="mb-4">
We situate ourselves in our context - as Seattle residents and as users and creators of the technologies we aim to resist. We are seeing a long-spanning rise of fascism within national governments here and abroad. In parallel is the increasing power of tech companies over our lives through surveillance and the provisioning of everyday needs, from employment to how we get our internet utilities in the first place. There are rising income disparities across the nation, but also more specifically across everyone who can be considered a "tech worker": from a CEO, to a software engineer to a tech campus cafeteria worker to a child enslaved to mine cobalt in the Congo.
We situate ourselves in our context - as Seattle residents and as users and
creators of the technologies we aim to resist. We are seeing a long-spanning
rise of fascism within national governments here and abroad. In parallel is
the increasing power of tech companies over our lives through surveillance and
the provisioning of everyday needs, from employment to how we get our internet
utilities in the first place. There are rising income disparities across the
nation, but also more specifically across everyone who can be considered a
"tech worker": from a CEO, to a software engineer to a tech campus cafeteria
worker to a child enslaved to mine cobalt in the Congo.
</p>
<p class="mb-4">
We know that technology intersects with and amplifies systems of oppression, from anti-Black racism to classism, ableism, cisheteropatriarchy, etc. Big tech permeates all aspects of life in Seattle, but to name a few ways:
We know that technology intersects with and amplifies systems of oppression,
from anti-Black racism to classism, ableism, cisheteropatriarchy, etc. Big
tech permeates all aspects of life in Seattle, but to name a few ways:
</p>
<ul class="list-disc pl-8 mb-4 space-y-2">
<li>The rise of a <a href="https://stopsurveillancecity.wordpress.com/" class="font-bold underline hover:text-gray-600">Surveillance City</a> in Seattle facilitates the tracking of out-of-state people seeking abortions, the kidnapping of migrants, and the increased surveillance and criminalization of sex workers, the visibly unhoused, and poor and racialized communities.</li>
<li>The <strong>environmental racism</strong> and community impacts of <strong>data centers</strong>, both from the AI bubble and the demand for more data processing that comes with surveillance capitalism.</li>
<li><strong>The AI genocide</strong> in Palestine abetted by Google, Amazon, Boeing and Microsoft, all local Seattle employers.</li>
<li>Rising <strong>gentrification</strong> and <strong>income inequality</strong> that comes from financialization of real estate and the gentrifying waves of tech workers moving into the city.</li>
<ul class="mb-4 list-disc space-y-2 pl-8">
<li>
The rise of a <a
href="https://stopsurveillancecity.wordpress.com/"
class="font-bold underline hover:text-gray-600"
rel="noopener noreferrer"
target="_blank">Surveillance City</a
> in Seattle facilitates the tracking of out-of-state people seeking abortions,
the kidnapping of migrants, and the increased surveillance and criminalization
of sex workers, the visibly unhoused, and poor and racialized communities.
</li>
<li>
The <strong>environmental racism</strong> and community impacts of <strong
>data centers</strong
>, both from the AI bubble and the demand for more data processing that
comes with surveillance capitalism.
</li>
<li>
<strong>The AI genocide</strong> in Palestine abetted by Google, Amazon, Boeing
and Microsoft, all local Seattle employers.
</li>
<li>
Rising <strong>gentrification</strong> and <strong>income inequality</strong
> that comes from financialization of real estate and the gentrifying waves of
tech workers moving into the city.
</li>
</ul>
<p class="mb-4">
Some of us are employed by Big Tech companies, and we are all living on stolen Coast Salish land covered by the broken Treaty of Point Elliot of 1855; we understand that we are contributing - directly or indirectly - to these oppressions, and seek to use our skills towards more liberatory ends.
Some of us are employed by Big Tech companies, and we are all living on stolen
Coast Salish land covered by the broken Treaty of Point Elliot of 1855; we
understand that we are contributing - directly or indirectly - to these
oppressions, and seek to use our skills towards more liberatory ends.
</p>
<h2 class="text-2xl font-semibold mt-10 mb-2">Theory of Change</h2>
<h2 class="mb-2 mt-10 text-2xl font-semibold">Theory of Change</h2>
<p class="mb-4">
We are committed to fostering our collective understanding of resisting tech monopolies and building a constellation of alternative technologies that exist outside of exploitative, oppressive systems. We seek out radical possibilities by building connections across our communities with others struggling to resist tech monopolies and reject work that expands the reach of these monopolies.
We are committed to fostering our collective understanding of resisting tech
monopolies and building a constellation of alternative technologies that exist
outside of exploitative, oppressive systems. We seek out radical possibilities
by building connections across our communities with others struggling to
resist tech monopolies and reject work that expands the reach of these
monopolies.
</p>
<p class="mb-4">
We don't need to passively wait around for somebody to come implement these solutions. Making improvements to our lives and our communities paves the way for collective liberation. Dismantling smaller elements of a system is practice for uprooting the whole and replacing it with a constellation of liberatory alternatives.
We don't need to passively wait around for somebody to come implement these
solutions. Making improvements to our lives and our communities paves the way
for collective liberation. Dismantling smaller elements of a system is
practice for uprooting the whole and replacing it with a constellation of
liberatory alternatives.
</p>
<h2 class="text-2xl font-semibold mt-10 mb-2">Role of Technology</h2>
<h2 class="mb-2 mt-10 text-2xl font-semibold">Role of Technology</h2>
<p class="mb-4">
"We believe our communities and organizing efforts can and should harness the possibilities of new technology." (<a href="https://mijente.net/our-dna/" class="underline hover:text-gray-600">Mijente</a>) However, we don't innovate for the sake of innovation, but aim to create with intention, listen to the perspectives of those we hope to serve (including ourselves), and hold each other accountable in this work.
"We believe our communities and organizing efforts can and should harness the
possibilities of new technology." (<a
href="https://mijente.net/our-dna/"
class="underline hover:text-gray-600"
rel="noopener noreferrer"
target="_blank">Mijente</a
>) However, we don't innovate for the sake of innovation, but aim to create
with intention, listen to the perspectives of those we hope to serve
(including ourselves), and hold each other accountable in this work.
</p>
<h2 class="text-2xl font-semibold mt-10 mb-2">Our Position in the Movement</h2>
<h2 class="mb-2 mt-10 text-2xl font-semibold">Our Position in the Movement</h2>
<p class="mb-4">
We don't see ourselves as a vanguard organization - that is, we make no claims to being the sole authority on resisting tech monopolies and we will never tell a front-line community or group of tech users what they actually need. Everyone benefits from the work of resisting tech monopolies, and for that reason we do the work for ourselves as much as we do it for anybody we are in solidarity with.
We don't see ourselves as a vanguard organization - that is, we make no claims
to being the sole authority on resisting tech monopolies and we will never
tell a front-line community or group of tech users what they actually need.
Everyone benefits from the work of resisting tech monopolies, and for that
reason we do the work for ourselves as much as we do it for anybody we are in
solidarity with.
</p>
<p class="mb-4">
However we also recognize our own privilege in being highly-skilled tech workers: because of this we center the voices of the people most vulnerable to various tech monopolies, and aim to share our expertise so that others can also become agents in co-creating technologies of liberation and resistance.
However we also recognize our own privilege in being highly-skilled tech
workers: because of this we center the voices of the people most vulnerable to
various tech monopolies, and aim to share our expertise so that others can
also become agents in co-creating technologies of liberation and resistance.
</p>
<h2 class="text-2xl font-semibold mt-10 mb-2">Friendly Vibes</h2>
<h2 class="mb-2 mt-10 text-2xl font-semibold">Friendly Vibes</h2>
<p class="mb-4">
Holding all of the above, we're also a group of friends here for the scrappy, hacky vibes. We don't take our work too seriously and we're here to work joyfully. This is first and foremost a community.
Holding all of the above, we're also a group of friends here for the scrappy,
hacky vibes. We don't take our work too seriously and we're here to work
joyfully. This is first and foremost a community.
</p>
<h2 class="text-2xl font-semibold mt-10 mb-2">Acknowledgments</h2>
<h2 class="mb-2 mt-10 text-2xl font-semibold">Acknowledgments</h2>
<p class="mb-4">
These points of unity were inspired by the Prison Library Solidarity Network, the Coalition of Anti-Racist Whites, Ruha Benjamin's work on Abolitionist Tech, and Mijente.
These points of unity were inspired by the Prison Library Solidarity Network,
the Coalition of Anti-Racist Whites, Ruha Benjamin's work on Abolitionist
Tech, and Mijente.
</p>
src/components/Services.astro
+1 -1
View File
@@ -40,7 +40,7 @@
<a
href="https://nextcloud.resisttechmonopolies.online/apps/forms/4LrRffxHzHqwCrgs/submit"
class="max-w-[120px] rounded-sm bg-[#4ade80] my-4 px-6 py-3 text-center font-semibold text-white transition-colors"
class="max-w-[120px] rounded-sm bg-[#0BBA4F] my-4 px-6 py-3 text-center font-semibold text-white transition-colors"
>
Hire us!
</a>
src/components/WhatWereUpTo.astro
+32 -40
View File
@@ -1,56 +1,48 @@
<h1 class="pb-4 text-3xl font-semibold">What We're Up To</h1>
<div class="grid grid-cols-1 gap-8 xl:grid-cols-3">
<div class="grid justify-items-center gap-8">
<a href="/projects/bookclub/" class="underline decoration-solid">
<img
src="/assets/book-club.png"
alt="4 books we've read: Common Cicruits, Race After Technology, Teaching Community Technology, and Internet for the People"
loading="lazy"
class="h-[250px] border"
/>
</a>
<a
href="/projects/bookclub/"
<div class="grid max-w-[1600px] grid-cols-1 gap-8 xl:grid-cols-3">
<a href="/projects/bookclub/" class="grid justify-items-center gap-8">
<img
src="/assets/book-club.png"
alt="4 books we've read: Common Cicruits, Race After Technology, Teaching Community Technology, and Internet for the People"
loading="lazy"
class="h-[250px] rounded-[4px] object-contain xl:object-scale-down"
/>
<div
class="max-w-[240px] rounded-sm bg-[#fb923c] px-6 py-3 text-center font-semibold text-white transition-colors"
>
What We're Reading
</a>
</div>
</div>
</a>
<div class="grid justify-items-center gap-8">
<a href="/projects/PetCalendar/" class="underline decoration-solid">
<img
src="/assets/pet-calendar-2026-cover.jpg"
alt="The cover of our pet calendar; a collage of dogs and cats with computer stuff"
loading="lazy"
class="h-[250px] border"
/>
</a>
<a href="/projects/PetCalendar/" class="grid justify-items-center gap-8">
<img
src="/assets/pet-calendar-2026-cover.jpg"
alt="The cover of our pet calendar; a collage of dogs and cats with computer stuff"
loading="lazy"
class="h-[250px] rounded-[4px] object-contain xl:object-scale-down"
/>
<a
href="/projects/petcalendar/"
<div
class="max-w-[240px] rounded-sm bg-[#fb923c] px-6 py-3 text-center font-semibold text-white transition-colors"
>
Pet Calendar
</a>
</div>
</div>
</a>
<div class="grid justify-items-center gap-8">
<a href="/projects/zines/" class="underline decoration-solid">
<img
src="/assets/zines-thumbnail.png"
alt="4 zines we made: Creating an Internet for the People, De-Monopoly DiscoTech 101, How to Get Started with Signal, and Brief Notes from a De-Monopoly DiscoTech"
loading="lazy"
class="h-[250px] border"
/>
</a>
<a href="/projects/zines/" class="grid justify-items-center gap-8">
<img
src="/assets/zines-thumbnail.png"
alt="4 zines we made: Creating an Internet for the People, De-Monopoly DiscoTech 101, How to Get Started with Signal, and Brief Notes from a De-Monopoly DiscoTech"
loading="lazy"
class="h-[250px] rounded-[4px] object-contain xl:object-scale-down"
/>
<a
href="/projects/zines/"
<div
class="max-w-[240px] rounded-sm bg-[#fb923c] px-6 py-3 text-center font-semibold text-white transition-colors"
>
Zines
</a>
</div>
</div>
</a>
</div>
src/pages/index.astro
+2 -3
View File
@@ -38,11 +38,10 @@ import Services from "@/components/Services.astro";
<p>
Do you believe technology can and should be used for good? Do you
think a democratic internet could liberate us? Join us!
think a democratic internet could liberate us? Join us! We share this
vision, and we want to work together to achieve it.
</p>
<p>We share this vision, and we want to work together to achieve it.</p>
<div class="my-8">
<a
href="https://shlink.resisttechmonopolies.online/HNrZG"
src/pages/projects/PetCalendar.astro
+46 -6
View File
@@ -6,7 +6,7 @@ import "../../styles/globals.css";
---
<Layout>
<main class="px-4 flex min-h-screen flex-col justify-between">
<main class="flex min-h-screen flex-col justify-between px-4">
<div>
<section class="sticky top-0">
<Navbar client:load activePage="WhatWereUpTo" />
@@ -47,7 +47,11 @@ import "../../styles/globals.css";
Try out Mastadon for algorithmless social media that won't sell
your data!
</p>
<a class="mb-2 underline" href="https://joinmastodon.org/"
<a
class="mb-2 underline"
href="https://joinmastodon.org/"
rel="noopener noreferrer"
target="_blank"
>Join Mastadon!
</a>
@@ -66,6 +70,8 @@ import "../../styles/globals.css";
<a
class="mb-2 underline"
href="https://www.xda-developers.com/tips-for-self-hosting-beginners/"
rel="noopener noreferrer"
target="_blank"
>Beginner's Guide to Self-Hosting!
</a>
@@ -81,6 +87,8 @@ import "../../styles/globals.css";
<a
class="mb-2 underline"
href="https://tutorials.mediaket.net/software-tutorials/calibre-how-to-use-it.html"
rel="noopener noreferrer"
target="_blank"
>Get Started with Calibre!
</a>
@@ -99,6 +107,8 @@ import "../../styles/globals.css";
<a
class="mb-2 underline"
href="https://www.geeksforgeeks.org/linux-unix/30-days-of-linux/"
rel="noopener noreferrer"
target="_blank"
>30 Days of Linux for Beginners!
</a>
@@ -116,6 +126,8 @@ import "../../styles/globals.css";
<a
class="mb-2 underline"
href="https://graziamagazine.com/me/articles/history-keffiyeh-palestine/"
rel="noopener noreferrer"
target="_blank"
>Learn the history and meaning of the keffiyeh!
</a>
@@ -134,6 +146,8 @@ import "../../styles/globals.css";
<a
class="mb-2 underline"
href="https://web.archive.org/web/20260108185516/https://www.androidauthority.com/ente-photos-hands-on-3542198/"
rel="noopener noreferrer"
target="_blank"
>In-depth overeview of Ente Photos migration!
</a>
@@ -152,6 +166,8 @@ import "../../styles/globals.css";
<a
class="mb-2 underline"
href="https://protasm.com/blogs/news/an-extensive-tutorial-on-how-to-setup-a-pi-hole"
rel="noopener noreferrer"
target="_blank"
>Extensive PiHole Tutorial!
</a>
@@ -174,7 +190,11 @@ import "../../styles/globals.css";
Try out DuckDuckGo as a privacy-friendly alternative to Google
search and Chrome!
</p>
<a class="mb-2 underline" href="https://duckduckgo.com/"
<a
class="mb-2 underline"
href="https://duckduckgo.com/"
rel="noopener noreferrer"
target="_blank"
>Download Duck Duck Go!
</a>
@@ -195,6 +215,8 @@ import "../../styles/globals.css";
<a
class="mb-2 underline"
href="https://www.youtube.com/watch?v=1-Xl6dhDV3Q"
rel="noopener noreferrer"
target="_blank"
>
How to Build Radical Community!
</a>
@@ -209,6 +231,8 @@ import "../../styles/globals.css";
<a
class="mb-2 underline"
href="https://social-ecology.org/wp/neighbor-union-cohort/"
rel="noopener noreferrer"
target="_blank"
>Learn about Neighbor Unions!
</a>
@@ -228,6 +252,8 @@ import "../../styles/globals.css";
<a
class="mb-2 underline"
href="https://jellyfin.org/docs/general/quick-start/"
rel="noopener noreferrer"
target="_blank"
>Quickstart for JellyFin!
</a>
@@ -243,7 +269,11 @@ import "../../styles/globals.css";
Try out Meet.coop as an open-source, privacy-friendly, and renewable
energy-powered alternative to Zoom and Hangouts!
</p>
<a class="mb-2 underline" href="https://www.meet.coop/"
<a
class="mb-2 underline"
href="https://www.meet.coop/"
rel="noopener noreferrer"
target="_blank"
>Make a Meet.coop account!
</a>
@@ -252,7 +282,11 @@ import "../../styles/globals.css";
<hr class="mb-4" />
<p class="mb-2">Free alternative: Jitsi</p>
<a class="mb-2 underline" href="https://meet.jit.si/"
<a
class="mb-2 underline"
href="https://meet.jit.si/"
rel="noopener noreferrer"
target="_blank"
>Start a Meeting with Jitsi!
</a>
@@ -272,6 +306,8 @@ import "../../styles/globals.css";
<a
class="mb-2 underline"
href="https://radicale.org/master.html#simple-5-minute-setup"
rel="noopener noreferrer"
target="_blank"
>Setting up Radicale Tutorial!
</a>
@@ -280,7 +316,11 @@ import "../../styles/globals.css";
<hr class="mb-4" />
<p class="mb-2">Alternative: Proton Calendar</p>
<a class="mb-2 underline" href="https://calendar.proton.me/"
<a
class="mb-2 underline"
href="https://calendar.proton.me/"
rel="noopener noreferrer"
target="_blank"
>Switch to Proton Calendar!
</a>
src/pages/projects/bookclub.astro
+6 -4
View File
@@ -26,18 +26,20 @@ import "../../styles/globals.css";
<div class="rounded-lg border p-6">
<h2 class="mb-4 text-2xl font-semibold">Current Book</h2>
<div>
Teaching Community Technology Handbook - Detroit Community Technology
Project (read for free <a
Teaching Community Technology Handbook - Detroit Community
Technology Project (read for free <a
class="underline"
href="https://detroitcommunitytech.org/?q=teachcommtech"
>here
</a>)
rel="noopener noreferrer"
target="_blank">here</a
>)
</div>
</div>
<div class="rounded-lg border p-6">
<h2 class="mb-4 text-2xl font-semibold">Past Books</h2>
<ul class="list-disc pl-6">
<li>Holding Change - Adrienne Maree Brown</li>
<li>Race After Technology - Ruha Benjamin</li>
<li>Common Circuits - Luis Felipe R. Murillo</li>
<li>Internet for the People - Ben Tarnoff</li>