-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
144 lines (144 loc) · 15.4 KB
/
index.html
File metadata and controls
144 lines (144 loc) · 15.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>throneless tech</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="color-scheme" content="light only" />
<meta name="description" content="a social justice focused technology cooperative." />
<meta property="og:site_name" content="throneless tech" />
<meta property="og:title" content="throneless tech" />
<meta property="og:type" content="website" />
<meta property="og:description" content="a social justice focused technology cooperative." />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&display=swap"
rel="stylesheet">
<link rel="icon" type="image/png" href="assets/images/favicon.png" />
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png" />
<link rel="stylesheet" href="assets/main.css" />
<noscript><link rel="stylesheet" href="assets/noscript.css" /></noscript>
</head>
<body class="is-loading">
<div id="wrapper">
<div id="main">
<div class="inner">
<section id="home-section">
<div id="image01" class="image">
<span class="frame"><img src="assets/images/image01.svg" alt="" /></span>
</div>
<h1 id="text01">Throneless Tech</h1>
<p id="text04">a social justice focused technology cooperative.</p>
</section>
<section id="about-section">
<h2 id="text10">about us</h2>
<p id="text09"><span class="p">Throneless Tech is a technology worker-cooperative based in Washington, DC. Throneless specializes in building technology and providing digital security trainings for social justice oriented community organizations, activist groups, and non-profits.</span><span class="p">Throneless cooperators are activists and organizers who’ve done work on a variety of issues, including reproductive justice, food justice, gender parity, racial equity and internet freedom. We care as deeply about building responsible, accessible software and websites as we do about the issues and causes we’re building for.</span><span class="p">As activists and organizers, Throneless cooperators have experience in all project phases, including collaboration, discovery, revising, and building. We pride ourselves on complete, accessible, responsive work that is long lasting and durable for causes we believe in. We’ll work with you to create the right look and feel for your site or app, valuing your knowledge of your cause and brand with our knowledge of design and code. We're also skilled facilitators, taking you through the best practices of digital security in a clear and easy to digest way.</span></p>
<hr id="divider02">
<p id="text13">mission</p>
<h3 id="text12"><span class="p"><em>This is a living documents that may evolve over time.</em></span><span class="p">Throneless Tech is a queer, values-driven worker cooperative. We are humans first, worker-owners second. We strive to build technology with, not just for, our communities. We are here for abolition and liberation, and struggle against racist colonial, imperial, and capitalist systems in our work. We are accountable to each other; we are not cops to each other. We are laboring for a future where that’s true for all, so we work on projects designed with this mission in mind.</span></h3>
</section>
<section id="members-section">
<h2 id="text08">members</h2>
<p id="text11">who we are</p>
<div id="text15">
<h3 ><strong>🤠 Harum</strong> <em>(pronounced: ha-room, pronouns: they/them)</em></h3><p > is a full-stack software developer who’s excited to work on technology that envisions a more just world. They fell in love with software engineering as a user of an open-source Rails app, which streamlined the work of a reproductive health nonprofit where they serve on the board of directors. They’re usually working on writing better JavaScript and Rust. Previously, Harum has worked in bike shops, on bike trails, at a news startup, and as a public radio reporter. They’re also an abortion doula.</p>
</div>
<div id="text19">
<h3><strong>👀 Josh</strong><em> (pronouns: they/them)</em></h3> <p>has two decades of experience in software development, software architecture, network engineering, and systems administration for social justice. They develop community-oriented technology and secure communication platforms to enable the work of organizers, activists, and journalists globally.</p>
</div>
<div id="text06">
<h3><strong>☕️ Morgan</strong> <em>(pronouns: she/her)</em></h3><p> is a project doula with two decades of project management experience in a variety of industries, from residential construction & historic preservation to fine art production & woodworking education. The throughline in her career has been solving the puzzle of space & time for each project: plotting the course of work from beginning to end, identifying & meeting milestones, & resolving challenges as they come up. She is here to support both the client & the developer to come to an elegant and timely solution to their projects.</p>
</div>
<div id="text14">
<h3><strong>🔊 Rae</strong> <em>(no pronouns)</em></h3><p> is a full-stack web developer and activist. With a background in video production and audio engineering, Rae brings a multimedia perspective into Rae’s software engineering. Rae specializes in front-end engineering and bringing designs to life, especially including full-stack JavaScript projects. Rae codes, organizes with, and facilitates for, local organizers who are looking to strengthen their digital security and deescalation skills.</p>
</div>
</section>
<section id="portfolio-section">
<h2 id="text05">portfolio</h2>
<h3 id="text03"><span class="p"><strong><a href="https://www.techpolicy.press/">techpolicy.press</a></strong><br />A complete build of a website to explore the problems with Big Tech, and how governments can re-code it to protect the public interest and democracy. Built on Next.js using Material UI with a Content Management System built in Sanity.io. Design by <a href="https://superbloom.design">Superbloom</a> (fka Simply Secure).</span></h3>
<h3 id="text16"><span class="p"><strong><a href="https://ppefny.org/">PPEF NY</a></strong><br />A complete rebuild of the website for the Public Policy and Education Fund of New York. Built on Next.js using Material UI with a Content Management System built in Sanity.io. Design by <a href="https://www.designchoice.studio/">Design Choice</a>.</span></h3>
<h3 id="text17"><span class="p"><strong><a href="https://prereview.org/">Prereview</a></strong><br />A community peer-reviewing platform of scientific preprints. Throneless merged a rapid review platform with Prereview's main platform, and rebuilt the entire site including a custom content management system.</span></h3>
<h3 id="text18"><span class="p"><strong><a href="https://jobs.reprojobs.org/">ReproJobs Jobs Board</a></strong></span><span class="p">A jobs board built to integrate with the main site for <a href="https://www.reprojobs.org/">ReproJobs</a>, built custom as a semi-static site. Design by <a href="https://www.designchoice.studio/">Design Choice</a>.</span></h3>
<h3 id="text20"><span class="p"><strong><a href="https://www.measurementlab.net/blog/murakami/">Murakami</a></strong></span><span class="p">Measurement Lab is an open research platform for studying internet infrastructure. Throneless created a tool called Murakami for automatically running M-Lab tests within schools and libraries, and for visualizing those test results.</span></h3>
<h3 id="text02"><span class="p"><strong><a href="https://dearchinatowndc.org/">Dear Chinatown</a></strong></span><span class="p">A semi-static site featuring a custom dynamic map and information highlighting stories and social histories of DC's Chinatown neighborhood.</span></h3>
<div id="gallery01" class="gallery">
<div class="inner">
<ul>
<li>
<a href="assets/images/gallery01/a687e0b7_original.jpg" class="thumbnail n01" ><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3NTkgNTAyIiB3aWR0aD0iNzU5IiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iIzkxOGE4OSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery01/a687e0b7.jpg" alt="An image of the desktop view of ReproJobs' jobs board." /></span></a>
</li><li>
<a href="assets/images/gallery01/defa1bcc_original.jpg" class="thumbnail n02"><span class="frame"><img src="assets/images/gallery01/defa1bcc.jpg" alt="An image of the mobile view of the ReproJobs jobs board." /></span></a>
</li><li>
<a href="assets/images/gallery01/5a1296ee_original.jpg" class="thumbnail n03"><span class="frame"><img src="assets/images/gallery01/5a1296ee.jpg" alt="An image of the mobile view of the Dear Chinatown website." /></span></a>
</li><li>
<a href="assets/images/gallery01/597fe9cd_original.jpg" class="thumbnail n04" ><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA0ODEgNTAyIiB3aWR0aD0iNDgxIiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iI2JhYmViYyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery01/597fe9cd.jpg" alt="An image of the desktop view of the PREreview website." /></span></a>
</li><li>
<a href="assets/images/gallery01/f9bd16b5_original.jpg" class="thumbnail n05" ><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA2NDEgNTAyIiB3aWR0aD0iNjQxIiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iI2VkZGNkYyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery01/f9bd16b5.jpg" alt="An image of the search screen on the desktop view of the PREreview website." /></span></a>
</li><li>
<a href="assets/images/gallery01/d8b0ed1f_original.jpg" class="thumbnail n06" ><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA0NzcgNTAyIiB3aWR0aD0iNDc3IiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iI2UyZTVjZCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery01/d8b0ed1f.jpg" alt="An image of the dynamic map on the Dear Chinatown site, in desktop view." /></span></a>
</li><li>
<a href="assets/images/gallery01/57d2a203_original.jpg" class="thumbnail n07" ><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA3NTQgNTAyIiB3aWR0aD0iNzU0IiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iI2JlYzNiMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery01/57d2a203.jpg" alt="An image of the desktop view of the Dear Chinatown site." /></span></a>
</li>
</ul>
</div>
</div>
</section>
<section id="contact-section">
<h2 id="text07">contact</h2>
<ul id="icons01" class="icons">
<li>
<a class="n01" href="mailto:team@throneless.tech">
<svg aria-labelledby="icon-title" viewBox="0 0 24 24"><title id="icon-title">Email</title>
<g>
<path
d="M19.435,4.065H4.565a2.5,2.5,0,0,0-2.5,2.5v10.87a2.5,2.5,0,0,0,2.5,2.5h14.87a2.5,2.5,0,0,0,2.5-2.5V6.565A2.5,2.5,0,0,0,19.435,4.065Zm-14.87,1h14.87a1.489,1.489,0,0,1,1.49,1.39c-2.47,1.32-4.95,2.63-7.43,3.95a6.172,6.172,0,0,1-1.06.53,2.083,2.083,0,0,1-1.67-.39c-1.42-.75-2.84-1.51-4.25-2.26-1.14-.6-2.3-1.21-3.44-1.82A1.491,1.491,0,0,1,4.565,5.065Zm16.37,12.37a1.5,1.5,0,0,1-1.5,1.5H4.565a1.5,1.5,0,0,1-1.5-1.5V7.6c2.36,1.24,4.71,2.5,7.07,3.75a5.622,5.622,0,0,0,1.35.6,2.872,2.872,0,0,0,2-.41c1.45-.76,2.89-1.53,4.34-2.29,1.04-.56,2.07-1.1,3.11-1.65Z">
</path>
</g>
</svg>
<span class="label">Email</span>
</a>
</li><li>
<a class="n02" href="https://github.com/throneless-tech/">
<svg aria-labelledby="icon-title" viewBox="0 0 496 512"><title id="icon-title">GitHub</title>
<path
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z">
</path>
</svg>
<span class="label">GitHub</span>
</a>
</li>
<li>
<a class="n02" href="https://bsky.app/profile/thronelesstech.bsky.social">
<svg width="600" height="530" viewBox="0 0 600 530">
<path
d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z"
fill="#FFF"></path>
</svg>
<span class="label">Bluesky</span>
</a>
</li>
</ul>
</section>
<footer id="footer">
<hr id="divider01">
<ul id="buttons01" class="buttons">
<li>
<a href="#home" class="button n01">Home</a>
</li><li>
<a href="#about" class="button n02">about</a>
</li><li>
<a href="#members" class="button n03">members</a>
</li><li>
<a href="#portfolio" class="button n04">portfolio</a>
</li><li>
<a href="#contact" class="button n05">contact</a>
</li>
</ul>
</footer>
</div>
</div>
</div>
<script src="assets/main.js"></script>
</body>
</html>