Skip to content

Commit 6d98bf3

Browse files
jeffwilcoxjeffwilcox
committed
Paragraphs
1 parent 762d592 commit 6d98bf3

9 files changed

Lines changed: 101 additions & 87 deletions

File tree

‎src/app/collaborate/components/ActivityStreamWidget.tsx‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -111,13 +111,17 @@ export default function ActivityStreamWidget() {
111111
<div className="cta__inner">
112112
<p className="h5">Explore Microsoft projects</p>
113113
<p>
114+
{`
114115
Microsoft engineers and community members
115116
maintain thousands of GitHub repos: everything
116117
from complete samples, to product SDKs, to entire products.
118+
`}
117119
</p>
118120
<p>
121+
{`
119122
Search, filter and explore to find what you're looking for
120123
or an opportunity to join in the fun.
124+
`}
121125
</p>
122126
<a className="link-arrow text-white mt-4" href="/projects">Featured projects</a>
123127
<br />

‎src/app/collaborate/components/HelpWantedWidget.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,8 @@ import {
1313
} from '@tanstack/react-query'
1414
import { RepoIcon } from '@primer/octicons-react';
1515
import { formatDistanceToNow } from 'date-fns';
16-
import { GitHubDescriptionFromType, ShowOcticonForType } from '@/app/contributions/components/UpstreamContributionsWidget';
16+
17+
import { GitHubDescriptionFromType } from '@/app/contributions/components/UpstreamContributionsWidget';
1718

1819
// @cspell: ignore octicon
1920

‎src/app/collaborate/page.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,11 @@ export default function Collaborate() {
2525
</div>
2626
<div className="col-md-6 pl-md-4 col-lg-4">
2727
<p>
28+
{`
2829
Right now, open communities are building amazing software together, and
2930
there are excellent "good first issue" opportunities, if you're looking
3031
to get involved.
32+
`}
3133
</p>
3234
</div>
3335
</div>

‎src/app/components/Azure.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@ export default function Azure() {
1010
<div className="wrapper pt-6 pb-6 mt-6 mb-6">
1111
<div className="d-md-flex">
1212
<div className="col-md-6 col-lg-5 mb-4 mb-md-0">
13-
<h3 className="h5 text-brand font-weight-600 mb-2">Innovate faster and more securely with open source on Azure</h3>
14-
<p>Build on a highly secure cloud platform designed to protect your data and business assets, including proactive, comprehensive compliance coverage. Gain the flexibility to move your app anywhere. Operate seamlessly and elastically, on-premises, in hybrid or multicloud environments, or at the edge.</p>
15-
<div className="link-arrow-external mt-4"><a href="https://azure.microsoft.com/en-us/solutions/open-source/#overview">Learn more about open source on Azure</a></div>
13+
<h3 className="h5 text-brand font-weight-600 mb-2">Innovate faster and more securely with open source on Azure</h3>
14+
<p>Build on a highly secure cloud platform designed to protect your data and business assets, including proactive, comprehensive compliance coverage. Gain the flexibility to move your app anywhere. Operate seamlessly and elastically, on-premises, in hybrid or multicloud environments, or at the edge.</p>
15+
<div className="link-arrow-external mt-4"><a href="https://azure.microsoft.com/en-us/solutions/open-source/#overview">Learn more about open source on Azure</a></div>
1616
</div>
1717

1818
{/*
@@ -25,7 +25,7 @@ export default function Azure() {
2525
</div>
2626
*/}
2727

28+
</div>
2829
</div>
29-
</div>
3030
);
3131
}

‎src/app/components/OpenSourceHero.tsx‎

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -11,26 +11,28 @@ export default function OpenSourceHero() {
1111
return (
1212
<div className="wrapper-full bg-dark">
1313
<div className="wrapper py-6 my-6">
14-
<div className="d-md-flex flex-justify-between">
15-
<div className="col-12 col-md-7 col-lg-7 mb-6 mb-md-0">
16-
<h1 className="h1-xl mb-6" x-data-animate-in="fade" x-data-animate-in-delay="100">
17-
Open.<br />
18-
Collaborative.<br />
19-
Flexible.
20-
</h1>
21-
<p className="p-lg text-white col-md-11 col-lg-9" x-data-animate-in="fade" x-data-animate-in-delay="220">
22-
Open Source enables Microsoft products and services to
23-
bring choice, technology and community to our customers.
24-
</p>
25-
<div data-animate-in="fade" data-animate-in-delay="240">
26-
<a className="link-arrow text-white mt-4" href="/collaborate">Get involved</a>
27-
<br />
28-
<a className="link-arrow text-white mt-4" href="/projects">Explore projects</a>
29-
</div>
30-
</div>
31-
<OpenSourceAvatars />
14+
<div className="d-md-flex flex-justify-between">
15+
<div className="col-12 col-md-7 col-lg-7 mb-6 mb-md-0">
16+
<h1 className="h1-xl mb-6" x-data-animate-in="fade" x-data-animate-in-delay="100">
17+
Open.<br />
18+
Collaborative.<br />
19+
Flexible.
20+
</h1>
21+
<p className="p-lg text-white col-md-11 col-lg-9" x-data-animate-in="fade" x-data-animate-in-delay="220">
22+
{`
23+
Open Source enables Microsoft products and services to
24+
bring choice, technology and community to our customers.
25+
`}
26+
</p>
27+
<div data-animate-in="fade" data-animate-in-delay="240">
28+
<a className="link-arrow text-white mt-4" href="/collaborate">Get involved</a>
29+
<br />
30+
<a className="link-arrow text-white mt-4" href="/projects">Explore projects</a>
31+
</div>
3232
</div>
33+
<OpenSourceAvatars />
34+
</div>
3335
</div>
34-
</div>
36+
</div>
3537
);
3638
}

‎src/app/components/Projects.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,10 @@ export default function Projects() {
2222
<div className="text-center mb-6" data-animate-in="up" data-animate-in-delay="200">
2323
<h2 className="h3">Projects</h2>
2424
<p>
25+
{`
2526
Some of the most popular developer tools, frameworks and experiences in the world
2627
are built around open communities. Here are a few featured Microsoft projects of note:
28+
`}
2729
</p>
2830
</div>
2931
<div className="tile-list" data-animate-in="up" data-animate-in-delay="400">

‎src/app/components/Why.tsx‎

Lines changed: 38 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -14,48 +14,51 @@ export default function Why() {
1414
}
1515
}>
1616
<div data-animate-in="fade" data-animate-in-delay="200">
17-
<h2 className="mb-4">
18-
<span className="h5">Microsoft's communities</span>
19-
<span className="h2">Get involved</span>
20-
</h2>
21-
<p className="p-lg font-weight-400">
22-
We are building value together and welcome everyone to
23-
participate. Together, in the open, it's an exciting
24-
time to use technology to build hacks, apps, and services.
25-
</p>
26-
27-
<div className="mt-6">
28-
<a className="link-arrow" href="/collaborate/#get-involved">Happening now</a><br />
29-
<a className="link-arrow" href="/collaborate/#get-started">Find a "good first issue"</a><br />
30-
<a className="link-arrow" href="/projects">Featured projects</a>
31-
</div>
17+
<h2 className="mb-4">
18+
<span className="h5">Microsoft's communities</span>
19+
<span className="h2">Get involved</span>
20+
</h2>
21+
<p className="p-lg font-weight-400">
22+
{`
23+
We are building value together and welcome everyone to
24+
participate. Together, in the open, it's an exciting
25+
time to use technology to build hacks, apps, and services.
26+
`}
27+
</p>
28+
<div className="mt-6">
29+
<a className="link-arrow" href="/collaborate/#get-involved">Happening now</a><br />
30+
<a className="link-arrow" href="/collaborate/#get-started">Find a "good first issue"</a><br />
31+
<a className="link-arrow" href="/projects">Featured projects</a>
3232
</div>
33+
</div>
3334

34-
<img src="/images/direction/stripes-corner.svg" alt="" />
35+
<img src="/images/direction/stripes-corner.svg" alt="" />
3536
</div>
3637

3738
<div className="split-content__content split-content__content--right">
38-
<div data-animate-in="fade" data-animate-in-delay="200">
39-
<h2 className="mb-4">
40-
<span className="h5">Learn from our enterprise-scale approach</span>
41-
<span className="h2">Our program &amp; tools</span>
42-
</h2>
43-
<p className="p-lg font-weight-400">
44-
We have worked to develop a strong open source program over the past decade, making
45-
it easy for every team at Microsoft to choose to use, contribute to, and release open
46-
source software.
47-
</p>
48-
<p className="p-lg font-weight-400">
49-
Many of our tools and approaches are available for you to learn from, too.
50-
</p>
39+
<div data-animate-in="fade" data-animate-in-delay="200">
40+
<h2 className="mb-4">
41+
<span className="h5">Learn from our enterprise-scale approach</span>
42+
<span className="h2">Our program &amp; tools</span>
43+
</h2>
44+
<p className="p-lg font-weight-400">
45+
{`
46+
We have worked to develop a strong open source program over the past decade, making
47+
it easy for every team at Microsoft to choose to use, contribute to, and release open
48+
source software.
49+
`}
50+
</p>
51+
<p className="p-lg font-weight-400">
52+
Many of our tools and approaches are available for you to learn from, too.
53+
</p>
5154

52-
<div className="mt-6">
53-
<a className="link-arrow" href="/program">Our program</a><br />
54-
<a className="link-arrow" href="/program/#program-tools">Our tools</a><br />
55-
<a className="link-arrow" href="/ecosystem">The ecosystem we support</a>
56-
</div>
55+
<div className="mt-6">
56+
<a className="link-arrow" href="/program">Our program</a><br />
57+
<a className="link-arrow" href="/program/#program-tools">Our tools</a><br />
58+
<a className="link-arrow" href="/ecosystem">The ecosystem we support</a>
5759
</div>
58-
<img src="/images/direction/dots-corner.svg" alt="" />
60+
</div>
61+
<img src="/images/direction/dots-corner.svg" alt="" />
5962
</div>
6063
</div>
6164
);

