-
Notifications
You must be signed in to change notification settings - Fork 375
/
collaborate.html
216 lines (189 loc) · 9.06 KB
/
collaborate.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
---
layout: default
id: collaborate
permalink: /collaborate/
title: Get involved
---
<article>
<div class="page-header">
<div class="wrapper d-md-flex">
<div class="col-md-6 col-lg-6 mb-4 mb-md-0">
<h1 class="h2" id="get-involved">Get involved</h1>
</div>
<div class="col-md-6 pl-md-4 col-lg-4">
<p>
Right now, open communities are building amazing software together, and
there are excellent "good first issue" opportunities, if you're looking
to get involved.
</p>
<!--
<div data-animate-in="fade" data-animate-in-delay="240">
<a class="link-arrow text-white mt-4" href="{{ '/' | relative_url }}">Join the community</a>
</div>
-->
</div>
</div>
</div>
<!--
<div class="wrapper my-6 py-6">
<div class="d-md-flex flex-items-center">
<div class="col-md-6 col-lg-5 pr-md-4 pr-lg-6 mb-4 mb-md-0">
<h2 class="h2">Happening now</h2>
</div>
<div class="col-md-6 pl-md-4 col-lg-4">
<img class="mb-4" src="{{ '/assets/images/direction/community-shapes.svg' | relative_url }}" alt="" />
</div>
</div>
</div>
<hr class="wrapper" />
-->
<section class="wrapper my-6 py-lg-4">
<header class="mb-6 border-bottom pb-4">
<div class="d-lg-flex flex-items-end flex-justify-between">
<div>
<h2 class="h3">Happening now</h2>
<p>See the latest activity on GitHub with Microsoft Open Source projects.</p>
</div>
<div data-javascript-show="immediate" data-require-javascript="yes">
<p>
<a class="refresh"
id="toggle-feed"
href="#"
title="Pause real-time activity feed"><span class="sr-only" id="toggle-text2">Pause real-time activity feed</span>
<span id="toggle-text" aria-hidden="true">Pause</span> <span id="pause-icon">{% octicon bell-slash %}</span><span id="resume-icon" style="display:none">{% octicon sync %}</span>
</a>
</p>
</div>
</div>
</header>
<div class="d-lg-flex flex-justify-between">
<div class="col-12 col-lg-8 pr-lg-6 mb-4 mb-md-0">
<div class="d-sm-flex flex-wrap">
<div class="col-12" id="activityFeed">
<noscript>
<h2>JavaScript is required for this interactive feature.</h2>
<p>This page works best with JavaScript. The activity feeds are dynamically generated using a REST API and JavaScript.</p>
</noscript>
<ul class="project-list" id="activityList">
</ul>
</div>
<script id="activity-template" type="text/x-handlebars-template">
<li>
{% include activity.html %}
</li>
</script>
</div>
</div>
<div class="col-12 col-lg-4 pl-lg-6 col-lg-4">
<div class="sticky">
<div class="cta">
<div class="cta__inner">
<p class="h5">Explore Microsoft projects</p>
<p>
Microsoft engineers and community members
maintain thousands of GitHub repos: everything
from complete samples, to product SDKs, to entire products.
</p>
<p>
Search, filter and explore to find what you're looking for
or an opportunity to join in the fun.
</p>
<a class="link-arrow text-white mt-4" href="{{ '/projects/' | relative_url }}">Featured projects</a>
<br />
<a class="link-arrow text-white mt-4" href="{{ '/projects/explore/' | relative_url }}">View all projects</a>
</div>
</div>
</div>
</div>
</div>
</section>
<hr class="wrapper" />
<section class="wrapper my-6 py-lg-4">
<header class="mb-6 border-bottom pb-4">
<h2 class="h3" id="get-started">Get started</h2>
<p>These issues have been labeled as a great place to start in a project.</p>
</header>
<div class="d-lg-flex flex-justify-between">
<div class="col-12 col-lg-8 pr-lg-6 mb-4 mb-md-0">
<div class="d-sm-flex flex-wrap">
<div class="col-12" id="goodFirstIssueFeed">
<ul class="project-list" id="goodFirstIssueList">
</ul>
</div>
<script id="goodfirstissue-template" type="text/x-handlebars-template">
<li>
{% include good-first-issue.html %}
</li>
</script>
</div>
<!-- TODO: more space here -->
<div> </div>
<header class="mb-6 border-bottom pb-4 mt-6">
<h2 class="h3" id="help-wanted">Help Wanted</h2>
<p>
These issues are a great way to jump in and engage deeply.
</p>
</header>
<div class="d-sm-flex flex-wrap">
<div class="col-12" id="helpWantedIssueFeed">
<ul class="project-list" id="helpWantedIssueList">
</ul>
</div>
<script id="helpwantedissue-template" type="text/x-handlebars-template">
<li>
{% include help-wanted-issue.html %}
</li>
</script>
</div>
</div>
<div class="col-12 col-lg-4 pl-lg-6 col-lg-4">
<div>
<h4 class="h4">Resources</h4>
<p>
A few good resources to learn about getting involved in online communities:
</p>
<ul>
<li><a href="https://opensource.guide/how-to-contribute/" class="link-arrow text-brand" target="_new">How to Contribute to Open Source</a></li>
<li><a href="https://opensource.microsoft.com/codeofconduct/" class="link-arrow text-brand" target="_new">Microsoft's Open Source Code of Conduct</a></li>
<li><a href="https://opensource.com/life/14/2/exploring-open-source-beginners" class="link-arrow text-brand" target="_new">Getting Started in Open Source Online and Offline</a></li>
<li><a href="https://todogroup.org/guides/participating/" class="link-arrow text-brand" target="_new">TODO Group's Participating in Open Source Communities Guide</a></li>
<!--
<li>
<a href="https://cla.opensource.microsoft.com" target="_new">Microsoft's Contributor License Agreement (CLA)</a>
and the
<a href="https://cla.dotnetfoundation.org" target="_new">.NET Foundation CLA</a>,
a one-time agreement for first-time contributors to Microsoft or .NET Foundation projects
</li>
-->
</ul>
</div>
</div>
</div>
</section>
{% include octicons.html %}
<div class="wrapper-full bg-brand-dark text-white">
<div class="wrapper py-6 my-6">
<h3 class="h3">Community Resources</h3>
<div class="d-md-flex">
<div class="col-md-6 col-lg-5 mb-4 mb-md-0">
<p>Microsoft open source projects adopt a consistent community Code of Conduct. All
Microsoft projects require contributors to sign the individual Contributor License Agreement
(CLA)
one time.</p>
</div>
<div class="col-md-6 pl-md-4 pl-lg-6">
{% for resources in site.data.community %}
{% for resource in resources.resources %}
<div>
<a class="link-arrow-external mb-2" href="{{ resource.url }}">{{ resource.title }}</a>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
</div>
</div>
</article>
<script>
{% include collaborate.js %}
</script>