-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcommunity.html
235 lines (225 loc) · 12.4 KB
/
community.html
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Community – TogetherNet</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Page Container -->
<div class="page">
<!-- <a href="#main" class="screenreader-text">skip to main content</a> -->
<!-- Navigation and intro with stars -->
<nav class="navigation">
<!-- Mobile Nav trigger -->
<button class="btn-nav-trigger" tabindex="0" aria-label='Navigation and Accessibility' aria-expanded="false" id="mobile-nav-trigger">
<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="13.6426" y1="29.142" x2="13.6426" y2="0.857921" stroke="#EDECE9"/>
<line y1="14.4999" x2="28.2841" y2="14.4999" stroke="#EDECE9"/>
</svg>
</button>
<!-- Global Navigation -->
<ul class="global-nav">
<li><a href="/">Welcome</a></li>
<li><a href="./getting-started.html">Getting Started</a></li>
<li><a href="./code-of-consent.html">Code of Consent</a></li>
<li><a href="./orientation.html">Software Orientation</a></li>
<li><a href="./community.html">Join the Community</a></li>
<li><a href="./accessibility-statement.html">Accessibility Statement</a></li>
<li><a href="https://github.com/together-support/togethernet">Download</a></li>
</ul>
<!-- Accessibility Settings -->
<div class="setting-toggles">
<form class="setting">
<p>Audio Mode:</p>
<fieldset>
<div class="twoCol">
<div class='option'>
<input type="radio" id="show-audio-off" name="contrast" value="off" checked><label for="show-audio-off">Off</label>
</div>
<div class='option'>
<input type="radio" id="show-audio-on" name="contrast" value="on"><label for="show-audio-on">On</label>
</div>
</div>
</fieldset>
</form>
<form class="setting">
<p>High Contrast Mode:</p>
<fieldset>
<div class="twoCol">
<div class='option'>
<input type="radio" id="high-contrast-off" name="contrast" value="off" checked><label for="high-contrast-off">Off</label>
</div>
<div class='option'>
<input type="radio" id="high-contrast-on" name="contrast" value="on"><label for="high-contrast-on">On</label>
</div>
</div>
</fieldset>
</form>
</div>
</nav>
<div id="left-sticky">
<!-- In Page Navigation -->
<ul class="in-page-navigation">
<li><a href="#section-1">Join the Community!</a></li>
<li><a href="#section-2">3.1 Code of Conduct</a></li>
<li><a href="#section-3">3.2 Creators of TogetherNet</a></li>
</ul>
</div>
<!-- Page content -->
<main>
<section id="section-1"><!-- Section with id for anchor link -->
<hr class="star-border"> <!-- Star horizontal rule -->
<h1>Join the Community!</h1>
<div class="audio">
<p>Listen to this section:</p>
<audio controls>
<source src="assets/audio/3.0_TogetherNetWebRecording.mp3" type="audio/mpeg"> Your browser does not support the
audio element.
</audio>
</div>
<p>TogetherNet is at an early stage of development. If you're interested in joining a community of digital consent enthusiasts to become a TogetherNet stakeholder, we would love to invite you to join TogetherNet's Discord.</p>
<p>Before entering the community, please read and agree to our Code of Conduct.</p>
</section>
<section id="section-2">
<hr>
<h2>3.1 Code of Conduct</h2>
<div class="audio">
<p>Listen to this section:</p>
<audio controls>
<source src="assets/audio/3.1_TogetherNetWebRecording.mp3" type="audio/mpeg"> Your browser does not support the
audio element.
</audio>
</div>
<p>All participants of the TogetherNet community are required to agree to the following Code of Conduct. This includes all attendees, speakers, performers, workshop leaders, patrons (sponsors), volunteers, and staff.</p>
<p>The TogetherNet organizing team is dedicated to providing a harassment-free experience for everyone, regardless of
gender, gender identity and expression, sexual orientation, disability, neurodivergence, neurotype, physical appearance,
body, age, race, ethnicity, nationality, language, or religion. We do not tolerate harassment of participants in any
form.</p>
<p>Any participant who violates this Code of Conduct may be sanctioned or expelled from the session at the discretion of
the TogetherNet organizers.</p>
<h3 class="newsreader">Be mindful of your language.</h3>
<p>Engage with community members and contributors with respect and good intention.</p>
<h3 class="newsreader">Use your best judgment.</h3>
<p>If it will possibly make others uncomfortable, do not say it or post to the TogetherNet platform.</p>
<h3 class="newsreader">Be respectful.</h3>
<p>While disagreements may arise, it is not an opportunity to attack or threaten someone else's thoughts and/or opinions.
Remember to approach every situation with patience, understanding, and great care.</p>
<h3 class="newsreader">Be intentional.</h3>
<p>Consider how your contribution will affect others in the community.</p>
<h3 class="newsreader">Be open minded.</h3>
<p>Embrace new people and new ideas. Our community is continually evolving and we welcome positive change.</p>
<h3 class="newsreader">Definitions of Harassment include:</h3>
<ul>
<li>Offensive comments related to gender, gender identity and expression, sexual orientation, disability, neurotype, physical appearance, body, age, race, ethnicity, nationality, language, or religion</li>
<li>Unwelcome comments regarding a person’s lifestyle choices and practices, including those related to food, health,
parenting, drugs, and employment</li>
<li>Deliberate mis-gendering or use of ‘dead’ or rejected names</li>
<li>Gratuitous or off-topic sexual images or behavior in spaces where they’re not appropriate</li>
<li>Physical contact and simulated physical contact (eg, textual descriptions like “hug” or “back rub”) without consent or
after a request to stop</li>
<li>Threats of violence</li>
<li>Incitement of violence towards any individual, including encouraging a person to commit suicide or to engage in
self-harm</li>
<li>Deliberate intimidation</li>
<li>Stalking or following</li>
<li>Harassing photography or recording, including logging online activity for harassment purposes</li>
<li>Sustained disruption of discussion</li>
<li>Unwelcome sexual attention</li>
<li>Pattern of inappropriate social contact, such as requesting/assuming inappropriate levels of intimacy with others</li>
<li>Continued one-on-one communication after requests to cease</li>
<li>Deliberate “outing” of any aspect of a person’s identity without their consent except as necessary to protect other PCD
community members or other vulnerable people from intentional abuse</li>
<li>Publication of non-harassing private communication without consent by the involved parties</li>
</ul>
<h3 class="newsreader">The TogetherNet Community prioritizes marginalized people’s safety over privileged people’s comfort. We reserve the
right not to act on complaints regarding:</h3>
<ul>
<li>‘Reverse’ -isms, including ‘reverse racism,’ ‘reverse sexism,’ and ‘cis-phobia’</li>
<li>Reasonable communication of boundaries, such as “leave me alone,” “go away,” or “I’m not discussing this with you.”</li>
<li>Communicating in a ‘tone’ you don’t find congenial</li>
<li>Criticizing racist, sexist, cis-sexist, or otherwise oppressive behavior or assumptions</li>
</ul>
<hr>
<h2>Credits</h2>
<div class="audio">
<p>Listen to this section:</p>
<audio controls>
<source src="assets/audio/3.1.1_TogetherNetWebRecording.mp3" type="audio/mpeg"> Your browser does not support the
audio element.
</audio>
</div>
<p>This Code of Conduct was compiled by Dorothy Santos and remixed by Xin Xin, based on resources provided by <a href="https://geekfeminism.org/about/code-of-conduct/">Geek
Feminism</a>, and borrows heavily from open source policies authored by <a href="https://github.com/processing/p5.js/blob/master/CODE_OF_CONDUCT.md">p5.js</a> and <a href="https://2018.xoxofest.com/conduct">XOXO Festival</a>.</p>
<p>This policy is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International license</a>. We encourage other organizations to adopt (and enforce) similar Codes of Conduct by using and remixing this
one.</p>
<hr>
<h2>Ready to Join?</h2>
<div class="audio">
<p>Listen to this section:</p>
<audio controls>
<source src="assets/audio/3.1.2_TogetherNetWebRecording.mp3" type="audio/mpeg"> Your browser does not support the
audio element.
</audio>
</div>
<p>If you feel like you understand and agree to TogetherNet’s Code of Conduct, we invite you to continue onwards to join the
TogetherNet Discord. If you do not feel comfortable with the information that has been presented thus far, we invite you
to stop to ask a question or present your concern. If you feel you fall somewhere in between, we encourage you to take
your time digesting this information and return at your own pace.</p>
<a class = "button" href="https://discord.gg/ysJTwasuAX">Join Discord</a>
<address><a class="button" href="mailto:support@togethernet.org">Email Us</a></address>
</section>
<section id="section-3">
<hr>
<h2>3.2 Creators of TogetherNet</h2>
<div class="audio">
<p>Listen to this section:</p>
<audio controls>
<source src="assets/audio/3.2_TogetherNetWebRecording.mp3" type="audio/mpeg"> Your browser does not support the
audio element.
</audio>
</div>
<h3>TogetherNet v0.1 Team</h3>
<ul>
<li>Lead Artist 🧛🏻♀️ Xin Xin</li>
<li>Lead Software Developer 🏜 Charlotte Yaqing Wen</li>
<li>Lead Writer 🧚🏾♂️ Neema Githere</li>
<li>Advisor 😶 Lauren Lee McCarthy</li>
</ul>
<h3>TogetherNet Website</h3>
<ul>
<li>Visual Designer 🥀 Livia Foldes</li>
<li>Web Developer 🐛 Aarati Akkapeddi</li>
<li>Accessibility Person 🧑🏽🦯 Walei Sabry</li>
</ul>
<p>Ideas for TogetherNet did not come out of the ether. We are deeply grateful that <a href="./assets/accessibility/ConsentfulTechZineTextVersion.pdf">Consentful Tech Zine</a>, published by Una Lee and Dann Toliver under <a href="https://creativecommons.org/licenses/by/4.0/legalcode">CC-BY</a> in 2017 had the foresight of using F.R.I.E.S.
(Freely given, Informed, Specific, Reversible, Enthusiastic), a model of consent by Planned Parenthood as a metric to
assess data consent in the digital sphere.</p>
<p>The TogetherNet website uses Livia Foldes' interview with Walei Sabry, and the <a href="https://alt-text-as-poetry.net/">Alt-Text as Poetry website</a> as conceptual
and design references.</p>
<p>Our deep gratitude go towards – Kemi Sijuwade-Ukadike, J. Soto, Sally Szwed, Roddy Schrock, Maddie Pinney, Eric Tang,
Dorothy R. Santos, Walei Sabry, Shannon Finnegan, Kate Hollenbach, and An Xiao Mina. Thank you for
listening, user-testing, contributing, and engaging with this project.</p>
<p>TogetherNet was created with the generous support of <a href="https://www.eyebeam.org/">Eyebeam NYC</a>.</p>
</section>
</main>
</div>
<!-- Footer -->
<footer>
<!-- Newsletter -->
<div class="footer-left">
</div>
<!-- Social Media -->
<div class="footer-right">
<ul class="social-media">
<li><a href="https://www.instagram.com/togethernet/"><img src="assets/icons/instagram.svg" alt="instagram" /></a></li>
<li><a href="https://discord.gg/ysJTwasuAX"><img src="assets/icons/discord.svg" alt="discord" /></a></li>
<li><a href="https://github.com/together-support/togethernet"><img src="assets/icons/github.svg"
alt="github" /></a></li>
</ul>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>