forked from sparcopen/opencon-dei-report
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·345 lines (328 loc) · 21.3 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
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>OpenCon Diversity, Equity, and Inclusion Report</title>
<meta name="description" content="Learnings and Next Steps - A Conference Planning Report">
<meta name="keywords" content="OpenCon, diversity, conferences, inclusion, conference planning, Open Access, Open Data, Open Education">
<link rel="image_src" href="homepage6.jpg" / >
<link href='https://fonts.googleapis.com/css?family=Lato:400,700,300|Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" href="/favicon.ico">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61115389-1', 'auto');
ga('send', 'pageview');
</script>
<!-- =======================================================
Theme Name: Bethany
Theme URL: https://bootstrapmade.com/bethany-free-onepage-bootstrap-theme/
Author: BootstrapMade.com
Author URL: https://bootstrapmade.com
======================================================= -->
</head>
<body>
<!--header-->
<header class="main-header" id="header">
<div class="bg-color">
<!--nav-->
<nav class="nav navbar-default navbar-fixed-top">
<div class="container">
<div class="col-md-12">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mynavbar" aria-expanded="false" aria-controls="navbar">
<span class="fa fa-bars"></span>
</button>
<a href="index.html" class="navbar-brand">Diversity, Equity, & Inclusion</a>
</div>
<div class="collapse navbar-collapse navbar-right" id="mynavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#header">Home</a></li>
<li><a href="#feature">Report Sections</a></li>
<li><a href="#portfolio">Contribute</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
<!--/ nav-->
<div class="container text-center">
<div class="wrapper wow fadeInUp delay-05s" >
<h3 class="title">OpenCon</h3>
<h4 class="sub-title">Diversity, Equity, and Inclusion</h4>
<h4><br></br></h4>
<h4 class="top-title">A Conference Planning Report</h4>
<h5 class="top-title">Learnings & Next Steps</h5>
<a href="https://sparcopen.org/wp-content/uploads/2017/07/Diversity-Equity-and-Inclusion-Report-July-10-V1-Release.pdf" target="_blank"><button type="submit" class="btn btn-submit">Download the PDF</button></a>
</div>
</div>
</div>
</header>
<!--/ header-->
<!---->
<section id="cta-1">
<div class="container">
<div class="row">
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-8">
<h2>What is OpenCon?</h2>
<p><a href="www.opencon2017.org">OpenCon</a> is a platform for creating, empowering, and connecting the next generation of leaders to advance Open Access, Open Education and Open Data–across disciplines, and in every corner of the globe. OpenCon’s initiatives include an annual flagship global conference, satellite events organized by volunteer hosts around the world, and an ongoing online community. Each year, OpenCon’s global conference convenes promising students and early career academic professionals from around the world interested in opening research and education. OpenCon is a project of <a href="http://sparcopen.org/">SPARC (the Scholarly Publishing and Academic Resources Coalition)</a> and its student program, the <a href="http://www.righttoresearch.org/">Right to Research Coalition.</a><br></br></p>
<h2>Why did we create this report?</h2>
<p>Although OpenCon participants come from diverse geographical locations, over the years we have learned that inclusion means more than simply having diverse representation in the room. Both as a conference and global community, we continue to work on making OpenCon a more inclusive space. We are constantly learning. This report was created to:<ul>
<li>1. Keep OpenCon transparent and accountable to our commitments to diversity, equity, and inclusion </li>
<li>2. Share our learnings as conference organizers and encourage others to organize events that center on diversity, equity, and inclusion</li>
<li>3. Encourage iteration and feedback from the broader community</li> </ul>
<p>
Although we encourage this report to be used as a resource for other organizers, we understand that many of the practices and accessibility requirements we mention: (1) are not exhaustive, (2) may not be possible depending on the infrastructure or finnancial resources available to organizers, and (3) may not be appropriate in all geographical and cultural contexts (the authors of the report are Northern American and European). In this way, the report is not meant to be a set of rules. Rather, we hope it will help organizers to be more thoughtful about integrating these values at every step of the conference planning process within their resources and means.
</p>
<br></br>
</div>
</div>
<div class="row">
<!--<div class="cta-info text-center">
<h3>"At OpenCon 2016, I experienced, for the first time, an open knowledge community that moved beyond a Code of Conduct; a community that took the first steps towards deliberately building a culture of inclusivity. Discussions of privilege, respect, and reflection were not add-ons but core components; present from the beginning and throughout the event."<br></br>-April Clyburne-Sherin, OpenCon 2016 alum</h3>
</div>-->
</div>
</div>
</section>
<!---->
<!---->
<section id="feature" class="section-padding">
<div class="container">
<div class="row">
<div class="col-md-3 wow fadeInLeft delay-05s">
<div class="section-title">
<h2 class="head-title">Report Sections</h2>
<hr class="botm-line">
<p class="sec-para">Here are some practices that we encourage conference organizers to consider when putting together an event. They are a combination of practices we've learned to take over time, recommended practices from external sources, and areas for improvement based off feedback from our community.</p>
</div>
</div>
<div class="col-md-9">
<div class="col-md-6 wow fadeInRight delay-02s">
<div class="icon">
<i class="fa fa-question-circle-o"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Diversity, Equity, and Inclusion: What and Why?</h3>
<p class="txt-para">What do these terms mean, and why are they relevant to Open research and education? Why should all conference organizers be thinking about this?</p>
<a href="intro.html"><button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-02s">
<div class="icon">
<i class="fa fa-group"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Diversity of Organizers, Speakers, and Participants</h3>
<p class="txt-para">Who is planning the meeting? Who is coming to the meeting? Are you minimizing barriers to attend? Whose voices get heard; which perspectives are most visible?</p>
<a href="eventdiversity.html"><button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-04s">
<div class="icon">
<i class="fa fa-balance-scale"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Building Diversity, Equity, Inclusion into the Agenda</h3>
<p class="txt-para">Are you making space for conversations about these topics to occur?
Is there programming that explicitly addresses diversity in your community or discipline?</p>
<a href="agendatopics.html"> <button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-04s">
<div class="icon">
<i class="fa fa-list-alt"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Letting Participants Shape your Event Agenda</h3>
<p class="txt-para">Do participants get a say in what the conference looks like?
Are the needs, interests, and work of attendees included in the agenda? </p>
<a href="participant_agenda.html"><button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-06s">
<div class="icon">
<i class="fa fa-building-o"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Ensuring your Venue is Accessible & Inclusive</h3>
<p class="txt-para">Does the building have accessible exterior and interior features?
Are there gender neutral bathrooms?
Do you have appropriate rooms for addressing diverse needs?</p>
<a href="venue.html"><button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-06s">
<div class="icon">
<i class="fa fa-laptop"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Creating Accesible Conference Media</h3>
<p class="txt-para">Are people able to see and hear presentations?
Are there alternative ways to access conference materials, online and offline? </p>
<a href="accessible_media.html"><button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-08s">
<div class="icon">
<i class="fa fa-comments-o"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Ensuring Engagement is Accessible and Inclusive</h3>
<p class="txt-para">Which participants are given the opportunity to ask questions?
Can the participants engage in the conference remotely or online?</p>
<a href="inclusive_engagement.html"><button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-08s">
<div class="icon">
<i class="fa fa-handshake-o"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Enforcing a Code of Conduct</h3>
<p class="txt-para">Do you have a comprehensive anti-harassment policy?
Are you clearly communicating the code of conduct before and during the meeting? </p>
<a href="code_of_conduct.html"><button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-08s">
<div class="icon">
<i class="fa fa-lightbulb-o"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Don't Forget To Think About These Things Too!</h3>
<p class="txt-para">Some other things to consider including: gender inclusive pronoun badges, allergies and dietary restrictions, choosing a conference date, and more!</p>
<a href="additional.html"><button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-08s">
<div class="icon">
<i class="fa fa-check-square-o"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Checklist Overview for Planning Inclusive Events</h3>
<p class="txt-para">Drawing both from our own practices and public resources, we have created checklist of actions conference organizers can take when planning events, workshops, and conferences.
</p>
<a href="checklist.html"><button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-08s">
<div class="icon">
<i class="fa fa-book"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">Report Sources</h3>
<p class="txt-para">Many of these practices are recommended by external sources. Research for this report were based from these resources.</p>
<a href="sources.html"><button type="submit" class="btn btn-submit">Read More</button></a>
</div>
</div>
<div class="col-md-6 wow fadeInRight delay-08s">
<div class="icon">
<i class="fa fa-bar-chart"></i>
</div>
<div class="icon-text">
<h3 class="txt-tl">OpenCon Self Assessment</h3>
<p class="txt-para">Information on OpenCon's conference demographics from 2014 to 2016. Reflections on areas of improvement over our three-year history and areas that still need work. </p>
<a href="https://d3n8a8pro7vhmx.cloudfront.net/righttoresearch/pages/97/attachments/original/1499711394/2014-2016_Self_Assessment_OpenCon.pdf?1499711394"><button type="submit" class="btn btn-submit">Download PDF</button></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!---->
<section class="section-padding parallax bg-image-2 section wow fadeIn delay-08s" id=portfolio>
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="cta-txt">
<h3>Contribute to our Github Repository</h3>
<p>We welcome contributions to this report! Visit our Github repository to submit edits, or start a new issue if you have a piece of feedback or topic of discussion you would like to raise. If you'd like to provide feedback directly to us, we also welcome that. See our contact information below.</p>
</div>
</div>
<div class="col-md-4 text-center">
<a href="https://github.com/sparcopen/opencon-dei-report/blob/master/Contributing.md" class="btn btn-submit">Visit on Github</a>
</div>
</div>
</div>
</section>
<!---->
<!---->
<!---->
<!---->
<section class="section-padding wow fadeInUp delay-05s" id="contact">
<div class="container">
<div class="row white">
<div class="col-md-8 col-sm-12">
<div class="section-title">
<h2 class="head-title black">Contact Us</h2>
<hr class="botm-line">
<p class="sec-para black">While we've compiled our learnings from the last three years into this guide, we understand that there is always room for improvement. We hope to receive community feedback on the report, and welcome the community and members of the public to provide feedback on our list of suggested practices. You can provide any feedback directly to us via e-mail or social media. We will be regularly iterating and updating the webpage to reflect these comments and contributions.</p>
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="col-md-4 col-sm-6">
<h3 class="cont-title">Get in touch!</h3>
<div class="location-info">
<p class="white"><span aria-hidden="true" class="fa fa-twitter"></span><a href="https://twitter.com/open_con">@open_con</p></a>
<p class="white"><span aria-hidden="true" class="fa fa-facebook"></span><a href="https://www.facebook.com/OpenConGlobal/">openconglobal</p></a>
<p class="white"><span aria-hidden="true" class="fa fa-envelope"></span>[email protected]</p>
</div>
</div>
<div class="col-md-4">
<div class="contact-icon-container hidden-md hidden-sm hidden-xs">
</div>
</div>
</div>
</div>
</div>
</section>
<!---->
<!---->
<footer class="" id="footer">
<div class="container">
<div class="row">
<div class="col-sm-5">
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />
<p>Except otherwise noted, content on this site is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a></p></div></div>
<div class="row">
<div class="col-sm-7 footer-copyright">
© Bethany Theme - All rights reserved
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Bethany
-->
</div>
</div>
<div class="col-sm-5 footer-social">
<div class="pull-right hidden-xs hidden-sm">
<a href="https://www.facebook.com/OpenConGlobal/"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/open_con"><i class="fa fa-twitter"></i></a>
</div>
</div>
</div>
</div>
</footer>
<!---->
<!--contact ends-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
</body>
</html>