Skip to content

Commit 97707a0

Browse files
btavbtav
authored
feat: add code of conduct page (#38)
1 parent 879d14b commit 97707a0

File tree

2 files changed

+210
-1
lines changed

2 files changed

+210
-1
lines changed

‎src/components/Navigation.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ import MembersCount from "./MembersCount.astro";
3434
aria-label="Join our Discord server">Discord</a
3535
>
3636
</li>
37-
<li><a href="/jobs">Job Board</a></li>
37+
<li><a href="/code-of-conduct">Code of Conduct</a></li>
3838
</ul>
3939
</div>
4040
<MembersCount />

‎src/pages/code-of-conduct.astro‎

Lines changed: 209 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,209 @@
1+
---
2+
import Layout from "../layouts/Layout.astro";
3+
---
4+
5+
<Layout title="ForwardJS - Code of Conduct">
6+
<main>
7+
<div class="container">
8+
<h1>Code of Conduct</h1>
9+
10+
<p>
11+
ForwardJS is dedicated to providing a harassment-free experience for
12+
everyone, regardless of gender, gender identity, gender expression,
13+
sexual orientation, disability, physical appearance, body size, race,
14+
ability, ethnicity, socioeconomic status, or religion (or lack thereof).
15+
ForwardJS does not tolerate harassment of event participants or staff at
16+
any time nor in any form.
17+
</p>
18+
19+
<p>
20+
Anyone violating these guidelines may be removed from the event and/or
21+
our platforms at our sole discretion.
22+
</p>
23+
24+
<p>
25+
Thank you for helping make ForwardJS a welcoming, friendly event for
26+
all.
27+
</p>
28+
29+
<h2>Expected Behavior</h2>
30+
31+
<p>
32+
All communication at our events (in-person or virtual) or on our
33+
platforms (Discord, Meetup, etc) should be appropriate for a
34+
professional audience including people of many different backgrounds.
35+
Please be kind to others.
36+
</p>
37+
38+
<p>
39+
Participate in an authentic and active way. In doing so, you contribute
40+
to the health and longevity of this community.
41+
</p>
42+
43+
<ul>
44+
<li>Exercise consideration and respect in your speech and actions.</li>
45+
<li>Attempt collaboration before conflict.</li>
46+
<li>Refrain from demeaning, discriminatory, or harassing comments.</li>
47+
<li>
48+
Be mindful of your fellow attendees and alert an Organizer if you
49+
notice a dangerous situation, someone in distress, or someone
50+
violating this Code of Conduct, even if they seem inconsequential.
51+
</li>
52+
</ul>
53+
54+
<h2>Unacceptable Behavior</h2>
55+
56+
<p>
57+
Unacceptable behaviors include intimidating, harassing, abusive,
58+
discriminatory, derogatory or demeaning speech and comments, at all
59+
related events and in one-on-one communications carried out in the
60+
context of ForwardJS.
61+
</p>
62+
63+
<p>
64+
Harassment includes, but is not limited to, harmful or prejudicial
65+
verbal or written comments related to gender, gender identity, gender
66+
expression, sexual orientation, race, religion (or lack thereof),
67+
disability, inappropriate use of nudity and/or sexual images (including
68+
presentation slides), deliberate intimidation, stalking or following,
69+
harassing photography or recording, sustained disruption of talks or
70+
other events, inappropriate contact, and unwelcome sexual attention.
71+
</p>
72+
73+
<h2>Consequences of Unacceptable Behavior</h2>
74+
75+
<p>
76+
ForwardJS will not tolerate any unacceptable behavior from any attendee
77+
or other participant, including sponsors, speakers, and those with
78+
decision-making authority.
79+
</p>
80+
81+
<p>
82+
Anyone asked to stop unacceptable behavior is expected to comply
83+
immediately.
84+
</p>
85+
86+
<p>
87+
If an attendee or other participant engages in unacceptable behavior,
88+
the community organizers may take any action they deem appropriate, up
89+
to and including a temporary ban or permanent expulsion from ForwardJS
90+
without warning (and without refund if applicable).
91+
</p>
92+
93+
<h2>If You Witness or Are Subject to Unacceptable Behavior</h2>
94+
95+
<p>
96+
If you are subject to or witness unacceptable behavior, or have any
97+
other concerns, please notify an Organizer immediately.
98+
</p>
99+
100+
<p>If you are experiencing a life threatening emergency, dial 9-1-1.</p>
101+
102+
<h2>Scope</h2>
103+
104+
<p>
105+
ForwardJS expects all participants (attendees, sponsors, speakers,
106+
organizers and volunteers) to abide by this Code of Conduct at all
107+
events, meetups, and on any platforms related to ForwardJS.
108+
</p>
109+
110+
<h2>License and Attribution</h2>
111+
112+
<p>
113+
This Code of Conduct is distributed under a <a
114+
href="https://creativecommons.org/licenses/by-sa/3.0/"
115+
target="_blank"
116+
rel="noopener noreferrer"
117+
>Creative Commons Attribution-ShareAlike license</a
118+
>.
119+
</p>
120+
121+
<p>
122+
This Code of Conduct is based on the <a
123+
href="https://seattlejs.com"
124+
target="_blank"
125+
rel="noopener noreferrer">SeattleJS</a
126+
> Code of Conduct.
127+
</p>
128+
</div>
129+
</main>
130+
</Layout>
131+
132+
<style>
133+
main {
134+
margin: 0 auto 3rem;
135+
padding: 0 1rem;
136+
}
137+
138+
.container {
139+
max-width: 1100px;
140+
margin: 0 auto;
141+
padding: 3rem;
142+
background-color: #fff;
143+
border-radius: 12px;
144+
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
145+
}
146+
147+
h1 {
148+
font-size: 2.5rem;
149+
color: var(--purple);
150+
margin-bottom: 2rem;
151+
line-height: 1.2;
152+
}
153+
154+
h2 {
155+
font-size: 1.5rem;
156+
color: var(--purple);
157+
margin-top: 2.5rem;
158+
margin-bottom: 1rem;
159+
line-height: 1.3;
160+
}
161+
162+
p {
163+
font-size: 1.125rem;
164+
line-height: 1.75;
165+
margin-bottom: 1.25rem;
166+
color: #444;
167+
}
168+
169+
ul {
170+
margin-bottom: 1.5rem;
171+
padding-left: 1.5rem;
172+
}
173+
174+
li {
175+
font-size: 1.125rem;
176+
line-height: 1.75;
177+
margin-bottom: 0.75rem;
178+
color: #444;
179+
}
180+
181+
a {
182+
color: var(--purple);
183+
text-decoration: underline;
184+
text-underline-offset: 2px;
185+
}
186+
187+
a:hover {
188+
color: var(--blue);
189+
}
190+
191+
@media screen and (max-width: 768px) {
192+
.container {
193+
padding: 1.5rem;
194+
}
195+
196+
h1 {
197+
font-size: 2rem;
198+
}
199+
200+
h2 {
201+
font-size: 1.25rem;
202+
}
203+
204+
p,
205+
li {
206+
font-size: 1rem;
207+
}
208+
}
209+
</style>

0 commit comments

Comments
 (0)