mirror of
https://github.com/RetroDECK/RetroDECK-Website.git
synced 2024-11-21 14:35:38 +00:00
Add "other features" section
- Add assets from Kenney.nl
This commit is contained in:
Adam Iannazzone
parent
9eae085452
commit
f8b1dec992
BIN
assets/.DS_Store
vendored
BIN
assets/.DS_Store
vendored
Binary file not shown.
BIN
assets/feature-icons/award.png
Executable file
BIN
assets/feature-icons/award.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/feature-icons/card_place.png
Executable file
BIN
assets/feature-icons/card_place.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1,022 B |
BIN
assets/feature-icons/lock_open.png
Executable file
BIN
assets/feature-icons/lock_open.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1,006 B |
|
|
@ -29,29 +29,6 @@
|
||||||
bottom: 30px;
|
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 {
|
@keyframes shift {
|
||||||
50% {
|
50% {
|
||||||
transform: translate(-15px, 15px);
|
transform: translate(-15px, 15px);
|
||||||
|
|
|
||||||
78
index.html
78
index.html
|
|
@ -346,6 +346,84 @@
|
||||||
|
|
||||||
</div>
|
</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="row align-items-center d-flex mb-4">
|
||||||
<div class="col-12 col-lg-8">
|
<div class="col-12 col-lg-8">
|
||||||
<img src="assets/screens/screen01.png" class="img-fluid screenshot"
|
<img src="assets/screens/screen01.png" class="img-fluid screenshot"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue