Screenshot re-exporting
- Create smaller screenshots with less padding - Replace all assets on website - Remove old JPEG screenshots
BIN
assets/.DS_Store
vendored
Normal file
Before Width: | Height: | Size: 493 KiB After Width: | Height: | Size: 493 KiB |
Before Width: | Height: | Size: 75 KiB After Width: | Height: | Size: 75 KiB |
Before Width: | Height: | Size: 283 KiB After Width: | Height: | Size: 283 KiB |
Before Width: | Height: | Size: 227 KiB After Width: | Height: | Size: 227 KiB |
Before Width: | Height: | Size: 137 KiB After Width: | Height: | Size: 137 KiB |
Before Width: | Height: | Size: 382 KiB After Width: | Height: | Size: 382 KiB |
Before Width: | Height: | Size: 318 KiB After Width: | Height: | Size: 318 KiB |
BIN
assets/screens/small/.DS_Store
vendored
Normal file
BIN
assets/screens/small/blank.png
Normal file
After Width: | Height: | Size: 296 KiB |
BIN
assets/screens/small/screen01.png
Normal file
After Width: | Height: | Size: 388 KiB |
BIN
assets/screens/small/screen02.png
Normal file
After Width: | Height: | Size: 607 KiB |
BIN
assets/screens/small/screen03.png
Normal file
After Width: | Height: | Size: 536 KiB |
BIN
assets/screens/small/screen04.png
Normal file
After Width: | Height: | Size: 441 KiB |
BIN
assets/screens/small/screen05.png
Normal file
After Width: | Height: | Size: 722 KiB |
BIN
assets/screens/small/screen06.png
Normal file
After Width: | Height: | Size: 637 KiB |
Before Width: | Height: | Size: 82 KiB |
Before Width: | Height: | Size: 112 KiB |
Before Width: | Height: | Size: 110 KiB |
Before Width: | Height: | Size: 90 KiB |
Before Width: | Height: | Size: 129 KiB |
Before Width: | Height: | Size: 122 KiB |
|
@ -170,7 +170,7 @@
|
||||||
<!-- Image/Video Container -->
|
<!-- Image/Video Container -->
|
||||||
<div class="row" id="feature-media-container">
|
<div class="row" id="feature-media-container">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen01.jpeg">
|
<img class="img-fluid rounded-3" src="assets/screens/small/screen01.png">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -195,7 +195,7 @@
|
||||||
<!-- Image/Video Container -->
|
<!-- Image/Video Container -->
|
||||||
<div class="row" id="feature-media-container">
|
<div class="row" id="feature-media-container">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen02.jpeg">
|
<img class="img-fluid rounded-3" src="assets/screens/small/screen02.png">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -220,7 +220,7 @@
|
||||||
<!-- Image/Video Container -->
|
<!-- Image/Video Container -->
|
||||||
<div class="row" id="feature-media-container">
|
<div class="row" id="feature-media-container">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen03.jpeg">
|
<img class="img-fluid rounded-3" src="assets/screens/small/screen03.png">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -245,7 +245,7 @@
|
||||||
<!-- Image/Video Container -->
|
<!-- Image/Video Container -->
|
||||||
<div class="row" id="feature-media-container">
|
<div class="row" id="feature-media-container">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<img class="img-fluid rounded-3" src="assets/screens_old/screen04.jpeg">
|
<img class="img-fluid rounded-3" src="assets/screens/small/screen04.png">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
14
index.html
|
@ -150,32 +150,32 @@
|
||||||
data-bs-ride="carousel">
|
data-bs-ride="carousel">
|
||||||
<div class="carousel-inner" id="deck-carousel">
|
<div class="carousel-inner" id="deck-carousel">
|
||||||
<div class="carousel-item active">
|
<div class="carousel-item active">
|
||||||
<img src="assets/screens_old/screen01.jpeg" class="d-block w-100 rounded-3"
|
<img src="assets/screens/small/screen01.png" class="d-block w-100 rounded-3"
|
||||||
alt="The RetroDECK logo displayed on a Steam Deck">
|
alt="The RetroDECK logo displayed on a Steam Deck">
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<img src="assets/screens_old/screen02.jpeg" class="d-block w-100 rounded-3"
|
<img src="assets/screens/small/screen02.png" class="d-block w-100 rounded-3"
|
||||||
alt="The RetroDECK icon visible in a Steam Library">
|
alt="The RetroDECK icon visible in a Steam Library">
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<img src="assets/screens_old/screen03.jpeg" class="d-block w-100 rounded-3"
|
<img src="assets/screens/small/screen03.png" class="d-block w-100 rounded-3"
|
||||||
alt="Steam Deck quick settings in the foreground with the RetroDECK interface behind it">
|
alt="Steam Deck quick settings in the foreground with the RetroDECK interface behind it">
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<img src="assets/screens_old/screen04.jpeg" class="d-block w-100 rounded-3"
|
<img src="assets/screens/small/screen04.png" class="d-block w-100 rounded-3"
|
||||||
alt="One of the ES-DE Themes with SEGA Genesis visible">
|
alt="One of the ES-DE Themes with SEGA Genesis visible">
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<img src="assets/screens_old/screen05.jpeg" class="d-block w-100 rounded-3"
|
<img src="assets/screens/small/screen05.png" class="d-block w-100 rounded-3"
|
||||||
alt="Sonic the Hedgehog 2 (SEGA Genesis) on the Steam Deck">
|
alt="Sonic the Hedgehog 2 (SEGA Genesis) on the Steam Deck">
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<img src="assets/screens_old/screen06.jpeg" class="d-block w-100 rounded-3"
|
<img src="assets/screens/small/screen06.png" class="d-block w-100 rounded-3"
|
||||||
alt="A list of TurboGrafx games in the ES-DE frontend">
|
alt="A list of TurboGrafx games in the ES-DE frontend">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img class="img-fluid mb-4 rounded-3" id="screen-blank" src="assets/screens/blank.png">
|
<img class="img-fluid mb-4 rounded-3" id="screen-blank" src="assets/screens/small/blank.png">
|
||||||
|
|
||||||
<button class="carousel-control-prev z-2" type="button" data-bs-target="#screenshotCarousel"
|
<button class="carousel-control-prev z-2" type="button" data-bs-target="#screenshotCarousel"
|
||||||
data-bs-slide="prev">
|
data-bs-slide="prev">
|
||||||
|
|