mirror of
https://github.com/godotengine/godot-website.git
synced 2026-01-04 06:09:55 +03:00
408ed76629
* Update Home and Features pages for Godot 4 Adds support for 2 simultaneous stable versions of the engine Dubs Godot 4 as Latest and Godot 3 as LTS References new features of Godot 4 as extras on the Features page Downloads are WIP * Split Download pages for 4.x and 3.x and cross-link them Also slightly improve styling of the pages * Promote Features over Showcase in main navigation again * replace editor image --------- Co-authored-by: Emi <2206700+coppolaemilio@users.noreply.github.com>
504 lines
12 KiB
HTML
504 lines
12 KiB
HTML
---
|
|
title: Donate - Godot Engine
|
|
permalink: /donate/index.html
|
|
layout: default
|
|
paypal_link:
|
|
generic: "https://www.paypal.com/donate/?hosted_button_id=H3V5K8J3QYZBU"
|
|
tier_1: "https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-2WJ9357147676934KMPVWXII"
|
|
tier_2: "https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-8Y972472JP621620EMPVW3PY"
|
|
tier_3: "https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-8WT04749N77339043MPVW4LY"
|
|
tier_4: "https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-6FJ39677GN942052SMPVW43A"
|
|
tier_5: "https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-81N616577M781570HMPVYFKI"
|
|
tier_6: "https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-93985038K9055505BMPVYFQQ"
|
|
---
|
|
|
|
{% include header.html %}
|
|
|
|
<style>
|
|
.col-2 {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 30px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.col-2 {
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 60px;
|
|
}
|
|
}
|
|
|
|
.donate-button {
|
|
text-decoration: none;
|
|
color: white;
|
|
background: var(--big-button-color);
|
|
padding: 12px 24px;
|
|
box-shadow: var(--base-shadow);
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
margin-bottom: 10px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.patreon-button {
|
|
background: var(--patreon-color);
|
|
}
|
|
|
|
.container .options {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
padding-top: 50px;
|
|
text-align: center;
|
|
max-width: 960px;
|
|
gap: 30px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.container .options {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
}
|
|
|
|
.card-transfer {
|
|
background-color: rgba(120, 120, 120, 0.15);
|
|
background: #2f2f2f;
|
|
margin-top: 50px;
|
|
padding: 43px 50px;
|
|
border-radius: 11px;
|
|
box-shadow: 0 11px 10px -10px #00000042;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
.card-transfer {
|
|
background-color: rgba(160, 160, 160, 0.15);
|
|
}
|
|
}
|
|
|
|
.card-transfer .details {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 30px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.card-transfer .details {
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 50px;
|
|
}
|
|
.bank-transfer .details {
|
|
padding: 0 30px;
|
|
}
|
|
.paypal-transfer .details p,
|
|
.patreon-transfer .details p {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
ul.goals {
|
|
columns: 2;
|
|
}
|
|
}
|
|
|
|
.tiers {
|
|
background: var(--card-background-color);
|
|
margin-top: 50px;
|
|
border-radius: 11px;
|
|
box-shadow: 0 11px 10px -10px #00000042;
|
|
}
|
|
@media (prefers-color-scheme: light) {
|
|
.tier img {
|
|
filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.7));
|
|
}
|
|
.tier img.softer {
|
|
filter: drop-shadow(1px 1px 2px rgba(170, 170, 170, 0.7));
|
|
}
|
|
}
|
|
|
|
.tiers .copy {
|
|
padding: 43px 50px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.tiers .copy h2 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.tiers .copy p {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.tiers-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
padding: 43px 30px 60px;
|
|
max-width: 300px;
|
|
margin: 0 auto;
|
|
gap: 50px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.tiers-grid {
|
|
grid-template-columns: 1fr 1fr;
|
|
padding: 43px 50px 60px;
|
|
max-width: 660px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1048px) {
|
|
.tiers-grid {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
max-width: 916px;
|
|
}
|
|
}
|
|
|
|
.tier {
|
|
display: grid;
|
|
grid-template-columns: 50px 1fr;
|
|
gap: 20px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tier .info {
|
|
width: 200px;
|
|
}
|
|
|
|
.tier .info span.popular {
|
|
display: inline-block;
|
|
background: #37ae66;
|
|
color: white;
|
|
padding: 5px 10px;
|
|
border-radius: 5px;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
position: absolute;
|
|
left: 211px;
|
|
top: -13px;
|
|
}
|
|
|
|
.tier .info span.donate-button {
|
|
width: 100%;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.tier .info p {
|
|
padding: 0;
|
|
line-height: 1;
|
|
margin: 0;
|
|
text-align: center;
|
|
color: var(--base-color-text);
|
|
}
|
|
|
|
.tier img {
|
|
width: 50px;
|
|
}
|
|
|
|
p.for-more {
|
|
text-align: center;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.about-support {
|
|
padding: 30px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.about-support {
|
|
padding: 70px;
|
|
}
|
|
ul.goals li {
|
|
max-width: 95%;
|
|
}
|
|
}
|
|
|
|
.foundation {
|
|
text-align: center;
|
|
margin-bottom: 50px;
|
|
}
|
|
.foundation .image {
|
|
max-width: 300px;
|
|
margin: 0 auto;
|
|
}
|
|
.foundation .image img{
|
|
max-width: 100%;
|
|
}
|
|
.foundation p {
|
|
max-width: 772px;
|
|
margin-bottom: 40px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.if-light {
|
|
display: none;
|
|
}
|
|
|
|
.if-dark {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
.if-light {
|
|
display: block;
|
|
}
|
|
|
|
.if-dark {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="tiers">
|
|
<div class="copy">
|
|
<h2>Make a recurrent donation</h2>
|
|
<p>Your support helps us continue the development of the Godot Engine.</p>
|
|
</div>
|
|
<div class="tiers-grid">
|
|
<a target="_blank" href="{{ page.paypal_link.tier_1 }}" class="tier">
|
|
<img src="/assets/images/donate/bronze.png" alt="">
|
|
<div class="info">
|
|
<span class="donate-button">Bronze</span>
|
|
<p>€5 / month</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a target="_blank" href="{{ page.paypal_link.tier_2 }}" class="tier">
|
|
<img src="/assets/images/donate/silver.png" alt="">
|
|
<div class="info">
|
|
<span class="donate-button">Silver</span>
|
|
<p>€10 / month</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a target="_blank" href="{{ page.paypal_link.tier_3 }}" class="tier">
|
|
<img src="/assets/images/donate/gold.png" alt="">
|
|
<div class="info">
|
|
<span class="popular">Popular</span>
|
|
<span class="donate-button">Gold</span>
|
|
<p>€25 / month</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a target="_blank" href="{{ page.paypal_link.tier_4 }}" class="tier">
|
|
<img class="softer" src="/assets/images/donate/platinum.png" alt="">
|
|
<div class="info">
|
|
<span class="donate-button">Platinum</span>
|
|
<p>€50 / month</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a target="_blank" href="{{ page.paypal_link.tier_5 }}" class="tier">
|
|
<img class="softer" src="/assets/images/donate/titanium.png" alt="">
|
|
<div class="info">
|
|
<span class="donate-button">Titanium</span>
|
|
<p>€100 / month</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a target="_blank" href="{{ page.paypal_link.tier_6 }}" class="tier">
|
|
<img src="/assets/images/donate/diamond.png" alt="">
|
|
<div class="info">
|
|
<span class="donate-button">Diamond</span>
|
|
<p>€250 / month</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<p class="for-more">For corporate sponsorships please write to <a href="mailto:contact@godot.foundation">contact@godot.foundation</a>.</p>
|
|
|
|
<div class="about-support">
|
|
<h4>Thanks to your support we are able to:</h4>
|
|
<ul class="goals">
|
|
<li>Hire developers to work part-time or full-time on Godot Engine.</li>
|
|
<li>Create high quality demo artwork under a permissive license.</li>
|
|
<li>Purchase hardware required to develop Godot.</li>
|
|
<li>Pay for hosting of some web services.</li>
|
|
<li>Cover travel costs to notable industry events (e.g. GDC, Gamescom).</li>
|
|
<li>Produce merchandise for events (T-shirts, banners, stickers, etc.).</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="container padded">
|
|
|
|
<div class="foundation">
|
|
<div class="image">
|
|
<a href="https://godot.foundation" target="_blank">
|
|
<img class="if-dark" src="https://godot.foundation/assets/godot-foundation-logo.svg" alt="The Godot Foundation">
|
|
<img class="if-light" src="https://godot.foundation/assets/godot-foundation-logo-light.svg" alt="The Godot Foundation">
|
|
</a>
|
|
</div>
|
|
<p>Your donations will be received by the <a href="https://godot.foundation" target="_blank">Godot Foundation</a>, a non-profit organization that manages the funds for the Godot project. Our Patreon is still handled by Software Freedom Conservancy on behalf of the Godot project. Whichever method you choose, the funds will be used to support Godot development.
|
|
</div>
|
|
|
|
<div class="col-2">
|
|
<div class="patreon-transfer card-transfer" id="patreon">
|
|
<h2>Patreon</h2>
|
|
<p>
|
|
The Patreon donations are processed by the <a href="https://sfconservancy.org/"
|
|
target="_blank">Software Freedom Conservancy</a>. We are transitioning to the Godot Foundation, you can learn more about it in <a href="https://godotengine.org/article/godots-graduation-godot-moves-to-a-new-foundation/"
|
|
target="_blank">our blog post</a> or the <a href="https://sfconservancy.org/news/2022/nov/01/godot-graduates/" target="_blank">SFC's announcement</a>.
|
|
</p>
|
|
<a class="donate-button patreon-button"
|
|
href="https://www.patreon.com/godotengine">Join our Patreon</a>
|
|
</div>
|
|
|
|
<div class="paypal-transfer card-transfer" id="paypal">
|
|
<h2>Paypal</h2>
|
|
<p>
|
|
The Godot Foundation accepts donations via PayPal. Funds may be directed to <strong>paypal@godot.foundation</strong>. Please consider making a recurring donation.
|
|
</p>
|
|
<a class="donate-button" target="_blank" href="{{ page.paypal_link.generic }}">Donate via PayPal</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bank-transfer card-transfer" id="bank">
|
|
<h2>Bank Transfer</h2>
|
|
|
|
<p>
|
|
If you are sending from the EU, or if you want to make a large donation, you can make a direct bank transfer.<br>For questions, contact <a href="mailto:contact@godot.foundation" target="_blank">contact@godot.foundation</a>.
|
|
</p>
|
|
|
|
<h3>Send payments to:</h3>
|
|
|
|
<div class="details">
|
|
<div>
|
|
<strong>Stichting Godot</strong><br>
|
|
Spoorlaan 5</br>
|
|
1911HA Uitgeest<br>
|
|
The Netherlands<br>
|
|
<br>
|
|
BIC/Swift code: <strong>TRIONL2U</strong><br>
|
|
IBAN: <strong>NL12 TRIO 0320 5613 48</strong><br>
|
|
</div>
|
|
<div>
|
|
Bank: <strong>Triodos Bank</strong><br>
|
|
<strong>Postbus 55</strong><br>
|
|
<strong>3700 AB Zeist</strong><br>
|
|
<strong>The Netherlands</strong><br>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<style>
|
|
section.sponsors .grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 20px;
|
|
padding-left: 80px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
section.sponsors .grid {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
|
|
section.sponsors .grid.gold {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
|
|
section.sponsors .grid.silver {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
}
|
|
|
|
.sponsor-card {
|
|
width: 100%;
|
|
display: grid;
|
|
align-items: center;
|
|
padding: 17px;
|
|
border-radius: 7px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sponsor-card.platinum {
|
|
background-color: var(--sponsor-platinum-background-color);
|
|
}
|
|
|
|
.sponsor-card.gold {
|
|
background-color: var(--sponsor-gold-background-color);
|
|
}
|
|
|
|
.sponsor-card.silver {
|
|
background-color: var(--sponsor-silver-background-color);
|
|
}
|
|
|
|
.sponsor-card img {
|
|
max-width: 100%;
|
|
mix-blend-mode: multiply;
|
|
width: auto;
|
|
max-height: 80px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.gold img {
|
|
max-height: 60px;
|
|
}
|
|
|
|
.silver img {
|
|
max-height: 40px;
|
|
}
|
|
|
|
.sponsors h3 {
|
|
margin-top: 50px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.sponsors h3 a {
|
|
font-size: 15px;
|
|
opacity: 0.5;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
font-family: var(--default-font-family);
|
|
}
|
|
|
|
.learn-more {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|
|
<section class="sponsors padded" id="supporters">
|
|
<div class="container">
|
|
<h2>Current Corporate Sponsors</h2>
|
|
<h3>Corporate Platinum</h3>
|
|
<div class="grid platinum">
|
|
{% for sponsor in site.data.sponsors.platinum %}
|
|
<a class="sponsor-card platinum" href="{{ sponsor.url }}" target="_blank" rel="noopener">
|
|
<img src="{{ sponsor.image }}" alt="{{ sponsor.name }}" loading="lazy">
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
<h3>Corporate Gold</h3>
|
|
<div class="grid gold">
|
|
{% for sponsor in site.data.sponsors.gold %}
|
|
<a class="sponsor-card gold" href="{{ sponsor.url }}" target="_blank" rel="noopener">
|
|
<img src="{{ sponsor.image }}" alt="{{ sponsor.name }}" loading="lazy">
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
<h3>Corporate Silver</h3>
|
|
<div class="grid silver">
|
|
{% for sponsor in site.data.sponsors.silver %}
|
|
<a class="sponsor-card silver" href="{{ sponsor.url }}" target="_blank" rel="noopener">
|
|
<img src="{{ sponsor.image }}" alt="{{ sponsor.name }}" loading="lazy">
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
<p class="for-more" style="margin-top: 50px; text-align: left; opacity: 0.5;">For corporate sponsorships please write to <a href="mailto:contact@godot.foundation">contact@godot.foundation</a>.</p>
|
|
</div>
|
|
</section>
|
|
|
|
{% include footer.html %}
|