Xargon/RetroDECK-Website
1
0
Fork 0
mirror of https://github.com/RetroDECK/RetroDECK-Website.git synced 2024-11-21 14:35:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add "other features" section

Browse source 
- Add assets from Kenney.nl
This commit is contained in:
Adam Iannazzone 2024-10-29 08:49:28 -04:00
parent 9eae085452
commit f8b1dec992
6 changed files with 78 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/.DS_Store vendored
View file

Binary file not shown.

BIN
assets/feature-icons/award.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
assets/feature-icons/card_place.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1,022 B

BIN
assets/feature-icons/lock_open.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1,006 B

23
css/carousel.css
View file

@ -29,29 +29,6 @@
bottom: 30px;
}
/* @keyframes lower {
from {
animation-timing-function: ease-in-out;
}
to {
transform: translate(-10px, 10px);
}
}
@keyframes swap {
50% {
z-index: 3;
}
67% {
transform: translate(35px, -125%) rotate(2.5deg);
z-index: 1;
}
100% {
transform: translate(30px, -30px) rotate(0deg);
z-index: 0;
}
} */
@keyframes shift {
50% {
transform: translate(-15px, 15px);

78
index.html
View file

@ -346,6 +346,84 @@
</div>
<div class="row mb-3 py-0" id="extra-features">
<div class="col-12">
<div class="feature-card p-2 mt-2 mt-lg-0 gradient-1">
<h3>And so much more!</h3>
<div class="row py-0 align-items-center">
<div class="col-md-4">
<div class="row py-0 align-items-center">
<div class="col-3 text-center">
<img class="img-fluid" src="assets/feature-icons/lock_open.png">
</div>
<div class="col-9">
<p>Enable cheats in all supported emulators.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row py-0 align-items-center">
<div class="col-3 text-center">
<img class="img-fluid" src="assets/feature-icons/card_place.png">
</div>
<div class="col-9">
<p>Use the ES-DE frontend to easily import screenshots and metadata for your library.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row py-0 align-items-center">
<div class="col-3 text-center">
<img class="img-fluid" src="assets/feature-icons/award.png">
</div>
<div class="col-9">
<p>Connect with RetroAchievements and get credit for all of your amazing accomplishments.</p>
</div>
</div>
</div>
</div>
<hr/>
<div class="row py-0 align-items-center">
<div class="col-md-4">
<div class="row py-0 align-items-center">
<div class="col-3 text-center">
<img class="img-fluid" src="assets/feature-icons/lock_open.png">
</div>
<div class="col-9">
<p>Enable cheats in all supported emulators.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row py-0 align-items-center">
<div class="col-3 text-center">
<img class="img-fluid" src="assets/feature-icons/card_place.png">
</div>
<div class="col-9">
<p>Use the ES-DE frontend to easily import screenshots and metadata for your library.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row py-0 align-items-center">
<div class="col-3 text-center">
<img class="img-fluid" src="assets/feature-icons/award.png">
</div>
<div class="col-9">
<p>Connect with RetroAchievements and get credit for all of your amazing accomplishments.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="row align-items-center d-flex mb-4">
<div class="col-12 col-lg-8">
<img src="assets/screens/screen01.png" class="img-fluid screenshot"