Skip to content

Cleanup acknowledgements, partners and sponsors section on home page #275

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mrego merged 2 commits into from
Nov 21, 2025
Merged

Cleanup acknowledgements, partners and sponsors section on home page #275

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
68a6612
Cleanup acknowledgements, partners and sponsors section on home page
ststimac Nov 21, 2025
42755e0
Fix overflow on smaller screens
ststimac Nov 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 10 additions & 20 deletions _includes/acknowledgements.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,11 @@
<div class="acknowledgements container">
<div class="inner-container">
<h2 style="margin-top: 2em;">Acknowledgements</h2>

<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>

<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>.
</p>

<h3 style="margin-top: 1em;">Infrastructure Sponsors</h3>

<p>We would like to thank the following organizations for providing their services free of charge for use in the Servo project:</p>

<ul>
<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>
<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>
<li><a href="https://aws.amazon.com/opensource/">AWS Open Source</a> is providing promotional credits to cover some of our infrastructure costs.</li>
</ul>

</div>
<div class="acknowledgements" id="infra-sponsors">
<div class="acknowledgements__container">
<p>We would like to thank the following organizations for providing their services free of charge for use in the Servo project:</p>
<ul class="inline-column">
<li><a href="https://github.com/servo">Repositories and some CI infrastructure</a> are hosted by <a href="https://github.com/">GitHub</a>.</li>
<li>The <a href="https://servo.zulipchat.com/">Chat tool</a> is provided by <a href="https://zulip.com/">Zulip</a>.</li>
<li><a href="https://aws.amazon.com/opensource/">AWS Open Source</a> provides promotional credits to cover some of our infrastructure costs.</li>
</ul>
</div>
</div>

31 changes: 28 additions & 3 deletions _includes/hero.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,32 @@ <h2>Latest on the blog</h2>
</div>
</div>
</section>
<section class="section" aria-label="Partners and sponsors">
<section class="section container" aria-label="Partners and sponsors">
<div class="inner-container acknowledgements">
<h2>Acknowledgements</h2>
<div class="acknowledgements__container">
<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>
<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>.
</p>
</div>
</div>
{% include "sponsorship.html" %}
{% include "acknowledgements.html" %}
</section>
</section>

<style>

.acknowledgements {
text-align: center;
}

.acknowledgements__container {
width: 100%;
}

.acknowledgements__container p {
margin: 0 auto;
padding-bottom: 1.25rem;
}


</style>
194 changes: 128 additions & 66 deletions _includes/sponsorship.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,102 +1,164 @@
<div class="sponsorship container">
<div class="sponsorship">
<div class="inner-container">
<h2 class="center-text">Partners</h2>
<div class="inner-container__logos">
<h3 class="center-text">Partners</h3>

{% assign partners_sorted = partners | sort_natural: "name" %}
{% assign partners_sorted = partners | sort_natural: "name" %}

<ul id="partners">
{% for partner in partners_sorted %}
<li>
<a href="{{ partner.url }}">
<img src="{{ partner.img | url}}" alt="{{ partner.name }} logo" class="partner-img" />
</a>
</li>
{% endfor %}
</ul>
<ul id="partners" class="logos-home">
{% for partner in partners_sorted %}
<li>
<a href="{{ partner.url }}">
<img src="{{ partner.img | url}}" alt="{{ partner.name }} logo" class="partner-img" />
</a>
</li>
{% endfor %}
</ul>

<h2 class="center-text">Sponsors</h2>
</div>

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

<div id="sponsors">

{% if platinum_sponsors.size > 0 %}
<h3 class="center-text">Platinum</h3>

<ul id="sponsors">
{% for sponsor in platinum_sponsors %}
<li>
<a href="{{ sponsor.url }}">
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
</a>
</li>
{% endfor %}
</ul>
<div class="inner-container__logos">
<h3 class="center-text">Platinum Sponsors</h3>
<ul class="logos-home">
{% for sponsor in platinum_sponsors %}
<li>
<a href="{{ sponsor.url }}">
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}



{% if gold_sponsors.size > 0 %}
<h3 class="center-text">Gold</h3>

<ul id="sponsors">
{% for sponsor in gold_sponsors %}
<li>
<a href="{{ sponsor.url }}">
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
</a>
</li>
{% endfor %}
</ul>
<div class="inner-container__logos">
<h3 class="center-text">Gold Sponsors</h3>
<ul class="logos-home">
{% for sponsor in gold_sponsors %}
<li>
<a href="{{ sponsor.url }}">
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}



{% if silver_sponsors.size > 0 %}
<h3 class="center-text">Silver</h3>

<ul id="sponsors">
{% for sponsor in silver_sponsors %}
<li>
<a href="{{ sponsor.url }}">
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
</a>
</li>
{% endfor %}
</ul>
<div class="inner-container__logos">
<h3 class="center-text">Silver Sponsors</h3>

<ul class="logos-home">
{% for sponsor in silver_sponsors %}
<li>
<a href="{{ sponsor.url }}">
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}



{% if bronze_sponsors.size > 0 %}
<h3 class="center-text">Bronze</h3>

<ul id="sponsors">
{% for sponsor in bronze_sponsors %}
<li>
<a href="{{ sponsor.url }}">
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
</a>
</li>
{% endfor %}
</ul>
<div class="inner-container__logos">
<h3 class="center-text">Bronze Sponsors</h3>

<ul class="logos-home">
{% for sponsor in bronze_sponsors %}
<li class=" {% if loop.index == loop.length and loop.length is odd %}odd-last{% endif %}">
<a href="{{ sponsor.url }}">
<img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>

<div class="acknowledgements">
<div class="acknowledgements__container">
<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>
<p>For information about how to sponsor the project, visit <a href="{{ '/sponsorship/' | url }}">the sponsorship page</a>.</p>
</div>
</div>

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

</div>
</div>

<style>

ul#partners, ul#sponsors {
padding: 0;
max-width: 100%;
.logos-home {
list-style: none;
display: flex;
flex-wrap: wrap;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
padding: 0;
max-width: 64rem;
align-items: center;
justify-content: center;
}

.partner-img, .sponsor-img {
max-width: 15rem;
margin: 2rem;
min-width: 15rem;
padding: 3.25rem 2rem;
}

.inner-container__logos {
border: 1px solid var(--midturquoise);
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.25rem;
border-radius: 32px;
}

.inner-container__logos h3 {
border-bottom: 1px solid var(--midturquoise);
padding-top: var(--12px);
padding-bottom: var(--12px);
font-size: var(--step-1);
}

.odd-last {
grid-column: 1 / -1;
}

.odd-last .sponsor-img {
padding: 1.25rem 0;
max-width: 8rem;
margin: 0 auto;
}

@media (max-width: 720px) {
.partner-img, .sponsor-img {
min-width: 9rem;
padding: 2rem 1rem;
}
}

@media (max-width: 420px) {
.logos-home {
grid-template-columns: 1fr;
}
}


</style>
3 changes: 3 additions & 0 deletions sponsorship.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -174,6 +174,9 @@ The fees for donations on Open Collective depend on how much you donate in a sin
</script>
</div>

## Infrastructure Sponsors
{% include "acknowledgements.html" %}

<style>

._note {
Expand Down