godotengine/godot-website
1
0
Fork 0
mirror of https://github.com/godotengine/godot-website.git synced 2026-01-04 06:09:55 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update grid look and add new section in home

Browse Source
This commit is contained in:
Emi
2024-05-01 22:36:59 +02:00
parent 4beaae74db
commit 9217ddad11
3 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
_includes/showreel-shelf.html
View File

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

11
pages/home.html
View File

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

30
pages/showcase.html
View File

@@ -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' %}