From 9217ddad11a5f8015ac19ba8e67f1b36bf0ecccf Mon Sep 17 00:00:00 2001
From: Emi <2206700+coppolaemilio@users.noreply.github.com>
Date: Wed, 1 May 2024 22:36:59 +0200
Subject: [PATCH] Update grid look and add new section in home

---
 _includes/showreel-shelf.html | 10 +++++++++-
 pages/home.html               | 11 +++++++++++
 pages/showcase.html           | 30 +++++++-----------------------
 3 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/_includes/showreel-shelf.html b/_includes/showreel-shelf.html
index d1f2e88e30..a7a530d595 100644
--- a/_includes/showreel-shelf.html
+++ b/_includes/showreel-shelf.html
@@ -8,7 +8,15 @@
 	}
 </style>
 
-<section class="flex grid" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))">
+<section class="flex grid" style="grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))">
+	<article>
+		<div class="showreel-video">
+			<a href="https://www.youtube.com/watch?v=W1_zKxYEP6Q" target="_blank">
+				<img src="/assets/showcase/desktop-showcase.webp" alt="Showreel: 2023 Godot Desktop Games">
+			</a>
+		</div>
+	</article>
+
 	<article>
 		<div class="showreel-video">
 			<a href="https://www.youtube.com/watch?v=W1_zKxYEP6Q" target="_blank">
diff --git a/pages/home.html b/pages/home.html
index 0b0c5ccfbf..3336821fed 100644
--- a/pages/home.html
+++ b/pages/home.html
@@ -341,6 +341,17 @@ layout: default
 	</div>
 </section>
 
+<section id="made_with_godot" class="container padded">
+	<h2>Showreel videos</h2>
+	<p>
+		Every year, we make a series of videos highlighting the best games made with Godot.<br>Here are the latest ones:
+	</p>
+	{% include showreel-shelf.html %}
+	<div style="display: flex; align-items: center; justify-content: center; margin-top: 16px;">
+		<a href="/showcase" class="btn btn-flat btn-flat-white btn-flat-frosted">See more projects made with Godot</a>
+	</div>
+</section>
+
 <section id="get_involved" class="container padded">
 	<h2>Get involved</h2>
 	<p>
diff --git a/pages/showcase.html b/pages/showcase.html
index 76dcc53052..b735b71f05 100644
--- a/pages/showcase.html
+++ b/pages/showcase.html
@@ -7,28 +7,12 @@ layout: default
 
 {% include header.html %}
 
-<div class="head">
-	<div class="container flex eqsize">
-		<div class="main">
-			<h1 class="intro-title">Showcase</h1>
-		</div>
-		<div class="tabs">
-			<a href="/features" class="title-font ">Features</a>
-			<a href="/showcase" class="title-font  active ">Showcase</a>
-		</div>
-	</div>
-</div>
-
 <div class="container">
-	<h2 class="title">Showreel videos</h2>
-
-	<p>
-		Every year, we make a series of videos highlighting the best games made with Godot. Here are the latest ones:
-	</p>
-
-	{% include showreel-shelf.html %}
 
 	<style>
+		.showcase-cards {
+			grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+		}
 		.showcase-card h3 {
 			font-size: 33px;
 			margin-bottom: 0px;
@@ -92,9 +76,9 @@ layout: default
 
 	<!-- Filter will go here -->
 
-	<h2 class="title">Made with Godot</h2>
+	<h2 class="title">Games</h2>
 
-	<section class="flex grid showcase-cards" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))">
+	<section class="flex grid showcase-cards">
 		{% assign projects = site.showcase | sort: 'date' | reverse %}
 		{% for project in projects %}
 		{% if project.release_date != 'TBD' and project.tool != true %}
@@ -163,7 +147,7 @@ layout: default
 
 	<h2 class="title">Apps & Tools</h2>
 
-	<section class="flex grid showcase-cards" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))">
+	<section class="flex grid showcase-cards">
 		{% assign projects = site.showcase | sort: 'date' | reverse %}
 		{% for project in projects %}
 		{% if project.tool %}
@@ -231,7 +215,7 @@ layout: default
 	</section>
 
 	<h2 class="title">Coming soon</h2>
-	<section class="flex grid showcase-cards" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))">
+	<section class="flex grid showcase-cards">
 		{% assign projects = site.showcase | sort: 'date' | reverse %}
 		{% for project in projects %}
 		{% if project.release_date == 'TBD' %}