Consolidate download sections and remove LTS terminology for Godot 3

This commit is contained in:
Emi
2024-05-03 12:08:59 +02:00
parent 5c67337d0e
commit bb0f0a41c3
6 changed files with 85 additions and 157 deletions

View File

@@ -0,0 +1,80 @@
<style>
.section-download {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
background-color: var(--dark-color);
padding: 24px;
padding-bottom: 60px;
width: auto;
max-width: 100%;
}
@media (max-width: 900px) {
.section-download {
padding: 20px;
}
}
.section-download h2 {
color: var(--dark-color-text-title);
font-weight: 600;
margin: 0;
margin-bottom: 16px;
}
.section-download p {
color: var(--dark-color-text);
margin: 0;
}
.section-download-ready {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 26px;
}
.section-download-ready .btn-download {
min-width: 310px;
}
.section-download .download-3 {
text-align: center;
color: #ffffffd6;
font-weight: 100;
font-size: 15px;
}
.section-download .download-3 a {
color: inherit;
text-decoration-color: inherit;
text-decoration-thickness: 1px;
}
.section-download .download-3 a:hover {
color: white;
}
</style>
<div id="call-to-action" class="container card section-download">
{% if include.title %}
<h2>{{ include.title }}</h2>
{% else %}
<h2>Ready to start?</h2>
{% endif %}
<div class="section-download-ready">
{% assign stable_version_3 = site.data.versions | find: "featured", "3" %}
{% assign stable_version_4 = site.data.versions | find: "featured", "4" %}
<p>Download the <strong>latest version of Godot 4</strong> right now and begin your creative journey!</p>
<a href="/download/windows" class="btn btn-download set-os-download-url" data-version="4"
title="Download the latest version of Godot 4">
<div class="download-title">Download Latest</div>
<div class="download-hint">{{ stable_version_4.name }}</div>
</a>
<span class="download-3">Looking for <a href="/download/windows" class="set-os-download-url" data-version="3" title="Download the long-term support version of Godot 3">Godot 3</a> or a <a href="/download/archive">previous version</a>?</span>
</div>
</div>

View File

@@ -15,6 +15,7 @@
<ul class="sitemap-group">
<li><strong>Get Godot</strong></li>
<li><a href="/download/windows" class="set-os-download-url">Download</a></li>
<li><a href="/download/archive/">Release Archive</a></li>
<li><a href="https://editor.godotengine.org/releases/latest/">Web Editor</a></li>
<li>&nbsp;</li>
<li><strong>Public Relations</strong></li>

View File

@@ -49,9 +49,7 @@ layout: default
{% endfor %}
<p class="previous-releases">
<strong class="previous-releases-featured">For the LTS version, <a href="/download/3.x/windows" class="set-os-download-url" data-version="3">Download Godot 3</a>.</strong>
<br>
You can find previous releases in the <a href="/download/archive">download archive</a>.
Looking for <strong class="previous-releases-featured"><a href="/download/3.x/windows" class="set-os-download-url" data-version="3">Godot 3</a></strong> or a <strong><a href="/download/archive">previous version</a>?</strong>.
</p>
</div>
</div>

View File

