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

QOL Update 1

Browse source 
*Added donation banner
*Redesigned "powered by" banner
*Updated text colors above "get RetroDeck" btn
This commit is contained in:
gabeeeboii 2022-07-19 10:23:43 -06:00
parent 3ebd74df77
commit 4dd1b9c7d6
1 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
docs/index.html
View file

@ -46,7 +46,7 @@
<li class="nav-item"><a class="nav-link" href="https://github.com/XargonWan/RetroDECK/wiki" style="color: rgb(49,52,55);" target="_blank">wiki</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/XargonWan/RetroDECK/wiki" style="color: rgb(49,52,55);" target="_blank">wiki</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/XargonWan/RetroDECK-cooker/" style="color: rgb(49,52,55);" target="_blank">cooker</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/XargonWan/RetroDECK-cooker/" style="color: rgb(49,52,55);" target="_blank">cooker</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/XargonWan/RetroDECK" target="_blank" style="color: rgb(49,52,55);">github</a></li> <li class="nav-item"><a class="nav-link" href="https://github.com/XargonWan/RetroDECK" target="_blank" style="color: rgb(49,52,55);">github</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.patreon.com/RetroDECK" target="_blank" style="color: rgb(49,52,55);"><strong>patreon</strong></a></li> <li class="nav-item"><a class="nav-link" href="https://www.patreon.com/RetroDECK" target="_blank" style="color: rgb(49,52,55);">patreon</a></li>
<li class="nav-item"><a class="nav-link" href="https://discord.gg/tbmBpJbpur" target="_blank" style="color: rgb(49,52,55);">connect with us</a></li> <li class="nav-item"><a class="nav-link" href="https://discord.gg/tbmBpJbpur" target="_blank" style="color: rgb(49,52,55);">connect with us</a></li>
</ul> </ul>
</div> </div>
@ -58,22 +58,23 @@
<!-- Start: Intro --> <!-- Start: Intro -->
<div class="intro"> <div class="intro">
<h2 class="text-center" style="font-size: 60px;margin-bottom: 0px;"><img class="img-fluid" src="assets/img/SSLM.png" style="margin-bottom: 25px;"></h2> <h2 class="text-center" style="font-size: 60px;margin-bottom: 0px;"><img class="img-fluid" src="assets/img/SSLM.png" style="margin-bottom: 25px;"></h2>
<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> <p class="text-center" style="font-size: 20px;color: rgb(255,255,255);">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 --> </div><!-- End: Intro -->
<!-- Start: Buttons --> <!-- Start: 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://flathub.org/apps/details/net.retrodeck.retrodeck"><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://flathub.org/apps/details/net.retrodeck.retrodeck"><i class="fas fa-download"></i>&nbsp;Get retrodeck</a></div><!-- End: Buttons -->
</div> </div>
</section><!-- End: Highlight Clean --> </section><!-- End: Highlight Clean -->
<!-- Start: Highlight Clean --> <!-- Start: Banner Color -->
<section class="highlight-clean" style="background: linear-gradient(-95deg, #1a9fff, #946beb);"> <section class="py-4 py-xl-5">
<div class="container"> <div class="container">
<!-- Start: Intro --> <div class="text-white bg-primary border rounded border-0 border-primary d-flex flex-column justify-content-between align-items-center align-items-sm-center align-items-md-center flex-lg-row justify-content-lg-center justify-content-xl-center justify-content-xxl-center p-4 p-md-5" style="background: linear-gradient(-95deg, #1a9fff, #946beb);">
<div class="intro" style="margin-bottom: 0px;"> <div class="pb-2 pb-lg-1">
<h2 class="text-center" style="color: rgb(255,255,255);">POWERED BY EMULATIONSTATION-DE<br></h2> <h2 class="fw-bold mb-2" style="color: rgb(255,255,255);text-align: center;">POWERED BY EMULATIONSTATION-DE</h2>
<p class="text-center" style="color: rgb(255,255,255);margin-bottom: 0px;">RetroDeck teamed up with ES-DE to bring you the best retro launcher out there!<br></p> <p class="mb-0" style="color: rgb(255,255,255);text-align: center;">RetroDeck teamed up with ES-DE to bring you the best retro launcher out there!</p>
</div><!-- End: Intro -->
</div> </div>
</section><!-- End: Highlight Clean --> </div>
</div>
</section><!-- End: Banner Color -->
<!-- Start: Features Clean --> <!-- Start: Features Clean -->
<section id="features" class="features-clean"> <section id="features" class="features-clean">
<div class="container"> <div class="container">
@ -133,6 +134,18 @@
</div><!-- End: Photos --> </div><!-- End: Photos -->
</div> </div>
</section><!-- End: Lightbox Gallery --> </section><!-- End: Lightbox Gallery -->
<!-- Start: Banner Color -->
<section class="py-4 py-xl-5">
<div class="container">
<div class="text-white bg-primary border rounded border-0 border-primary d-flex flex-column justify-content-between flex-lg-row p-4 p-md-5" style="background: linear-gradient(-95deg, #1a9fff, #946beb);">
<div class="pb-2 pb-lg-1">
<h2 class="fw-bold mb-2" style="color: rgb(255,255,255);">Support us oN patreon!</h2>
<p class="mb-0" style="color: rgb(255,255,255);">Help us keep our servers running by donating to our Patreon! Did we mention you get donor benefits?</p>
</div>
<div class="my-2"><a class="btn btn-light fs-5 py-2 px-4" role="button" href="https://www.patreon.com/RetroDECK" target="_blank">donate</a></div>
</div>
</div>
</section><!-- End: Banner Color -->
<!-- Start: Footer Basic --> <!-- Start: Footer Basic -->
<footer class="footer-basic"> <footer class="footer-basic">
<!-- Start: Social Icons --> <!-- Start: Social Icons -->