‎src/app/contributions/page.tsx‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,10 @@ export default function Contributions() {
2424
</div>
2525
<div className="col-md-6 pl-md-4 col-lg-4">
2626
<p>
27+
{`
2728
Microsoft's engineers can be found participating
2829
in communities throughout the Internet and GitHub.
30+
`}
2931
</p>
3032
<div data-animate-in="fade" data-animate-in-delay="240">
3133
<a className="link-arrow text-white mt-4" href="/collaborate">
@@ -40,15 +42,19 @@ export default function Contributions() {
4042
Recent contributions
4143
</h3>
4244
<p>
45+
{`
4346
Thousands of Microsoft engineers are active in open source communities,
4447
whether contributing for work, hobbies, or maintaining other projects.
48+
`}
4549
</p>
4650
<p>
4751
Here are some recent contributions that have been made to projects on GitHub.
4852
</p>
4953
<p>
54+
{`
5055
While many public highlighted contributions here may be for official work,
5156
Microsoft does not endorse any contribution listed here.
57+
`}
5258
</p>
5359
<UpstreamContributionsWidget />
5460
</div>

‎src/app/ecosystem/page.tsx‎

Lines changed: 22 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -75,16 +75,23 @@ export default function Ecosystem() {
7575
</div>
7676
<div className="col-md-6 pl-md-4 col-lg-4">
7777
<p>
78-
Microsoft is proud to support amazing <a href="#fossfund">open source projects</a>, <a href="#foundations">initiatives, and foundations</a>,
79-
to offer <a href="#credits">Azure credits</a> to open source projects,
80-
and to make <a href="#contributions">upstream contributions</a> to thousands of open source projects on GitHub and beyond.
78+
Microsoft is proud to support amazing <a href="#fossfund">open source projects</a>, <a
79+
href="#foundations">initiatives, and foundations</a>,
80+
to offer <a
81+
href="#credits">Azure credits</a> to open source projects,
82+
and to make <a
83+
href="#contributions">upstream contributions</a> to thousands of open source projects on GitHub and beyond.
8184
</p>
8285
<p>
83-
The examples on this page are just a few of the ways that we're working with the broader open source ecosystem to collectively empower
86+
{`
87+
The examples on this page are just a few of the ways that we're working with the
88+
broader open source ecosystem to collectively empower
8489
every person and every organization on the planet to achieve more.
90+
`}
8591
</p>
8692
<div data-animate-in="fade" data-animate-in-delay="240">
87-
<a className="link-arrow text-white mt-4" href="/collaborate">See recent activity in Microsoft open source repositories</a>
93+
<a className="link-arrow text-white mt-4"
94+
href="/collaborate">See recent activity in Microsoft open source repositories</a>
8895
</div>
8996
</div>
9097
</div>
@@ -94,20 +101,25 @@ export default function Ecosystem() {
94101
<div className="col-md-6 col-lg-5 pr-md-4 pr-lg-6 mb-4 mb-md-0">
95102
<h2 className="h2" id="fossfund">FOSS Fund</h2>
96103
<p>
104+
{`
97105
The Free and Open Source Software Fund (FOSS Fund) is a
98106
way for our employees to collectively select open source
99107
projects to receive sponsorship awards throughout the year.
108+
`}
100109
</p>
101110
<p>
111+
{`
102112
Microsoft's engineers select projects they are super passionate about.
103113
Only employees who contribute to open source projects can
104114
participate in the selection process.
115+
`}
105116
</p>
106117
<p>
107118
The following projects are a subset of the many that have been sponsored.
108119
</p>
109120
<p>
110-
<a className="link-arrow-external" href="https://aka.ms/microsoftfossfund" target="_new">
121+
<a className="link-arrow-external"
122+
href="https://aka.ms/microsoftfossfund" target="_new">
111123
Learn about the Microsoft FOSS Fund process and see the full list of sponsored projects
112124
</a>
113125
</p>
@@ -167,8 +179,10 @@ export default function Ecosystem() {
167179
<div className="col-md-6 col-lg-5 pr-md-4 pr-lg-6 mb-4 mb-md-0">
168180
<h2 className="h2" id="foundations">Foundations &amp; Initiatives</h2>
169181
<p>
182+
{`
170183
Microsoft is proud to participate, partner, and sponsor
171184
many amazing initiatives to better the open source ecosystem.
185+
`}
172186
</p>
173187
</div>
174188
<div className="col-md-6 pl-md-4 col-lg-4">
@@ -219,28 +233,6 @@ export default function Ecosystem() {
219233
}
220234
</div>
221235
</div>
222-
<div className="wrapper my-6 py-6">
223-
<div className="d-md-flex flex-items-center">
224-
<div className="col-md-6 col-lg-5 pr-md-4 pr-lg-6 mb-4 mb-md-0">
225-
<h2 className="h2" id="credits">
226-
Azure Credits
227-
</h2>
228-
<p>
229-
We are offering Azure credits to open source projects for their use for testing, builds,
230-
and other infrastructure support needs. Projects must apply for credits. Applications are
231-
reviewed and applicants will be contacted with a decision within 3-4 weeks.
232-
</p>
233-
<p>
234-
<a className="link-arrow-external" href="/azure-credits">
235-
Learn about our Azure Credits program
236-
</a>
237-
</p>
238-
</div>
239-
<div className="col-md-6 pl-md-4 col-lg-4">
240-
<img className="mb-4" src="/images/direction/community-shapes.svg" alt="" />
241-
</div>
242-
</div>
243-
</div>
244236
<hr className="wrapper" />
245237
<div className="wrapper my-6 py-6">
246238
<div className="col-lg-8 mx-auto">
@@ -249,9 +241,11 @@ export default function Ecosystem() {
249241
Recent Contributions
250242
</h2>
251243
<p>
244+
{`
252245
Whether an official contribution as part of a team's business goals,
253246
an after-hours project in robotics and hackathons, or contributions to
254247
non-profits and communities, our employees are always involved.
248+
`}
255249
</p>
256250
</div>
257251
</div>

0 commit comments

Comments
 (0)