From bb0f0a41c3cb1a69dbf7f96ce9c4d98eb9e55822 Mon Sep 17 00:00:00 2001
From: Emi <2206700+coppolaemilio@users.noreply.github.com>
Date: Fri, 3 May 2024 12:08:59 +0200
Subject: [PATCH] Consolidate download sections and remove LTS terminology for
 Godot 3

---
 _includes/download/download-section.html | 80 ++++++++++++++++++++++++
 _includes/footer.html                    |  1 +
 _layouts/download.html                   |  4 +-
 pages/download/preview.html              | 77 +----------------------
 pages/features.html                      | 77 +----------------------
 pages/home.html                          |  3 +-
 6 files changed, 85 insertions(+), 157 deletions(-)
 create mode 100644 _includes/download/download-section.html

diff --git a/_includes/download/download-section.html b/_includes/download/download-section.html
new file mode 100644
index 0000000000..4be95377bc
--- /dev/null
+++ b/_includes/download/download-section.html
@@ -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>
\ No newline at end of file
diff --git a/_includes/footer.html b/_includes/footer.html
index c81faa9c4c..00442f1e46 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -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>
diff --git a/_layouts/download.html b/_layouts/download.html
index 98afa55d57..f81a61f88f 100644
--- a/_layouts/download.html
+++ b/_layouts/download.html
@@ -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>
diff --git a/pages/download/preview.html b/pages/download/preview.html
index 073160c1c9..bd2fe98dbc 100644
--- a/pages/download/preview.html
+++ b/pages/download/preview.html
@@ -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 %}
diff --git a/pages/features.html b/pages/features.html
index 7c6f6cb35b..4ad6348a97 100644
--- a/pages/features.html
+++ b/pages/features.html
@@ -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 %}
diff --git a/pages/home.html b/pages/home.html
index 288c09b90a..1d7bc78006 100644
--- a/pages/home.html
+++ b/pages/home.html
@@ -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>