Added Grunk screens to landing page carousel

This commit is contained in:
Rob Kelly 2025-12-21 01:33:17 -07:00
parent 77e66b3d86
commit 62cd811a72
3 changed files with 28 additions and 9 deletions

BIN
www/images/grunk_1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 588 KiB

BIN
www/images/grunk_2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

View File

@ -45,14 +45,16 @@
<div id="gameDemoCarousel" class="mt-3 carousel slide" data-bs-ride="carousel" data-bs-interval="6000"> <div id="gameDemoCarousel" class="mt-3 carousel slide" data-bs-ride="carousel" data-bs-interval="6000">
<div class="carousel-indicators"> <div class="carousel-indicators">
<!-- <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="The House Always Wins 1"></button> --> <!-- <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="The House Always Wins 1"></button> -->
<button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="The House Always Wins 2"></button> <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Grunk"></button>
<button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="1" aria-label="The House Always Wins 3"></button> <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="1" aria-label="Grunk"></button>
<button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="2" aria-label="Coyote Summer 1"></button> <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="2" aria-label="The House Always Wins"></button>
<button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="3" aria-label="Coyote Summer 2"></button> <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="3" aria-label="The House Always Wins"></button>
<button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="4" aria-label="The Great I Am 1"></button> <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="4" aria-label="Coyote Summer"></button>
<button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="5" aria-label="The Great I Am 2"></button> <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="5" aria-label="Coyote Summer"></button>
<button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="6" aria-label="GFOLF 1"></button> <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="6" aria-label="The Great I Am"></button>
<button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="7" aria-label="GFOLF 2"></button> <button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="7" aria-label="The Great I Am"></button>
<button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="8" aria-label="GFOLF"></button>
<button type="button" data-bs-target="#gameDemoCarousel" data-bs-slide-to="9" aria-label="GFOLF"></button>
</div> </div>
<div class="carousel-inner"> <div class="carousel-inner">
<!-- <div class="carousel-item active"> --> <!-- <div class="carousel-item active"> -->
@ -66,6 +68,23 @@
<!-- </div> --> <!-- </div> -->
<!-- </div> --> <!-- </div> -->
<div class="carousel-item active"> <div class="carousel-item active">
<div class="carousel-fit">
<img src="/images/grunk_1.png" class="d-block">
</div>
<div class="carousel-caption d-none d-md-block text-light bg-black mb-3">
<em><span class="h5">Grunk <a class="fa-brands fa-itch-io" href="https://tetramorph.itch.io/grunk"></a></span> <span class="fs-6 text-secondary">by Rob Kelly</span></em>
</div>
</div>
<div class="carousel-item">
<div class="carousel-fit">
<img src="/images/grunk_2.png" class="d-block">
</div>
<div class="carousel-caption d-none d-md-block text-light bg-black mb-3">
<em><span class="h5">Grunk <a class="fa-brands fa-itch-io" href="https://tetramorph.itch.io/grunk"></a></span> <span class="fs-6 text-secondary">by Rob Kelly</span></em>
</div>
</div>
<div class="carousel-item">
<div class="carousel-fit"> <div class="carousel-fit">
<img src="/images/thaw_1.png" class="d-block"> <img src="/images/thaw_1.png" class="d-block">
</div> </div>