Xargon/RetroDECK
1
0
Fork 0
mirror of https://github.com/RetroDECK/RetroDECK.git synced 2024-11-27 00:05:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added Screenshots

Browse source
This commit is contained in:
gabeeeboii 2022-04-19 20:37:34 -06:00
parent 4fe78c72a8
commit e154869c02
6 changed files with 22 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View file

Binary file not shown.

BIN
docs/assets/img/screen02.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 652 KiB

BIN
docs/assets/img/screen04.jpeg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
docs/assets/img/screen05.jpeg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 67 KiB

3
docs/assets/js/Lightbox-Gallery.js Normal file
View file

@ -0,0 +1,3 @@
if (document.querySelectorAll('[data-bss-baguettebox]').length > 0) {
baguetteBox.run('[data-bss-baguettebox]', { animation: 'slideIn' });
}

20
docs/index.html
View file

@ -29,6 +29,7 @@
<link rel="stylesheet" href="assets/css/Header-Blue.css">
<link rel="stylesheet" href="assets/css/Highlight-Blue.css">
<link rel="stylesheet" href="assets/css/Highlight-Clean.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.1/baguetteBox.min.css">
<link rel="stylesheet" href="assets/css/Navigation-Clean.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
@ -58,7 +59,7 @@
<p class="text-center" style="font-size: 20px;color: rgb(218,218,218);">RetroDeck is an easy and fancy environment for managing and launching your retro games on Steam Deck without relying on custom firmware. </p>
</div><!-- End: Intro -->
<!-- Start: Buttons -->
<div class="buttons" style="margin-bottom: 0px;"><a class="btn btn-secondary" role="button" target="_blank" style="color: white;background: linear-gradient(-95deg, #1a9fff, #946beb);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;" href="https://github.com/XargonWan/RetroDECK/releases"><i class="fas fa-download"></i>&nbsp;Get retrodeck</a></div><!-- End: Buttons -->
<div class="buttons" style="margin-bottom: 0px;"><a class="btn btn-secondary" role="button" target="_blank" style="color: black;background: white;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;" href="https://github.com/XargonWan/RetroDECK/releases"><i class="fas fa-download"></i>&nbsp;Get retrodeck</a></div><!-- End: Buttons -->
</div>
</section><!-- End: Highlight Clean -->
<!-- Start: Highlight Clean -->
@ -115,6 +116,21 @@
</div><!-- End: Features -->
</div>
</section><!-- End: Features Clean -->
<!-- Start: Lightbox Gallery -->
<section class="photo-gallery py-4 py-xl-5">
<div class="container">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2 style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">screenshots</h2>
</div>
</div><!-- Start: Photos -->
<div class="row gx-2 gy-2 row-cols-1 row-cols-md-2 row-cols-xl-3 photos" data-bss-baguettebox="">
<div class="col item"><a><img class="img-fluid" src="assets/img/screen02.png"></a></div>
<div class="col item"><a><img class="img-fluid" src="assets/img/screen04.jpeg"></a></div>
<div class="col item"><a><img class="img-fluid" src="assets/img/screen05.jpeg"></a></div>
</div><!-- End: Photos -->
</div>
</section><!-- End: Lightbox Gallery -->
<!-- Start: Footer Basic -->
<footer class="footer-basic">
<!-- Start: Social Icons -->
@ -123,6 +139,8 @@
<p class="copyright">Made with&nbsp;<i class="fa fa-heart"></i>&nbsp;by gabeee_boii#5232</p><!-- End: Copyright -->
</footer><!-- End: Footer Basic -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.1/baguetteBox.min.js"></script>
<script src="assets/js/Lightbox-Gallery.js"></script>
<script src="assets/js/scroll.js"></script>
</body>