mirror of
https://github.com/godotengine/godot-website.git
synced 2025-12-31 09:48:43 +03:00
reviving the PR
This commit is contained in:
Emi
@@ -12,15 +12,15 @@
|
||||
<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">
|
||||
<img src="/assets/showcase/showreels/2023-all.webp" alt="Showreel: 2023 Godot Games">
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<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 href="https://www.youtube.com/watch?v=UAS_pUTFA7o" target="_blank">
|
||||
<img src="/assets/showcase/showreels/2022-desktop.webp" alt="Showreel: 2022 Godot Desktop Games">
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
@@ -28,7 +28,7 @@
|
||||
<article>
|
||||
<div class="showreel-video">
|
||||
<a href="https://www.youtube.com/watch?v=xF3QiQfQxeQ" target="_blank">
|
||||
<img src="/assets/showcase/mobile-showcase.webp" alt="Showreel: 2022 Godot Mobile Games">
|
||||
<img src="/assets/showcase/showreels/2022-mobile.webp" alt="Showreel: 2022 Godot Mobile Games">
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
@@ -36,7 +36,7 @@
|
||||
<article>
|
||||
<div class="showreel-video">
|
||||
<a href="https://www.youtube.com/watch?v=9kKp0oguzr8" target="_blank">
|
||||
<img src="/assets/showcase/apps-showcase.webp" alt="Showreel: 2022 Godot Apps & Tools">
|
||||
<img src="/assets/showcase/showreels/2022-apps.webp" alt="Showreel: 2022 Godot Apps & Tools">
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
BIN
assets/showcase/case-of-the-golden-idol.jpg
Normal file
BIN
assets/showcase/case-of-the-golden-idol.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
assets/showcase/screenshots/case-1.jpg
Normal file
BIN
assets/showcase/screenshots/case-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 519 KiB |
BIN
assets/showcase/screenshots/case-2.jpg
Normal file
BIN
assets/showcase/screenshots/case-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 396 KiB |
BIN
assets/showcase/screenshots/case-3.jpg
Normal file
BIN
assets/showcase/screenshots/case-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 498 KiB |
BIN
assets/showcase/screenshots/case-4.jpg
Normal file
BIN
assets/showcase/screenshots/case-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 638 KiB |
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
BIN
assets/showcase/showreels/2022-desktop.jpg
Normal file
BIN
assets/showcase/showreels/2022-desktop.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 117 KiB |
BIN
assets/showcase/showreels/2022-desktop.webp
Normal file
BIN
assets/showcase/showreels/2022-desktop.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
|
Before Width: | Height: | Size: 104 KiB After Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
@@ -15,9 +15,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "grovGK4WOJw"
|
||||
|
||||
windows: true
|
||||
linux: false
|
||||
macos: false
|
||||
platforms: ["windows", "linux", "macos"]
|
||||
|
||||
|
||||
steam: https://store.steampowered.com/app/2089710/A_Most_Extraordinary_Gnome/
|
||||
|
||||
@@ -16,8 +16,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "8hw2haOfH8Y"
|
||||
|
||||
windows: true
|
||||
|
||||
platforms: ["windows"]
|
||||
|
||||
steam: https://store.steampowered.com/app/2987180/ACTION_GAME_MAKER/
|
||||
|
||||
@@ -26,7 +25,6 @@ developer_interview:
|
||||
text: "There's a lot to like about Godot. The very lightweight editor comes to mind first, but the straightforward UI and the breadth of 2D features combined with the modern selection of build targets are all great. But what really sets Godot apart is the energy and passion from the Godot community itself. Constantly active, you can really feel that everyone is working hard to make good games and Godot better at the same time. We're really going to need to give it our all to ensure that Action Game Maker can proudly be accepted by and call ourselves part of this community!"
|
||||
|
||||
# tool: true
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
### What Is "ACTION GAME MAKER"?
|
||||
|
||||
@@ -13,14 +13,10 @@ gallery: [
|
||||
]
|
||||
youtube_id: "aiVMhCEgGLY"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1863080/Beat_Invaders/
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -15,10 +15,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "egEuehFcGkE"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1392650/BLASTRONAUT/
|
||||
|
||||
|
||||
@@ -15,9 +15,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "bXEhKX41WRk"
|
||||
|
||||
windows: true
|
||||
|
||||
|
||||
platforms: ["windows", "playstation"]
|
||||
steam: https://store.steampowered.com/app/1942280/Brotato/
|
||||
|
||||
|
||||
|
||||
34
collections/_showcase/case-of-the-golden-idol.md
Normal file
34
collections/_showcase/case-of-the-golden-idol.md
Normal file
@@ -0,0 +1,34 @@
|
||||
---
|
||||
description: "A new kind of detective game that allows you to think and investigate freely. Discover clues surrounding 12 strange and gruesome deaths and build your own theory. Pick your suspect, deduce the motive, unmask the awful truth."
|
||||
date: 2023-10-13 00:00:00 +0000
|
||||
|
||||
title: The Case of the Golden Idol
|
||||
author: Color Gray Games
|
||||
website: https://www.thegoldenidol.com/
|
||||
release_date: Oct 2022
|
||||
|
||||
image: "/assets/showcase/case-of-the-golden-idol.jpg"
|
||||
gallery: [
|
||||
"/assets/showcase/screenshots/case-1.jpg",
|
||||
"/assets/showcase/screenshots/case-2.jpg",
|
||||
"/assets/showcase/screenshots/case-3.jpg",
|
||||
"/assets/showcase/screenshots/case-4.jpg"
|
||||
]
|
||||
youtube_id: "Qqciwm7GD1E"
|
||||
|
||||
platforms: ["windows", "macos", "playstation", "xbox", "switch"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1677770/The_Case_of_the_Golden_Idol/
|
||||
|
||||
---
|
||||
|
||||
### Investigate Gruesome Crimes
|
||||
Step into the shoes of an 18th century detective and uncover the mystery behind twelve strange deaths spanning 50 years, all somehow connected.
|
||||
|
||||
Unmask the true killers in this sprawling narrative and discover their devious motives.
|
||||
|
||||
### Piece Together the Plot
|
||||
Observe closely and reconstruct each scene of death. Your skills of deduction can identify each suspect, motive and murder weapon.
|
||||
|
||||
### Uncover the Conspiracy
|
||||
Reveal the true nature of the mysterious Golden Idol and those who covet it. Follow the journey of a cursed aristocratic family as you untangle a web of deceit and villainy in your hunt for the truth behind this dark conspiracy.
|
||||
@@ -15,11 +15,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "JBt-B5eT2h4"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
switch: true
|
||||
xbox: true
|
||||
|
||||
platforms: ["windows", "linux", "switch", "xbox"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1321440/Cassette_Beasts/
|
||||
|
||||
|
||||
@@ -13,16 +13,12 @@ gallery: [
|
||||
]
|
||||
youtube_id: "hcRDBdvtuVQ"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/726840/City_Game_Studio_a_tycoon_about_game_dev/
|
||||
gog: https://www.gog.com/en/game/city_game_studio_a_tycoon_about_game_dev
|
||||
itch: https://binogure.itch.io/city-game-studio
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -13,13 +13,10 @@ gallery: [
|
||||
]
|
||||
youtube_id: "PvKEKD3eo2Y"
|
||||
|
||||
windows: true
|
||||
|
||||
platforms: ["windows"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1388770/Cruelty_Squad/
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -13,16 +13,12 @@ gallery: [
|
||||
]
|
||||
youtube_id: "7rE4ZTYLkVA"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
|
||||
steam: https://store.steampowered.com/app/846030/V_Rings_of_Saturn/
|
||||
itch: https://koder.itch.io/dv-rings-of-saturn/
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -13,10 +13,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "qTnGtmh8eTE"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1637320/Dome_Keeper/
|
||||
|
||||
|
||||
@@ -12,16 +12,12 @@ gallery: [
|
||||
]
|
||||
youtube_id: "LYTHVRpihKg"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
macos: true
|
||||
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
custom: https://dungeondraft.net/
|
||||
|
||||
|
||||
tool: true
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -12,14 +12,11 @@ website: https://twitter.com/miziziziz
|
||||
release_date: "October 2022"
|
||||
youtube_id: "dHTxm1PD-bQ"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/2124780/Endoparasitic/
|
||||
itch: https://nartier.itch.io/endoparasitic
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
Three limbs ripped off, infected with a deadly parasite, you must save your research. Drag yourself through the corridors of a secret research lab on a remote asteroid, fight off horribly mutated monsters, inject countless syringes of vaccines, and survive at all costs.
|
||||
|
||||
@@ -13,17 +13,11 @@ gallery: [
|
||||
]
|
||||
youtube_id: "7sJJW_x6Xg4"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
switch: true
|
||||
|
||||
platforms: ["windows", "macos", "linux", "switch"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1249480/ExZodiac/
|
||||
itch: https://pixeljam.itch.io/ex-zodiac
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -13,14 +13,11 @@ gallery: [
|
||||
]
|
||||
youtube_id: "j9sjKfFwfaM"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
|
||||
steam: https://store.steampowered.com/app/1105470/Fist_of_the_Forgotten/
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>Fist of the Forgotten is a platformer set in a harsh, dark world, but that doesn't mean you're helpless. Relics passed down from your family allow you to interact with forgotten technology and fight your way forward.</p>
|
||||
|
||||
@@ -14,12 +14,11 @@ website: https://twitter.com/AuntyGames
|
||||
release_date: "TBD"
|
||||
youtube_id: "pRvDe_Ts2wA"
|
||||
|
||||
windows: true
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/2013730/Gourdlets
|
||||
itch: https://aunty-games.itch.io/gourdlets
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
Gourdlets is a city-building sandbox. Place buildings and scenery, and then watch visiting gourdlets arrive and interact with the world. No objectives, no points, just building.
|
||||
|
||||
@@ -13,8 +13,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "wb0r83K3YBk"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
|
||||
steam: https://store.steampowered.com/app/1003860/Gravity_Ace/
|
||||
@@ -37,8 +36,6 @@ developer_interview:
|
||||
frameworks.
|
||||
</p>"
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -13,15 +13,10 @@ gallery: [
|
||||
]
|
||||
youtube_id: "oJG80se4D_I"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1395270/Haiki/
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -16,8 +16,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "GCVIaeK504g"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
|
||||
steam: https://store.steampowered.com/app/2218750/Halls_of_Torment/
|
||||
|
||||
@@ -12,10 +12,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "w4M6-zkLN6Y"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
itch: https://cheeseness.itch.io/hive-time
|
||||
|
||||
@@ -36,8 +33,6 @@ developer_interview:
|
||||
philosophical hurdles won't prevent them from doing so.
|
||||
</p>"
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -13,8 +13,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "NhPjTSAhFYM"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
|
||||
steam: https://store.steampowered.com/app/1395420/Human_Diaspora/
|
||||
@@ -33,8 +32,6 @@ developer_interview:
|
||||
straightforward way of scripting with GDScript sealed the deal for me.
|
||||
</p>'
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -17,16 +17,10 @@ gallery: [
|
||||
]
|
||||
youtube_id: "3BddpsCOXLk"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
xbox: true
|
||||
switch: true
|
||||
platforms: ["windows", "macos", "linux", "xbox", "switch"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1978150/Kamaeru_A_Frog_Refuge/
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
Kamaeru is a cozy frog collecting game about farming and preserving nature. You play as a kind soul helping an old friend restore the wetlands of your childhood by transforming them into a safe haven for friendly little frogs. With the help of the game’s cast of welcoming NPCs, you will photograph and breed frogs to increase your reputation, decorate your frog refuge, and plant native crops to help your amphibian abode thrive!
|
||||
|
||||
@@ -13,14 +13,10 @@ gallery: [
|
||||
]
|
||||
youtube_id: "swcFuuwHKFE"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/2159270/Kingdoms_of_the_Dump
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -15,11 +15,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "LC29HveHImg"
|
||||
|
||||
featured_in_home: false
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
macos: true
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
|
||||
steam: https://store.steampowered.com/app/1713810/Lumencraft/
|
||||
|
||||
@@ -14,8 +14,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "nywlneIwCNg"
|
||||
|
||||
ios: true
|
||||
android: true
|
||||
platforms: ["ios", "android"]
|
||||
|
||||
|
||||
appstore: https://apps.apple.com/us/app/madness-endless/id1489109037
|
||||
|
||||
@@ -12,15 +12,12 @@ gallery: [
|
||||
]
|
||||
youtube_id: "PY-fCt1j2Ag"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
github: https://github.com/RodZill4/material-maker
|
||||
itch: https://rodzilla.itch.io/material-maker
|
||||
|
||||
tool: true
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -15,12 +15,10 @@ website: https://www.kerzoven.com/
|
||||
release_date: April 2024
|
||||
youtube_id: "md-g0UNTBV4"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1733110/Of_Life_and_Land/
|
||||
|
||||
featured_in_home: false
|
||||
redirect_from:
|
||||
- /showcase/circle-of-kerzoven/
|
||||
---
|
||||
|
||||
@@ -13,14 +13,12 @@ gallery: [
|
||||
]
|
||||
youtube_id: "H8x_SR623fw"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
|
||||
steam: https://store.steampowered.com/app/2015830/Pingo_Adventure/
|
||||
itch: https://orb-square.itch.io/pingo-adventure
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -16,10 +16,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "--ZcztkvWUQ"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
macos: true
|
||||
html5: true
|
||||
platforms: ["windows", "macos", "linux", "web"]
|
||||
|
||||
|
||||
itch: https://orama-interactive.itch.io/pixelorama/
|
||||
@@ -27,7 +24,6 @@ github: https://github.com/Orama-Interactive/Pixelorama
|
||||
steam: https://store.steampowered.com/app/2779170/Pixelorama/
|
||||
|
||||
tool: true
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
Unleash your creativity with Pixelorama, a powerful and accessible open-source pixel art multitool. Whether you want to create sprites, tiles, animations, or just express yourself in the language of pixel art, this software will realize your pixel-perfect dreams with a vast toolbox of features.
|
||||
|
||||
@@ -17,6 +17,8 @@ website: https://bippinbits.com/
|
||||
release_date: "TBD"
|
||||
youtube_id: "DquTRgapsiM"
|
||||
|
||||
platforms: ["windows"]
|
||||
|
||||
steam: https://store.steampowered.com/app/2956040/PVKK_Planetenverteidigungskanonenkommandant/
|
||||
|
||||
featured_in_home: true
|
||||
|
||||
@@ -13,14 +13,10 @@ gallery: [
|
||||
]
|
||||
youtube_id: "Ri0Pc5xvJkM"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/951670/Precipice/
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<ul>
|
||||
|
||||
@@ -14,11 +14,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "Kf4lVuTYdeM"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
switch: true
|
||||
xbox: true
|
||||
platforms: ["windows", "macos", "linux", "switch", "xbox"]
|
||||
|
||||
steam: https://store.steampowered.com/app/771420/Primal_Light/
|
||||
nintendo: https://www.nintendo.com/store/products/primal-light-switch/
|
||||
@@ -40,8 +36,6 @@ developer_interview:
|
||||
with.
|
||||
</p>"
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -14,10 +14,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "7J9JR6iFzho"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
switch: true
|
||||
platforms: ["windows", "macos", "linux", "switch"]
|
||||
|
||||
steam: https://store.steampowered.com/app/975150/Resolutiion/
|
||||
gog: https://www.gog.com/game/resolutiion/
|
||||
@@ -35,8 +32,6 @@ developer_interview:
|
||||
valuable tutorials and guides.
|
||||
</p>"
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -13,8 +13,8 @@ gallery: [
|
||||
]
|
||||
youtube_id: "Vfz66iLuwzQ"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1145340/Rogue_State_Revolution/
|
||||
|
||||
@@ -31,8 +31,6 @@ developer_interview:
|
||||
solutions to whatever problems we might encounter.
|
||||
</p>"
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<ul>
|
||||
|
||||
@@ -13,9 +13,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "Ea8OfjVqNz0"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/498310
|
||||
itch: https://zeromatrix.itch.io/rpginabox
|
||||
@@ -37,7 +35,6 @@ developer_interview:
|
||||
|
||||
|
||||
tool: true
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
<p>
|
||||
|
||||
@@ -13,11 +13,10 @@ website: https://swordsandsandals.com/
|
||||
release_date: "May 2022"
|
||||
youtube_id: "XXzSN9lQ9S4"
|
||||
|
||||
windows: true
|
||||
platforms: ["windows"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1707650/Swords_and_Sandals_Immortals/
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
Gladiator! Grab your sword, equip your sandals and take on the world in multiplayer Swords and Sandals! Brutal turn-based combat where gladiators can lose limbs, wield guitars and yell so loudly enemy heads will fall off.
|
||||
|
||||
@@ -15,8 +15,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "Q-v0vL83ylg"
|
||||
|
||||
windows: true
|
||||
linux: true
|
||||
platforms: ["windows", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/824090/TailQuest_Defense/
|
||||
gog: https://www.gog.com/pl/game/tailquest_defense
|
||||
|
||||
@@ -15,10 +15,7 @@ website: https://carrotcake.games/
|
||||
release_date: "July 30"
|
||||
youtube_id: "yha0038eC1o"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
switch: true
|
||||
platforms: ["windows", "macos", "linux", "switch"]
|
||||
|
||||
steam: "https://store.steampowered.com/app/1638500/The_Garden_Path/"
|
||||
itch: "https://carrotcakestudio.itch.io/thegardenpath"
|
||||
@@ -37,8 +34,6 @@ developer_interview:
|
||||
was this made' and the answer is something open source, that's a big
|
||||
accomplishment.</p><p>Something for me to aspire toward, anyway.</p>"
|
||||
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
Between forgotten statues and newfound friends, find yourself in a relaxing getaway. Discover a secret garden and your role within it.
|
||||
|
||||
@@ -15,9 +15,8 @@ gallery: [
|
||||
website: https://untilthengame.com/
|
||||
release_date: "June 2024"
|
||||
youtube_id: "ktd33TPsGlA"
|
||||
windows: true
|
||||
linux: true
|
||||
playstation: true
|
||||
|
||||
platforms: ["windows", "linux", "playstation"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1574820/Until_Then/
|
||||
|
||||
|
||||
@@ -15,8 +15,7 @@ gallery: [
|
||||
]
|
||||
youtube_id: "FWOKjCe9Ljw"
|
||||
|
||||
android: true
|
||||
ios: true
|
||||
platforms: ["android", "ios"]
|
||||
|
||||
appstore: https://apps.apple.com/us/app/usagi-shima/id1632728038
|
||||
googleplay: https://play.google.com/store/apps/details?id=com.pank0.usagishima
|
||||
|
||||
@@ -12,14 +12,11 @@ website: https://twitter.com/miziziziz
|
||||
release_date: "December 2021"
|
||||
youtube_id: "ssjbt_6RmKY"
|
||||
|
||||
windows: true
|
||||
macos: true
|
||||
linux: true
|
||||
platforms: ["windows", "macos", "linux"]
|
||||
|
||||
steam: https://store.steampowered.com/app/1762010/Wrought_Flesh/
|
||||
itch: https://nartier.itch.io/wrought-flesh
|
||||
|
||||
featured_in_home: false
|
||||
---
|
||||
|
||||
Rip out enemies organs and equip them in your own body. Fight biopunk monsters and drugged-up space bandits. You are a Gajeshian Cultist: A near-mythological being built from the bodies of long-dead saints. You have arrived on the partially terraformed planet of Chrisembourgh on a temple-ordained mission to find and kill someone. Explore the planet and trace your victims steps to the end.
|
||||
|
||||
@@ -340,17 +340,6 @@ 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>
|
||||
|
||||
@@ -1,244 +0,0 @@
|
||||
---
|
||||
permalink: /showcase/index.html
|
||||
title: "Showcase - Godot Engine"
|
||||
description: "Games made with the Godot Engine."
|
||||
layout: default
|
||||
---
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<div class="container">
|
||||
|
||||
<style>
|
||||
.showcase-cards {
|
||||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
||||
}
|
||||
.showcase-card h3 {
|
||||
font-size: 33px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.showcase-card p {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
color: var(--secondary-color-text);
|
||||
}
|
||||
|
||||
.showcase-card img.thumbnail {
|
||||
max-width: 100%;
|
||||
border-radius: 7px;
|
||||
background-color: var(--card-background-color);
|
||||
box-shadow: 0 5px 10px -3px #00000078;
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.showcase-card-caption {
|
||||
display: flex;
|
||||
column-gap: 12px;
|
||||
justify-content: space-between;
|
||||
margin: 0 14px;
|
||||
}
|
||||
|
||||
.showcase-card-authors {
|
||||
display: grid;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.showcase-card-icons {
|
||||
filter: none;
|
||||
padding: 7px 0px 0px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.showcase-card-icons {
|
||||
filter: invert();
|
||||
}
|
||||
}
|
||||
|
||||
.showcase-card .no-capsule {
|
||||
aspect-ratio: 92 / 43;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 5px 10px -3px #00000078;
|
||||
margin-bottom: 7px;
|
||||
text-align: center;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.showcase-card .no-capsule h3 {
|
||||
text-shadow: 0 4px 5px black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- Filter will go here -->
|
||||
|
||||
<h2 class="title">Games</h2>
|
||||
|
||||
<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 %}
|
||||
<a href="{{ project.url }}" style="text-decoration: none;">
|
||||
<article class="showcase-card">
|
||||
{% if project.image %}
|
||||
<img class="thumbnail" src="{{ project.image }}" alt="{{ project.title }}" loading="lazy">
|
||||
{% else %}
|
||||
<div class="no-capsule" style="background-image: url({{ project.gallery[0] }})">
|
||||
<h3>{{ project.title }}</h3>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="showcase-card-caption">
|
||||
<div class="showcase-card-icons">
|
||||
{% if project.windows %}
|
||||
<img src="/assets/images/platforms/windows.svg" alt="Windows" title="Windows" style="margin: 0 0.125rem" width="24"
|
||||
height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.macos %}
|
||||
<img src="/assets/images/platforms/macos.svg" alt="Mac" title="Mac" style="margin: 0 0.125rem" width="24" height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.linux %}
|
||||
<img src="/assets/images/platforms/linux.svg" alt="Linux" title="Linux" style="margin: 0 0.125rem" width="24"
|
||||
height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.switch %}
|
||||
<img src="/assets/images/platforms/switch.svg" alt="Nintendo Switch" title="Switch" style="margin: 0 0.125rem"
|
||||
width="24" height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.html5 %}
|
||||
<img src="/assets/images/platforms/web.svg" alt="HTML5" title="HTML5" style="margin: 0 0.125rem" width="24"
|
||||
height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.android %}
|
||||
<img src="/assets/images/platforms/android.svg" alt="Android" title="Android" style="margin: 0 0.125rem" width="24"
|
||||
height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.ios %}
|
||||
<img src="/assets/images/platforms/ios.svg" alt="iOS" title="iOS" style="margin: 0 0.125rem" width="24" height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.playstation %}
|
||||
<img src="/assets/images/platforms/playstation.svg" alt="PlayStation" title="PlayStation" style="margin: 0 0.125rem"
|
||||
width="24" height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.xbox %}
|
||||
<img src="/assets/images/platforms/xbox.svg" alt="Xbox" title="Xbox" style="margin: 0 0.125rem" width="24" height="24">
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="showcase-card-authors">
|
||||
<p>{{ project.author }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
<h2 class="title">Apps & Tools</h2>
|
||||
|
||||
<section class="flex grid showcase-cards">
|
||||
{% assign projects = site.showcase | sort: 'date' | reverse %}
|
||||
{% for project in projects %}
|
||||
{% if project.tool %}
|
||||
<a href="{{ project.url }}" style="text-decoration: none;">
|
||||
<article class="showcase-card">
|
||||
{% if project.image %}
|
||||
<img class="thumbnail" src="{{ project.image }}" alt="{{ project.title }}" loading="lazy">
|
||||
{% else %}
|
||||
<div class="no-capsule" style="background-image: url({{ project.gallery[0] }})">
|
||||
<h3>{{ project.title }}</h3>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="showcase-card-caption">
|
||||
<div class="showcase-card-icons">
|
||||
{% if project.windows %}
|
||||
<img src="/assets/images/platforms/windows.svg" alt="Windows" title="Windows" style="margin: 0 0.125rem" width="24"
|
||||
height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.macos %}
|
||||
<img src="/assets/images/platforms/macos.svg" alt="Mac" title="Mac" style="margin: 0 0.125rem" width="24" height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.linux %}
|
||||
<img src="/assets/images/platforms/linux.svg" alt="Linux" title="Linux" style="margin: 0 0.125rem" width="24"
|
||||
height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.switch %}
|
||||
<img src="/assets/images/platforms/switch.svg" alt="Nintendo Switch" title="Switch" style="margin: 0 0.125rem"
|
||||
width="24" height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.html5 %}
|
||||
<img src="/assets/images/platforms/web.svg" alt="HTML5" title="HTML5" style="margin: 0 0.125rem" width="24"
|
||||
height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.android %}
|
||||
<img src="/assets/images/platforms/android.svg" alt="Android" title="Android" style="margin: 0 0.125rem" width="24"
|
||||
height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.ios %}
|
||||
<img src="/assets/images/platforms/ios.svg" alt="iOS" title="iOS" style="margin: 0 0.125rem" width="24" height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.playstation %}
|
||||
<img src="/assets/images/platforms/playstation.svg" alt="PlayStation" title="PlayStation" style="margin: 0 0.125rem"
|
||||
width="24" height="24">
|
||||
{% endif %}
|
||||
|
||||
{% if project.xbox %}
|
||||
<img src="/assets/images/platforms/xbox.svg" alt="Xbox" title="Xbox" style="margin: 0 0.125rem" width="24" height="24">
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="showcase-card-authors">
|
||||
<p>{{ project.author }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
<h2 class="title">Coming soon</h2>
|
||||
<section class="flex grid showcase-cards">
|
||||
{% assign projects = site.showcase | sort: 'date' | reverse %}
|
||||
{% for project in projects %}
|
||||
{% if project.release_date == 'TBD' %}
|
||||
<a href="{{ project.url }}" style="text-decoration: none;">
|
||||
<article class="showcase-card">
|
||||
{% if project.image %}
|
||||
<img class="thumbnail" src="{{ project.image }}" alt="{{ project.title }}" loading="lazy">
|
||||
{% else %}
|
||||
<div class="no-capsule" style="background-image: url({{ project.gallery[0] }})">
|
||||
<h3>{{ project.title }}</h3>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="showcase-card-caption">
|
||||
<div></div>
|
||||
<div class="showcase-card-authors">
|
||||
<p>{{ project.author }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
175
pages/showcase/index.html
Normal file
175
pages/showcase/index.html
Normal file
@@ -0,0 +1,175 @@
|
||||
---
|
||||
permalink: /showcase/index.html
|
||||
title: "Showcase - Godot Engine"
|
||||
description: "Games made with the Godot Engine."
|
||||
layout: default
|
||||
---
|
||||
<link rel="stylesheet" href="/pages/showcase/showcase.css">
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<section id="made_with_godot" class="container padded">
|
||||
<h2>Showreel videos</h2>
|
||||
<p>
|
||||
Every year, we make a series of videos highlighting games and projects made with Godot. Watch the full playlist on our <a href="https://www.youtube.com/playlist?list=PLeG_dAglpVo6EpaO9A1nkwJZOwrfiLdQ8" target="_blank">YouTube channel</a>.
|
||||
</p>
|
||||
{% include showreel-shelf.html %}
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<h2>Made with Godot</h2>
|
||||
<div class="main">
|
||||
<aside>
|
||||
<h3>Filter by:</h3>
|
||||
<div class="filter-options">
|
||||
<label><input type="checkbox" class="platform-filter" value="windows"> Windows</label>
|
||||
<label><input type="checkbox" class="platform-filter" value="macos"> Mac</label>
|
||||
<label><input type="checkbox" class="platform-filter" value="linux"> Linux</label>
|
||||
<label><input type="checkbox" class="platform-filter" value="web"> Web</label>
|
||||
<label><input type="checkbox" class="platform-filter" value="android"> Android</label>
|
||||
<label><input type="checkbox" class="platform-filter" value="ios"> iOS</label>
|
||||
<label><input type="checkbox" class="platform-filter" value="playstation"> PlayStation</label>
|
||||
<label><input type="checkbox" class="platform-filter" value="xbox"> Xbox</label>
|
||||
<label><input type="checkbox" class="platform-filter" value="switch"> Nintendo Switch</label>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="content">
|
||||
<h2 class="title">Games</h2>
|
||||
|
||||
<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 %}
|
||||
<a href="{{ project.url }}" class="showcase-link-wrapper {% for platform in project.platforms%}{{platform}} {% endfor %}" style="text-decoration: none;">
|
||||
<article class="showcase-card">
|
||||
{% if project.image %}
|
||||
<img class="thumbnail" src="{{ project.image }}" alt="{{ project.title }}">
|
||||
{% else %}
|
||||
<div class="no-capsule" style="background-image: url({{ project.gallery[0] }})">
|
||||
<h3>{{ project.title }}</h3>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="caption">
|
||||
<div class="icons">
|
||||
{% for platform in project.platforms%}
|
||||
<img src="/assets/images/platforms/{{ platform }}.svg" alt="{{ platform }}" title="{{ platform }}">
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="authors">
|
||||
<p>{{ project.author }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
<h2 class="title">Apps & Tools</h2>
|
||||
|
||||
<section class="flex grid showcase-cards">
|
||||
{% assign projects = site.showcase | sort: 'date' | reverse %}
|
||||
{% for project in projects %}
|
||||
{% if project.tool %}
|
||||
<a href="{{ project.url }}" class="showcase-link-wrapper {% for platform in project.platforms%}{{platform}} {% endfor %}" style="text-decoration: none;">
|
||||
<article class="showcase-card">
|
||||
{% if project.image %}
|
||||
<img class="thumbnail" src="{{ project.image }}" alt="{{ project.title }}">
|
||||
{% else %}
|
||||
<div class="no-capsule" style="background-image: url({{ project.gallery[0] }})">
|
||||
<h3>{{ project.title }}</h3>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="caption">
|
||||
<div class="icons">
|
||||
{% for platform in project.platforms%}
|
||||
<img src="/assets/images/platforms/{{ platform }}.svg" alt="{{ platform }}" title="{{ platform }}">
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="authors">
|
||||
<p>{{ project.author }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
<h2 class="title">Coming soon</h2>
|
||||
<section class="flex grid showcase-cards">
|
||||
{% assign projects = site.showcase | sort: 'date' | reverse %}
|
||||
{% for project in projects %}
|
||||
{% if project.release_date == 'TBD' %}
|
||||
<a href="{{ project.url }}" class="showcase-link-wrapper {% for platform in project.platforms%}{{platform}} {% endfor %}" style="text-decoration: none;">
|
||||
<article class="showcase-card">
|
||||
{% if project.image %}
|
||||
<img class="thumbnail" src="{{ project.image }}" alt="{{ project.title }}">
|
||||
{% else %}
|
||||
<div class="no-capsule" style="background-image: url({{ project.gallery[0] }})">
|
||||
<h3>{{ project.title }}</h3>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="caption">
|
||||
<div></div>
|
||||
<div class="authors">
|
||||
<p>{{ project.author }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const filterCheckboxes = document.querySelectorAll('.platform-filter');
|
||||
const showcaseItems = document.querySelectorAll('.showcase-link-wrapper');
|
||||
const sectionTitles = document.querySelectorAll('h2.title');
|
||||
|
||||
function filterShowcase() {
|
||||
const selectedPlatforms = Array.from(filterCheckboxes)
|
||||
.filter(checkbox => checkbox.checked)
|
||||
.map(checkbox => checkbox.value);
|
||||
|
||||
let visibleCounts = {
|
||||
'Games': 0,
|
||||
'Apps & Tools': 0,
|
||||
'Coming soon': 0
|
||||
};
|
||||
|
||||
showcaseItems.forEach(item => {
|
||||
const shouldShow = selectedPlatforms.length === 0 ||
|
||||
selectedPlatforms.some(platform => item.classList.contains(platform));
|
||||
|
||||
item.classList.toggle('hidden', !shouldShow);
|
||||
|
||||
if (shouldShow) {
|
||||
const sectionTitle = item.closest('section').previousElementSibling.textContent.trim();
|
||||
if (visibleCounts.hasOwnProperty(sectionTitle)) {
|
||||
visibleCounts[sectionTitle]++;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
sectionTitles.forEach(title => {
|
||||
const sectionName = title.textContent.trim();
|
||||
title.style.display = visibleCounts[sectionName] > 0 ? '' : 'none';
|
||||
});
|
||||
}
|
||||
|
||||
filterCheckboxes.forEach(checkbox => {
|
||||
checkbox.addEventListener('change', filterShowcase);
|
||||
});
|
||||
|
||||
// Initial call to set correct visibility
|
||||
filterShowcase();
|
||||
});
|
||||
</script>
|
||||
|
||||
{% include footer.html %}
|
||||
111
pages/showcase/showcase.scss
Normal file
111
pages/showcase/showcase.scss
Normal file
@@ -0,0 +1,111 @@
|
||||
---
|
||||
---
|
||||
|
||||
h1 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.showcase-cards {
|
||||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
||||
h3 {
|
||||
font-size: 33px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
color: var(--secondary-color-text);
|
||||
}
|
||||
img.thumbnail {
|
||||
max-width: 100%;
|
||||
border-radius: 7px;
|
||||
background-color: var(--card-background-color);
|
||||
box-shadow: 0 5px 10px -3px #00000078;
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
// Fallback if the image fails loading
|
||||
min-height: 147px;
|
||||
background: linear-gradient(168deg, rgb(157, 157, 157) 0%, rgb(83, 83, 83) 100%);
|
||||
text-align: center;
|
||||
line-height: 143px;
|
||||
color: white;
|
||||
}
|
||||
.no-capsule {
|
||||
aspect-ratio: 92 / 43;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 5px 10px -3px #00000078;
|
||||
margin-bottom: 7px;
|
||||
text-align: center;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
h3 {
|
||||
text-shadow: 0 4px 5px black;
|
||||
}
|
||||
}
|
||||
.caption {
|
||||
display: flex;
|
||||
column-gap: 12px;
|
||||
justify-content: space-between;
|
||||
margin: 0 14px;
|
||||
}
|
||||
|
||||
.authors {
|
||||
display: grid;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.icons {
|
||||
filter: none;
|
||||
padding: 7px 0px 0px;
|
||||
opacity: 0.5;
|
||||
@media (prefers-color-scheme: dark) {
|
||||
filter: invert(100%);
|
||||
}
|
||||
img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 200px;
|
||||
grid-template-areas: "content aside";
|
||||
gap: 20px;
|
||||
@media (max-width: 800px) {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-areas: "aside"
|
||||
"content";
|
||||
}
|
||||
.content {
|
||||
grid-area: content;
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
// select first instance of h2 title and remove the margin top
|
||||
h2:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
aside {
|
||||
grid-area: aside;
|
||||
}
|
||||
.filter-options {
|
||||
margin-bottom: 20px;
|
||||
// sticky
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 10px;
|
||||
display: grid;
|
||||
@media (max-width: 800px) {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user