@@ -25,60 +25,6 @@ layout: default
gap: 16px;
}
.stable-download {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
background-color: var(--dark-color);
padding: 24px;
padding-bottom: 60px;
width: auto;
max-width: 100%;
}
@media (max-width: 900px) {
.stable-download {
padding: 20px;
}
}
.stable-download h2 {
color: var(--dark-color-text-title);
font-weight: 600;
margin: 0;
margin-bottom: 16px;
}
.stable-download p {
color: var(--dark-color-text);
margin: 0;
}
.stable-download-ready {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 26px;
}
.stable-download-ready .btn-download {
min-width: 310px;
}
.stable-download-ready .btn-download:nth-of-type(2n) {
background-color: rgb(132 151 174 / 68%);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.stable-download-ready .btn-download:nth-of-type(2n) .download-title {
color: #f7f7f7;
}
.stable-download-ready .btn-download:nth-of-type(2n) .download-hint {
background-color: var(--primary-color-subdued);
}
footer {
margin-top: 0;
}
@@ -124,27 +70,6 @@ layout: default
<script src="/assets/js/download-version.js"></script>
<div id="stable" class="container card stable-download">
<h2>Need a stable version?</h2>
<div class="stable-download-ready">
{% assign stable_version_3 = site.data.versions | find: "featured", "3" %}
{% assign stable_version_4 = site.data.versions | find: "featured", "4" %}
<p>Download the <strong>latest version of Godot 4</strong> right now and begin your creative journey!</p>
<a href="/download/windows" class="btn btn-download set-os-download-url" data-version="4"
title="Download the latest version of Godot 4">
<div class="download-title">Download Latest</div>
<div class="download-hint">{{ stable_version_4.name }}</div>
</a>
<p>Want to stick to the <strong>true and trusted Godot 3</strong>? Download the long-term support version!</p>
<a href="/download/windows" class="btn btn-download set-os-download-url" data-version="3"
title="Download the long-term support version of Godot 3">
<div class="download-title">Download LTS</div>
<div class="download-hint">{{ stable_version_3.name }}</div>
</a>
</div>
</div>
{% include /download/download-section.html title="Need a stable version?" %}
{% include footer.html %}

View File

@@ -167,60 +167,6 @@ layout: default
color: var(--base-color-text-title);
}
.features-download {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
background-color: var(--dark-color);
padding: 24px;
padding-bottom: 60px;
width: auto;
max-width: 100%;
}
@media (max-width: 900px) {
.features-download {
padding: 20px;
}
}
.features-download h2 {
color: var(--dark-color-text-title);
font-weight: 600;
margin: 0;
margin-bottom: 16px;
}
.features-download p {
color: var(--dark-color-text);
margin: 0;
}
.features-download-ready {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 26px;
}
.features-download-ready .btn-download {
min-width: 310px;
}
.features-download-ready .btn-download:nth-of-type(2n) {
background-color: rgb(132 151 174 / 68%);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.features-download-ready .btn-download:nth-of-type(2n) .download-title {
color: #f7f7f7;
}
.features-download-ready .btn-download:nth-of-type(2n) .download-hint {
background-color: var(--primary-color-subdued);
}
.features-showcase {
display: flex;
flex-direction: column;
@@ -681,27 +627,6 @@ layout: default
</div>
<div id="call-to-action" class="container card features-download">
<h2>Ready to start?</h2>
<div class="features-download-ready">
{% assign stable_version_3 = site.data.versions | find: "featured", "3" %}
{% assign stable_version_4 = site.data.versions | find: "featured", "4" %}
<p>Download the <strong>latest version of Godot 4</strong> right now and begin your creative journey!</p>
<a href="/download/windows" class="btn btn-download set-os-download-url" data-version="4"
title="Download the latest version of Godot 4">
<div class="download-title">Download Latest</div>
<div class="download-hint">{{ stable_version_4.name }}</div>
</a>
<p>Want to stick to the <strong>true and trusted Godot 3</strong>? Download the long-term support version!</p>
<a href="/download/windows" class="btn btn-download set-os-download-url" data-version="3"
title="Download the long-term support version of Godot 3">
<div class="download-title">Download LTS</div>
<div class="download-hint">{{ stable_version_3.name }}</div>
</a>
</div>
</div>
{% include /download/download-section.html %}
{% include footer.html %}

View File

@@ -32,7 +32,7 @@ layout: default
color: #ffffffd6;
text-shadow: 0 0 10px black;
font-weight: 100;
font-size: 14px;
font-size: 15px;
}
.main-download-links .download-3 a {
@@ -191,7 +191,6 @@ layout: default
</a>
<span class="download-3">Looking for <a href="/download/windows" class="set-os-download-url" data-version="3" title="Download the long-term support version of Godot 3">Godot 3</a> or a <a href="/download/archive">previous version</a>?</span>
</a>
</div>
</div>
</div>