Skip to content

Commit 951e240

Browse files
ststimacststimac
authored
Cleanup acknowledgements, partners and sponsors section on home page (#275)
1 parent ce46561 commit 951e240

File tree

4 files changed

+169
-89
lines changed

4 files changed

+169
-89
lines changed

‎_includes/acknowledgements.html‎

Lines changed: 10 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,11 @@
1-
<div class="acknowledgements container">
2-
<div class="inner-container">
3-
<h2 style="margin-top: 2em;">Acknowledgements</h2>
4-
5-
<p>The Servo project is dependent on outside funding. We would like to thank our <a href="{{ '/#partners' | url }}">partnering organizations</a> that have recently invested in Servo and our <a href="{{ '/#sponsors' | url }}">sponsors</a> who have made donations to Servo through one of the <a href="{{ '/sponsorship/' | url }}">sponsorship tiers</a>.</p>
6-
7-
<p>We are very grateful to all our patrons who contribute monetarily to support the project via <a href="https://opencollective.com/servo">Open Collective</a>, <a href="https://github.com/sponsors/servo">GitHub</a>, <a href="https://thanks.dev/">thanks.dev</a>, and <a href="https://benevity.com/">Benevity</a>.
8-
</p>
9-
10-
<h3 style="margin-top: 1em;">Infrastructure Sponsors</h3>
11-
12-
<p>We would like to thank the following organizations for providing their services free of charge for use in the Servo project:</p>
13-
14-
<ul>
15-
<li>Repositories and some CI infrastructure (<a href="https://github.com/servo">https://github.com/servo/</a>) are hosted by <a href="https://github.com/">GitHub</a>.</li>
16-
<li>Chat tool (<a href="https://servo.zulipchat.com/">https://servo.zulipchat.com/</a>) is provided by <a href="https://zulip.com/">Zulip</a>.</li>
17-
<li><a href="https://aws.amazon.com/opensource/">AWS Open Source</a> is providing promotional credits to cover some of our infrastructure costs.</li>
18-
</ul>
19-
20-
</div>
1+
<div class="acknowledgements" id="infra-sponsors">
2+
<div class="acknowledgements__container">
3+
<p>We would like to thank the following organizations for providing their services free of charge for use in the Servo project:</p>
4+
<ul class="inline-column">
5+
<li><a href="https://github.com/servo">Repositories and some CI infrastructure</a> are hosted by <a href="https://github.com/">GitHub</a>.</li>
6+
<li>The <a href="https://servo.zulipchat.com/">Chat tool</a> is provided by <a href="https://zulip.com/">Zulip</a>.</li>
7+
<li><a href="https://aws.amazon.com/opensource/">AWS Open Source</a> provides promotional credits to cover some of our infrastructure costs.</li>
8+
</ul>
9+
</div>
2110
</div>
11+

‎_includes/hero.html‎

Lines changed: 28 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,32 @@ <h2>Latest on the blog</h2>
7373
</div>
7474
</div>
7575
</section>
76-
<section class="section" aria-label="Partners and sponsors">
76+
<section class="section container" aria-label="Partners and sponsors">
77+
<div class="inner-container acknowledgements">
78+
<h2>Acknowledgements</h2>
79+
<div class="acknowledgements__container">
80+
<p>The Servo project is dependent on outside funding. We would like to thank our <a href="{{ '/#partners' | url }}">partnering organizations</a> that have recently invested in Servo and our <a href="{{ '/#sponsors' | url }}">sponsors</a> who have made donations to Servo through one of the <a href="{{ '/sponsorship/' | url }}">sponsorship tiers</a>.</p>
81+
<p>We are very grateful to all our patrons who contribute monetarily to support the project via <a href="https://opencollective.com/servo">Open Collective</a>, <a href="https://github.com/sponsors/servo">GitHub</a>, <a href="https://thanks.dev/">thanks.dev</a>, and <a href="https://benevity.com/">Benevity</a>.
82+
</p>
83+
</div>
84+
</div>
7785
{% include "sponsorship.html" %}
78-
{% include "acknowledgements.html" %}
79-
</section>
86+
</section>
87+
88+
<style>
89+
90+
.acknowledgements {
91+
text-align: center;
92+
}
93+
94+
.acknowledgements__container {
95+
width: 100%;
96+
}
97+
98+
.acknowledgements__container p {
99+
margin: 0 auto;
100+
padding-bottom: 1.25rem;
101+
}
102+
103+
104+
</style>

‎_includes/sponsorship.html‎

Lines changed: 128 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,102 +1,164 @@
1-
<div class="sponsorship container">
1+
<div class="sponsorship">
22
<div class="inner-container">
3-
<h2 class="center-text">Partners</h2>
3+
<div class="inner-container__logos">
4+
<h3 class="center-text">Partners</h3>
45

5-
{% assign partners_sorted = partners | sort_natural: "name" %}
6+
{% assign partners_sorted = partners | sort_natural: "name" %}
67

7-
<ul id="partners">
8-
{% for partner in partners_sorted %}
9-
<li>
10-
<a href="{{ partner.url }}">
11-
<img src="{{ partner.img | url}}" alt="{{ partner.name }} logo" class="partner-img" />
12-
</a>
13-
</li>
14-
{% endfor %}
15-
</ul>
8+
<ul id="partners" class="logos-home">
9+
{% for partner in partners_sorted %}
10+
<li>
11+
<a href="{{ partner.url }}">
12+
<img src="{{ partner.img | url}}" alt="{{ partner.name }} logo" class="partner-img" />
13+
</a>
14+
</li>
15+
{% endfor %}
16+
</ul>
1617

17-
<h2 class="center-text">Sponsors</h2>
18+
</div>
1819

1920
{% assign platinum_sponsors = sponsors | where: "type", "platinum" | sort_natural: "name" %}
2021
{% assign gold_sponsors = sponsors | where: "type", "gold" | sort_natural: "name" %}
2122
{% assign silver_sponsors = sponsors | where: "type", "silver" | sort_natural: "name" %}
2223
{% assign bronze_sponsors = sponsors | where: "type", "bronze" | sort_natural: "name" %}
2324

25+
<div id="sponsors">
26+
2427
{% if platinum_sponsors.size > 0 %}
25-
<h3 class="center-text">Platinum</h3>
26-
27-
<ul id="sponsors">
28-
{% for sponsor in platinum_sponsors %}
29-
<li>
30-
<a href="{{ sponsor.url }}">
31-
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
32-
</a>
33-
</li>
34-
{% endfor %}
35-
</ul>
28+
<div class="inner-container__logos">
29+
<h3 class="center-text">Platinum Sponsors</h3>
30+
<ul class="logos-home">
31+
{% for sponsor in platinum_sponsors %}
32+
<li>
33+
<a href="{{ sponsor.url }}">
34+
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
35+
</a>
36+
</li>
37+
{% endfor %}
38+
</ul>
39+
</div>
3640
{% endif %}
3741

42+
43+
3844
{% if gold_sponsors.size > 0 %}
39-
<h3 class="center-text">Gold</h3>
40-
41-
<ul id="sponsors">
42-
{% for sponsor in gold_sponsors %}
43-
<li>
44-
<a href="{{ sponsor.url }}">
45-
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
46-
</a>
47-
</li>
48-
{% endfor %}
49-
</ul>
45+
<div class="inner-container__logos">
46+
<h3 class="center-text">Gold Sponsors</h3>
47+
<ul class="logos-home">
48+
{% for sponsor in gold_sponsors %}
49+
<li>
50+
<a href="{{ sponsor.url }}">
51+
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
52+
</a>
53+
</li>
54+
{% endfor %}
55+
</ul>
56+
</div>
5057
{% endif %}
5158

59+
60+
5261
{% if silver_sponsors.size > 0 %}
53-
<h3 class="center-text">Silver</h3>
54-
55-
<ul id="sponsors">
56-
{% for sponsor in silver_sponsors %}
57-
<li>
58-
<a href="{{ sponsor.url }}">
59-
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
60-
</a>
61-
</li>
62-
{% endfor %}
63-
</ul>
62+
<div class="inner-container__logos">
63+
<h3 class="center-text">Silver Sponsors</h3>
64+
65+
<ul class="logos-home">
66+
{% for sponsor in silver_sponsors %}
67+
<li>
68+
<a href="{{ sponsor.url }}">
69+
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
70+
</a>
71+
</li>
72+
{% endfor %}
73+
</ul>
74+
</div>
6475
{% endif %}
6576

77+
78+
6679
{% if bronze_sponsors.size > 0 %}
67-
<h3 class="center-text">Bronze</h3>
68-
69-
<ul id="sponsors">
70-
{% for sponsor in bronze_sponsors %}
71-
<li>
72-
<a href="{{ sponsor.url }}">
73-
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
74-
</a>
75-
</li>
76-
{% endfor %}
77-
</ul>
80+
<div class="inner-container__logos">
81+
<h3 class="center-text">Bronze Sponsors</h3>
82+
83+
<ul class="logos-home">
84+
{% for sponsor in bronze_sponsors %}
85+
<li class=" {% if loop.index == loop.length and loop.length is odd %}odd-last{% endif %}">
86+
<a href="{{ sponsor.url }}">
87+
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
88+
</a>
89+
</li>
90+
{% endfor %}
91+
</ul>
92+
</div>
7893
{% endif %}
94+
</div>
95+
96+
<div class="acknowledgements">
97+
<div class="acknowledgements__container">
98+
<p>We would like to thank <a href="https ://github.com/">GitHub</a>, <a href="https://zulip.com/">Zulip</a>, and <a href="https://aws.amazon.com/opensource/">AWS Open Source</a> for <a href="{{ '/sponsorship/#infrastructure-sponsors' | url }}">their services</a> free of charge for use in the Servo project.</p>
99+
<p>For information about how to sponsor the project, visit <a href="{{ '/sponsorship/' | url }}">the sponsorship page</a>.</p>
100+
</div>
101+
</div>
79102

80-
<p>For information about how to sponsor the project, visit <a href="{{ '/sponsorship/' | url }}">the sponsorship page</a>.</p>
81103

82104
</div>
83105
</div>
84106

85107
<style>
86108

87-
ul#partners, ul#sponsors {
88-
padding: 0;
89-
max-width: 100%;
109+
.logos-home {
90110
list-style: none;
91-
display: flex;
92-
flex-wrap: wrap;
111+
display: grid;
112+
grid-template-columns: repeat(2, 1fr);
113+
grid-template-rows: auto;
114+
padding: 0;
115+
max-width: 64rem;
93116
align-items: center;
94-
justify-content: center;
95117
}
96118

97119
.partner-img, .sponsor-img {
98-
max-width: 15rem;
99-
margin: 2rem;
120+
min-width: 15rem;
121+
padding: 3.25rem 2rem;
122+
}
123+
124+
.inner-container__logos {
125+
border: 1px solid var(--midturquoise);
126+
max-width: 800px;
127+
margin-left: auto;
128+
margin-right: auto;
129+
margin-bottom: 1.25rem;
130+
border-radius: 32px;
131+
}
132+
133+
.inner-container__logos h3 {
134+
border-bottom: 1px solid var(--midturquoise);
135+
padding-top: var(--12px);
136+
padding-bottom: var(--12px);
137+
font-size: var(--step-1);
138+
}
139+
140+
.odd-last {
141+
grid-column: 1 / -1;
100142
}
101143

144+
.odd-last .sponsor-img {
145+
padding: 1.25rem 0;
146+
max-width: 8rem;
147+
margin: 0 auto;
148+
}
149+
150+
@media (max-width: 720px) {
151+
.partner-img, .sponsor-img {
152+
min-width: 9rem;
153+
padding: 2rem 1rem;
154+
}
155+
}
156+
157+
@media (max-width: 420px) {
158+
.logos-home {
159+
grid-template-columns: 1fr;
160+
}
161+
}
162+
163+
102164
</style>

‎sponsorship.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -174,6 +174,9 @@ The fees for donations on Open Collective depend on how much you donate in a sin
174174
</script>
175175
</div>
176176

177+
## Infrastructure Sponsors
178+
{% include "acknowledgements.html" %}
179+
177180
<style>
178181

179182
._note {

0 commit comments

Comments
 (0)