This repository has been archived by the owner on Nov 26, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 26
/
Copy pathmaintainers-resources.html
215 lines (184 loc) · 10.7 KB
/
maintainers-resources.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
---
layout: default
id: resources
permalink: /maintainers/DEI-resources/
title: DEI Resource Hub
---
<div class="hero hero--short">
<div class="hero__content text-white">
<div class="wrapper">
<div class="d-md-flex text-center text-left-md">
<div class="col-12 col-md-4 mb-6 mb-md-0 px-md-6" data-animate-in="up">
<img class="" src="{{ '/assets/img/direction/programs/dei.svg' | relative_url }}" alt="All In for Maintainers DEI Resource Hub" />
</div>
<div class="col-12 col-md-8 col-lg-7" data-animate-in="up">
<h2 class="h2">DEI Resource Hub</h2>
<p>The All In for Maintainers DEI Resource Hub is a dedicated place for sharing resources and solutions for advancing DEI in open source.</p>
<p>Do you have DEI content to share? Please submit the content by filling out the DEI Content Submission form.</p>
<div class="mt-4">
<a class="btn" href="{{ '/maintainers/share-your-resources/' | relative_url }}">
<span>Submit Resource</span>
{% include arrow.html %}
</a>
</div>
<div class="d-flex flex-wrap btns mt-6 d-none">
<a class="btn btn--scroll btn--full-sm mr-3" href="#about-the-tour" data-scroll-to="maintainers-listening-tour">
<span>About the All In for Maintainers Listening Tour</span>
{% include arrow.html %}
</a>
<a class="btn btn--scroll btn--full-sm" href="#about-the-program" data-scroll-to="about-the-program">
<span>About the All in for Maintainers Pilot</span>
{% include arrow.html %}
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white bg-pattern-left py-8">
<div class="wrapper d-md-flex flex-justify-between">
<div class="col-12 col-md-4 pr-md-4 mb-6 mb-md-0" data-animate-in="up">
<div class="rte">
<h2 class="h3 mb-4">Why are we developing this resource?</h2>
</div>
</div>
<div class="col-12 col-md-8 pl-md-4 pl-lg-2" data-animate-in="up">
<p>One of the most common challenges we heard during the <a href="{{ '/maintainers/maintainers-listening-tour/' | relative_url }}">Maintainers Listening Tour</a> was not knowing where to start when considering ways to advance diversity and inclusion within open source communities.</p>
<blockquote class="my-5 px-4 px-lg-6">
<q class="h3">The number of DEI resources we have is overwhelming. We wish there was a website or repo where we could go to get all of the resources in one place.</q>
<img src="{{ '/assets/img/direction/icons/orb-blue.svg' | relative_url }}" alt="blue orb" />
</blockquote>
<p>The All In for Maintainers DEI Resource Hub is a digital archive dedicated to sharing resources addressing DEI in open source research and trends. Our goal is to help share information that will support maintainers and community leaders in their journey of learning how to create more diverse and inclusive open source communities.</p>
<p>Whether you are taking the first steps in exploring how to make open source projects more accessible and inclusive or far into your DEI journey and seeking “what’s next,” we are here to help every step of the way.</p>
</div>
</div>
<div class="wrapper d-md-flex flex-justify-between py-8" id="resources">
<div class="col-12 col-md-4 pr-md-4 mb-6 mb-md-0" data-animate-in="up">
<div class="topics-wrap d-none d-lg-block">
<h2 class="h3 mb-4">Browse by topic</h2>
<nav class="topics">
{% for group in site.data.resources %}
{% assign slug = group.group|slugify %}
<div class="topic">
<a class="arrow-link" href="#{{slug}}" data-topic="{{slug}}">
<span>{{ group.group }}</span>
{% include arrow.html %}
</a>
<ul>
{% for tag in group.tags %}
<li>
<a href="{{ tag.tag }}" data-topic="{{slug}}" target="_blank">{{ tag.tag }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</nav>
</div>
</div>
<div class="col-12 col-md-8 pl-md-4 pl-lg-2" data-animate-in="up">
<p class="mb-6">Explore DEI resources by topic.</p>
{% for group in site.data.resources %}
{% assign slug = group.group|slugify %}
<div class="resource-group" id="{{slug}}">
<h3 class="h4 mb-4">{{ group.group }}</h3>
<ul class="resource-list">
{% for resource in group.resources %}
{% assign type = resource.type | downcase %}
<li class="resource">
<figure>
{% if type == 'watch' %}
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_867_3153)">
<path d="M10 0C8.62607 0 7.33022 0.261818 6.11241 0.785463C4.89461 1.30911 3.83295 2.02422 2.9274 2.93083C2.02185 3.83744 1.30757 4.89644 0.784543 6.10785C0.261512 7.31927 0 8.61273 0 9.98828C0 11.3795 0.261512 12.6807 0.784543 13.8921C1.30757 15.1036 2.02185 16.1626 2.9274 17.0692C3.83295 17.9758 4.89461 18.6909 6.11241 19.2145C7.33022 19.7382 8.62607 20 10 20C11.3739 20 12.6698 19.7382 13.8876 19.2145C15.1054 18.6909 16.1671 17.9758 17.0726 17.0692C17.9781 16.1626 18.6924 15.1036 19.2155 13.8921C19.7385 12.6807 20 11.3795 20 9.98828C20 8.61273 19.7385 7.31927 19.2155 6.10785C18.6924 4.89644 17.9781 3.83744 17.0726 2.93083C16.1671 2.02422 15.1054 1.30911 13.8876 0.785463C12.6698 0.261818 11.3739 0 10 0ZM8.00937 6.00234L14.0047 9.98828L8.00937 13.9977V6.00234Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_867_3153">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
{% endif %}
{% if type == 'listen' %}
<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_867_3135)">
<path d="M7 12.0047C7.82721 12.0047 8.53344 11.7116 9.11873 11.1254C9.70402 10.5393 9.99665 9.83197 9.99665 9.00352V3.00117C9.99665 2.17272 9.70402 1.46542 9.11873 0.879249C8.53344 0.29308 7.82721 0 7 0C6.17279 0 5.46656 0.29308 4.88127 0.879249C4.29598 1.46542 4.00334 2.17272 4.00334 3.00117V9.00352C4.00334 9.83197 4.29598 10.5393 4.88127 11.1254C5.46656 11.7116 6.17279 12.0047 7 12.0047ZM11.9866 9.00352C11.9866 9.69129 11.8579 10.3361 11.6003 10.9379C11.3428 11.5397 10.9877 12.0672 10.5351 12.5205C10.0825 12.9738 9.55184 13.3333 8.94314 13.5991C8.33444 13.8648 7.68674 13.9977 7 13.9977C6.31326 13.9977 5.66555 13.8648 5.05686 13.5991C4.44816 13.3333 3.9175 12.9738 3.46488 12.5205C3.01226 12.0672 2.65719 11.5397 2.39967 10.9379C2.14214 10.3361 2.01338 9.69129 2.01338 9.00352H0C0 9.87886 0.156074 10.7073 0.468227 11.4889C0.780381 12.2704 1.20568 12.9699 1.74415 13.5873C2.28261 14.2048 2.91471 14.7167 3.64047 15.1231C4.36622 15.5295 5.1505 15.7952 5.99331 15.9203V20H8.00669V15.9203C8.8495 15.7952 9.63378 15.5295 10.3595 15.1231C11.0853 14.7167 11.7174 14.2048 12.2559 13.5873C12.7943 12.9699 13.2196 12.2704 13.5318 11.4889C13.8439 10.7073 14 9.87886 14 9.00352H11.9866Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_867_3135">
<rect width="14" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
{% endif %}
{% if type == 'read' %}
<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_867_3145)">
<path d="M11.0029 0V4.99414H16L11.0029 0ZM9.99413 5.76788V0H0.985337C0.719452 0 0.488759 0.0976931 0.293255 0.293083C0.0977504 0.488473 0 0.71903 0 0.98476V18.9918C0 19.2732 0.0977504 19.5115 0.293255 19.7069C0.488759 19.9023 0.719452 20 0.985337 20H15.0147C15.2805 20 15.5112 19.9023 15.7067 19.7069C15.9022 19.5115 16 19.2732 16 18.9918V6.00234H9.99413V5.76788ZM6.9912 13.7163L5.46628 15.0059L3.00293 12.0047L5.46628 9.00352L6.9912 10.2696L5.58358 12.0047L6.9912 13.7163ZM10.5337 9.00352L12.9971 12.0047L10.5337 15.0059L9.0088 13.7163L10.4164 12.0047L9.0088 10.2696L10.5337 9.00352Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_867_3145">
<rect width="16" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
{% endif %}
</figure>
<h4>{{ resource.title }}</h4>
<a href="{{ resource.url }}" data-topic="{{slug}}" target="_blank">
{{ resource.type }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>
<script>
var $ = jQuery;
var topic = $('.topic .arrow-link');
var topicUl = $('.topic ul');
$( ".topic:first-of-type .arrow-link" ).addClass('is-active');
$( ".topic:first-of-type ul" ).slideDown();
topic.click(function(e){
e.preventDefault();
topic.removeClass('is-active');
$('.topic ul').slideUp();
let el = $(this);
let target = el.attr('data-topic');
el.addClass('is-active');
target = $('#'+ target);
let list = el.next('ul');
list.slideDown();
$('html, body').animate({
scrollTop: target.offset().top - 24
}, 800);
});
topicUl.click(function(e){
e.preventDefault();
let el = $(this).parents('.topic').find('.arrow-link');
let target = el.attr('data-topic');
target = $('#'+ target);
$('html, body').animate({
scrollTop: target.offset().top - 24
}, 800);
});
</script>
</div>
</div>
<section class="wrapper-full bg-static py-8">
<div class="wrapper text-white text-center" data-animate-in="up">
<div class="rte col-lg-10 mx-auto">
<h2 class="h1">We need more resources</h2>
<p>Do you have DEI content to share? Please submit your recommendations for by filling out the <a class="link" href="{{ '/maintainers/share-your-resources/' | relative_url }}">DEI Content Submission form</a>.</p>
<p>By working together with you, we can collectively ensure everyone has access to the tools needed to champion inclusive, equitable, accessible, and diverse spaces in open source.</p>
</div>
<div class="mt-5">
<a class="btn" href="{{ '/maintainers/share-your-resources/' | relative_url }}">
<span>Submit Resource</span>
{% include arrow.html %}
</a>
</div>
</div>
</section>