-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
218 lines (188 loc) · 13 KB
/
index.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
<title>WWCode Website</title>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- Material Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Custom -->
<link rel="stylesheet" href="assets/css/master.css">
<script src="js/scripts.js" charset="utf-8"></script>
</head>
<body>
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper">
<a href="#" class="brand-logo">
<img src="assets/imgs/WWCode_logo-transp.png" alt="">
</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="https://www.meetup.com/Women-Who-Code-Portland/">Our Events</a></li>
<li><a href="https://www.womenwhocode.com/codeofconduct">Code of Conduct</a></li>
</ul>
</div>
</nav>
</div>
<div class="container--hero">
<div class="hero--text">
<h1>Women helping women succeed in tech</h1>
<h2>Community for all</h2>
<a href="#" class="waves-effect waves-light btn">Find an Event</a>
</div>
</div>
<div class="container container--about">
<h3>What makes us</h3>
<h1>Women Who Code</h1>
<h5>We’re different because we help you gain tangible skills around…</h5>
<div class="row">
<div class="col s12 m4">
<img src="assets/imgs/WWCODE-career.png" alt="">
<h5>Career Moves</h5>
<p>Our networking nights introduce you to new people with similar interests and connections</p>
</div>
<div class="col s12 m4">
<img src="assets/imgs/WWCODE-tools.png" alt="">
<h5>Technical Tools</h5>
<p>Our workshops provide an all-day deep dive into … and our study nights are a casual place to …</p>
</div>
<div class="col s12 m4">
<img src="assets/imgs/WWCODE-Product.png" alt="">
<h5>Building Projects</h5>
<p>We have volunteer projects to … also find people to work on personal projct with during study nights … </p>
</div>
</div>
<div class="row">
<div class="col s12 m6">
<h3>Wide range of Events</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
<a href="https://www.meetup.com/Women-Who-Code-Portland/">Peruse our Events</a>
</div>
<div class="col s12 m6">
<h3>Community Values</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
</div>
</div>
</div>
<!-- <div class="container--spacer">
</div> -->
<div class="parallax-container">
<div class="parallax"><img src="assets/imgs/header3.png"></div>
</div>
<div class="container container--coc">
<h3>The Women Who Code</h3>
<h1>CODE OF CONDUCT</h1>
<div class="row">
<div class="col s12 m3">
<img src="assets/imgs/imgPlaceholder.png" alt="">
<p>Be accountable for your actions</p>
</div>
<div class="col s12 m3">
<img src="assets/imgs/imgPlaceholder.png" alt="">
<p>Advocate and support women</p>
</div>
<div class="col s12 m3">
<img src="assets/imgs/imgPlaceholder.png" alt="">
<p>Trust your gut and speak up</p>
</div>
<div class="col s12 m3">
<img src="assets/imgs/imgPlaceholder.png" alt="">
<p>Support the community</p>
</div>
</div>
<h5>The Women Who Code organization as a whole prides itself on its committment to community and creating a safe space for all who attend. We ask that as part of that community, you uphold yourself and others to these guidelines:</h5>
<div class="coc--touchpoint">
<h2>1.</h2>
<p>Advocate for and support women. Our events are intended to inspire women to excel in technology careers, and anyone who is there for this purpose is welcome.</p>
</div>
<div class="coc--touchpoint">
<h2>2.</h2>
<p>We hold each other accountable for our actions. If you think something you say or do may come off as insensitive or be in conflict with the WWCode mission, take a moment to check yourself. Maybe phone a friend, practice empathy, or consider a more appropriate approach.</p>
</div>
<div class="coc--touchpoint">
<h2>3.</h2>
<p>Trust your gut and speak up. We do not tolerate bullying, discrimination, or harassment in any form. If you believe you have been harassed or bullied by anyone at WWCode or a WWCode partner, we strongly encourage you to report it to someone on the WWCode leadership team immediately. If you see or hear something that feels disrespectful towards someone else, we want to know about it. We take all reports seriously and will promptly and thoroughly investigate the situation and take action.</p>
</div>
<ul class="collapsible">
<li>
<div class="collapsible-header">See our full Code of Coduct <i class="material-icons">
keyboard_arrow_down
</i></div>
<div class="collapsible-body">
<p>Women Who Code (WWCode) is dedicated to providing an empowering experience for everyone who participates in or supports our community. Our events are intended to inspire women to excel in technology careers, and anyone who is there for this purpose is welcome. Because we value the safety and security of our members and strive to have an inclusive community, we do not tolerate harassment of members or event participants in any form. This Code of Conduct was created to clearly define what we mean by a harassment-free experience, so that our community and those who support it are clear about our intent and have access to procedures for addressing issues, should they arise.</p>
<p>
<b>Women Who Code Statement of Intent</b><br>
WWCode values the safety and security of all of our members and, because of that, we will not tolerate any form of harassment or discrimination. Our goal is to provide a safe and secure environment for our members, and to this end we have taken the following actions:</p>
<ul>
<li>Provided a statement of intent and code of conduct for events</li>
<li>Explicitly outlined and defined forms of harassment and discrimination</li>
<li>Clearly outlined the consequences for those who engage in harassing or discriminatory behavior</li>
<li>Provided a system for reporting any harassing or discriminatory behavior</li>
<li>Committed to a periodic review of the code of conduct</li>
<li>Code of Conduct for Women Who Code Events</li>
<li>WWCode is a non-profit organization dedicated to inspiring women to excel in technology careers.</li>
</ul>
<p>We are committed to our mission statement and equally committed to providing a harassment-free experience for everyone regardless of gender, gender identity and expression, sexual orientation, ability, physical appearance, body size, race, ethnicity, age, religion, socioeconomic status, caste or creed. We do not tolerate harassment of event participants in any form. Event participants violating these rules may be sanctioned or expelled permanently, at the discretion of the event organizers, which in most cases are members of the WWCode leadership team.</p>
<p>
<b>Forms of Harassment and Discrimination</b><br>
Forms of harassment include sexual language and imagery, sexist, racist, and exclusionary jokes, and acts that insult or belittle other event attendees in any way. These are unacceptable at any and all WWCode events. Other forms of harassment and discriminatory behavior include, but are not limited to: offensive verbal comments related to gender, gender identity and expression, sexual orientation, ability, physical appearance, body size, race, ethnicity, religion, socioeconomic status, caste or creed; sexual images in public spaces; deliberate intimidation; stalking; following; unwarranted photography or recording; sustained disruption of event programming; inappropriate physical contact; and unwelcome sexual attention. Participants asked to stop any harassing behavior are expected to immediately comply and may be removed from the event without warning by any member of WWCode leadership. Participants are expected to comply with the WWCode Code of Conduct at all event venues.</p>
<p>
<b>Consequences for Harassment and Discrimination</b><br>
If a participant engages in behavior which is harassing or discriminatory in any way, the event organizers may take any action they deem appropriate. These actions include, but are not limited to, issuing a warning or expulsion from all future events. If a warning or expulsion is issued, WWCode leadership may elect to share this information with directors from any network that the participant joins in the future.</p>
<p>If a participant engages in behavior which is harassing or discriminatory in any way at events in more than one network, WWCode leadership may take any action they deem appropriate. These actions include, but are not limited to, issuing a warning or expulsion from all future WWCode events in all networks.</p>
<p><b>How to Report Harassment and Discrimination</b><br>
If you experience or notice harassment, discrimination, or any of the unacceptable behaviors outlined herein at a WWCode event, or have any other concerns, please report the incident as soon as possible. To report an incident, take one of the following actions: inform the event organizer on site; inform another organizer in your network; report the incident to WWCode HQ by completing our incident report form. If you prefer anonymous reporting or would like for WWCode HQ to address the issue, please use the incident report form. If you choose to share your name on the form, it will only be seen by WWCode leadership involved with resolving the issue.</p>
<p>We encourage you to report any incident of harassment, discrimination, or unacceptable behavior as soon as possible. WWCode leadership will take all appropriate actions to mitigate risk factors moving forward and continue to provide a safe and secure environment for all WWCode members. WWCode leadership is happy to assist attendees in contacting venue security, local law enforcement, or otherwise aid those experiencing harassment so that they feel safe for the duration of the event. The WWCode leadership team will take great care to ensure that the assistance provided meets the needs of attendees who were affected.</p>
<p><b>Periodic Review</b><br>
WWCode strives to create a positive and inclusive environment. As such, the WWCode leadership team commits to an annual review of the Code of Conduct to ensure that it continues to align with this goal and address the needs of our community. WWCode welcomes feedback from its members. All feedback should be submitted to HQ by emailing: <a href="mailto:[email protected].">[email protected]</a>.</p>
<p><b>Acknowledgments</b><br>
We would like to thank you Heroku and AlterConf for their excellent codes of conducts, which we used as a guide for our own. We also extend thanks and gratitude to the Women Who Code members, directors, advisors, and allies who helped create this code of conduct and continue to help us improve as an organization everyday.</p>
</div>
</li>
</ul>
</div>
<footer>
<div class="row">
<div class="col1">
<ul>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">CoC</a>
</li>
<li>
<a href="#">Events</a>
</li>
<li>
<a href="#">HQ</a>
</li>
</ul>
</div>
<div class="col2">
<a href="#">
<img src="" alt="">
</a>
<a href="#">
<img src="" alt="">
</a>
<a href="#">
<img src="" alt="">
</a>
</div>
<div class="col3">
<div>
<img src="" alt="">
</div>
<div class="">
CONTACT:
<a href="#">[email protected]</a>
</div>
</div>
</div>
</footer>
</body>
</html>