From f8b1dec992964d006591b4115be6639e84fe6e0c Mon Sep 17 00:00:00 2001
From: Adam Iannazzone <46025473+jiannazzone@users.noreply.github.com>
Date: Tue, 29 Oct 2024 08:49:28 -0400
Subject: [PATCH] Add "other features" section - Add assets from Kenney.nl

---
 assets/.DS_Store                    | Bin 6148 -> 8196 bytes
 assets/feature-icons/award.png      | Bin 0 -> 1460 bytes
 assets/feature-icons/card_place.png | Bin 0 -> 1022 bytes
 assets/feature-icons/lock_open.png  | Bin 0 -> 1006 bytes
 css/carousel.css                    |  23 --------
 index.html                          |  78 ++++++++++++++++++++++++++++
 6 files changed, 78 insertions(+), 23 deletions(-)
 create mode 100755 assets/feature-icons/award.png
 create mode 100755 assets/feature-icons/card_place.png
 create mode 100755 assets/feature-icons/lock_open.png

diff --git a/assets/.DS_Store b/assets/.DS_Store
index 9fa8dbb32a6488af7c6999450f616941fe001d43..60245af2a54e1752fecc6341b029af7896626ba8 100644
GIT binary patch
delta 216
zcmZoMXmOBWU|?W$DortDU;r^WfEYvza8E20o2aKKECP}T@);P4lgf(=l5+BsHVbly
zv20f0=x1Kc&cQLUfrU|Ia}P@j<K$T^jqGNoIts>S29uRo?I%BEUB}MBP{feJpgUQB
zMHbH1V^M^&16ULlp=ua18Il?D8S)s43o;CYlk;;6fOZ3IS74aj!?t#_I?r=vE(va+
hh%3l_Kv#Tcp3E=eIoY3wg9GS9kkc79$Mei#1^^ToD@y<X

delta 155
zcmZp1XfcprU|?W$DortDU=RQ@Ie-{Mvv5r;6q~50C@c(;2a6Twq#Fh&=jRq|EL_RV
z3KD0X{6<KYk#(|wup*GO0Fw#AvYYt@5*a7E3C*8eE4*rA$+^Ys92|noK=nW%zzrl^
eLFR8P{LVa?U&a$;8v_%>W{_hTHplbKVFmz^P#g>Z

diff --git a/assets/feature-icons/award.png b/assets/feature-icons/award.png
new file mode 100755
index 0000000000000000000000000000000000000000..19fbfbe32378a2ed9d6981546a1f05875ef8c383
GIT binary patch
literal 1460
zcmb7^`9BnR7{|YZF`_Z9QHoX0<ZfI=%xK(<!8AsWBsp`eYuqN4TjZ`xQIg!ok*nOt
zxNmYSyJ548YMn!6^(XA-^?E*^=Xt%J&#&)zJk9{ld4>}J05>wkS{^6m*Kn{N`}Wdf
z=5esOV$3iARHblzzXd(MQFv2=-qHWjaq0LSSsT53yzvBB;;hV5d=wWehHplRzCh@-
zd;#y|S407T@)%(;gy30*ErV8a?j#n<Ec|dZ{(Sa%U7m%S(=b)@c4QFG6i?cqaTi1M
zSv{}=3g8swh?O#}&^@yQ5fVPw)ShvVIs?|nwmsi!AE2f_`h%Rk4DxvG=#{g%143XR
z<5@A>y32Q*yA{cgqp3M$eX^IOMBX5IwXf`dfK$xMK$;iJ5^<|77R<A?<tj`8tdw(`
zzgwWmGzLZG%6n?NL59?ay8Lbiw#5=tno|q8hw6(igd$qGB7}QYNGU*!(}C_AS8$38
zIPH)cUWpKIX<qc8S@YV0@XhAY3Mqf}k$KLV;k`>tIC$NX&0!gJzsy{7JzLWFuEtWj
ze{+ZygPnU==r`QyWa(<FO%{x`Uu9ObOBTwLkMhY?WMHa+{up$}Q}>l^Gh^k{mqFp0
zroz|G&I^<`CE+>AryisjXo=XK1pYEepERUuU1Q{-T>{c%8IlvNpz#Mss+&b;+C-2p
zB#Ga#e9SvIc0d=F|1{5)%p3e!-p@~QxBjGiOs1dPx)Bfz(@<`Vmah&_Zl71Lx?m^I
z#t9;tV0>g4Cz$yS>o8Tefu_ezEVAX#7B~xjTPio?O}$z(S3sB$%`RQdxm0D+Zv$ad
z)z@@>;9;uUZqDPLS)Hp}iyCXnC&~A9c<;OGd#-|`Nvs%Ul#9T?OiS|?T^n30rb*%_
z1>!9*d#l@b91@je&I%$9Iv5S~xA0j0RcxP1JYk`Odb?+}r!H*6@t;|2v59;OAiZ*#
z>}8AOVMod8_T^zTcz#&pW5aefKuIN<C?_Gv!1~?WROai4N!Bt0P*e1-6sNM}PU)ia
zBKTf4H%#b<O1vi(i<ff}3~Ij1%ayfE2#r?S^#LV~Z?r6uFN3(y4Wx}YbkHgH$q-aY
z$e>#G-X6*e)VVYRj{1C$E6_PqLTzJs>G`EPn4*w%9vo>-yMHkM)u;=7Z6&xCq$W5M
zx!UR66g!@OJxK5~b-rG$d4e^BVeb=6vzLm@*3?Iy{ssa~Dy1Csq2Lh5h?mb-eN;+i
zY}QyaeFFt7%+kdcTfRGQ3HfKgejf+bX+TgbVkR=jm^Av~<2_;R^vb_I%+trDVWykN
zC#aC>eiu(fTiD`aa_*1bUG;CxiI#rY)GS!(bblC~GMEGzA>l3}s<jam_I}GK^iUok
zT_uYvKSjTpjPtnIQqH-mOdS(saZKbl^dk~vh>5g}j51b|L}kH=9llk}UxikZuM<2(
z0@pMs%f;92l{`5R06*Dz&&audIvNEuVracEP>EVV>)k;DbkSgUS2qNIcpC}!zbOPs
z8SsWaj8IxH0j(+IVeFQ#-e<9&ab>Q$>Q!<yeN73Z`AwBX0r4O2cT|b+CZDp!{BZQq
z$3q|9wA7)S+E799OHqIRv^U;u#!-_*x?|p{wfDO3rKxtFaP=-rR_43P*sDT`=-9}+
z)<=(;bO5b&-<S3f?sJCTBTOrZaIaY&KX!aG<$Xk8cv5-~`^dO#!R9;q?v*J5MG6E&
zWOY~2^cl4F^Ppyo_VZCAB%gT%T|U@$wexv&t_Y$;h+M!e&YLI(f_U-^1?<oQ1hg9K
zX4bY&4IDWuL4d(r&lgDQ3^L{+|4<@?q@?JLujxV)*)+)gTVt1VGhh<yH@+AUM+e{T
zht!3T=X@&qYj@H(CRoCxN%JeBl6|MqMNQuLUvSgeN3=FohFv#3<|Z)G!(q#H9i#sP
D9K^B+

literal 0
HcmV?d00001

diff --git a/assets/feature-icons/card_place.png b/assets/feature-icons/card_place.png
new file mode 100755
index 0000000000000000000000000000000000000000..324257243b4770d21711716f8a72fe2981d338f7
GIT binary patch
literal 1022
zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H3?#oinD`S&v7|ftIx;Y9?C1WI$O_~e2l#}z
z{wD<hH35~2Zf*JoWC@f6`33vuueX=)zhA$9{&{`=_wfurCwt6gU|^2&ba4!+xb=4S
z>rJZ_cv?T|71jP<ZhLiG-cAlr7wh!4KW}cVTW@+W#c}4(!VO#jj9Lz?D;Pu<F#WmC
zFzfvK2fy4Id~W({eB)-w<3Bi`{lYcQza|dpdtb=0Nz^ucjAY1dzR=IKMbY86Mgte)
zmBkEZLO{JC4M+xsG(<E0N-Sk!V`TiWUYGI0o8%p5m{_ihG0gZE@=V5|;%zB|Y?R<~
zhI3n;B^&O^vQ%;%m_5r?kl`KY$KnRHqL-x&2f81mGt7AqW#D!8vju~__Zdeqwhecf
z;{Vhfx*@uk^+Uk#@C;Si1xuOt<VtVcm|^7L&VJ$e*2H%!xi9)$jlW|R#w+NccZ5e^
z-{P$tw>CGpeYjd4cHDE)yf%@h_4`UzpIGmaVBetr<JD}%2z?bM2Lq*p>*Nhf=e})K
zX_)g*Cqc&1tA4EqBh!mxi#dB0PrTT_=p^%(wdu`=IY0fX_kR`K;Ku4^GlgN%|6ROB
ztP0a^gfa9mEc^eLcM(I8#m$}u0f(>ly2(5Zy~}SaRx<7Qw>vfE`AK)B126K;8&xOu
zJ2YIn|4WpALA25NZzha>_ix=}=9t9q*>E*}@`1={qD%H$syn=nelF(0_h!R6jt{^1
z9F`xjjhoZ3px(#n!R~XM9KVhm$rRM)c{p5*?|#7CP!T?-Vafe>-iC+2|I%ahte<Gz
zut}w9Z_cfGYxXl{WP7r-<tm?E!y8-A?7&|ymGG2-D}nt$|NdW#{w>r`dm&Q6Z{ew}
zd%M$PyY6zH`J2s?Jb$$7%(b5}VOf0nm0Xdp$CFFgljhi6)mN(!V^w2Z%A+4)W@R_8
zpa13YJIQHE{~p;2Za)=qg=ep_+DxOBdFnG<k1g9hT_MZA^6<;KOD}vASRJNQt}4$w
z>uS*s*ZK(s+xKYySJv5S%k5UTq;XQd(|hqR#V2pQ)|3{Dn)>UP0>4qw#3%kL@t0Iz
zADb;!w<EgFR8l>89ixQd{W&$2i#IJ)TkItJ!8c{qlC4>5O<EZ|PFf`OS1ivK{aZ0(
zi6&P=jho(~8J8G3QhZ8e#kaq|eLD8|Rbi2wJvT~Y?3^e09&?-(&1kgul+)j8)>kqY
zm%NB|U)b#Pv1*4(zm4Zre#S!=X0tP1t9uzS*;~1{QX=8(@t3k|%vl%xyS<L-5A&1A
W(?^7ll>GzdKn71&KbLh*2~7aoyV%SC

literal 0
HcmV?d00001

diff --git a/assets/feature-icons/lock_open.png b/assets/feature-icons/lock_open.png
new file mode 100755
index 0000000000000000000000000000000000000000..dab6852cd9c44a45367901e88a2d8b79bcd4960e
GIT binary patch
literal 1006
zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H3?#oinD`S&v7|ftIx;Y9?C1WI$O_~e2l#}z
z{wD<hH35~2Zf*JoWC@f6`30|^FYkXozdv68KL7iA`~3{M<zhMv49s4hE{-7;x8B~q
zU9?0&fGt5}qVeJ1_PKNBuFWwrx@2z>6`dNt{E<1YNl}1}9$z8zzvza^iC*=|Tt#-`
z3gPqbAM*R9b3i6XuPy$$FvI2(?22a+8g4)Tr>kZzB#_--U)E;9x4=kqnIpsYlq3~%
z7KggJbKTMm4D;rHKE*%7NMx4uhG#Zz4lEg8e%_S!YxpQBZsB%dlC;wYMyEWkv#c}h
zpG2(qp+4oq+g^nz_XSt&|LwheRMP4LgBRzA-CwfqPh+|m!ZhuWgt2$9;~M5W|CZl;
zq+k3y?Sl-1=Q_jIEJaC%-+Dhj_9~n0k-EYt_u@8VezVqrH&zEO#=qay_>xUy#lE*{
zx>tE4HZG|uQ3zw?d>!^a)~u9S$83YjrDP9=4dHKp=~y@XexHAUH-TMeaeHDZ>-pHO
zzyr?zG-CJt`oqZZPIs1c0dwAgRtDXm#I2=L4=%5J5ZTbbdy?i_$77Wi3wCLzPv*GI
zcGQ5OHhh(_YSS*2b?>`!H90H1SYB_tlKnl&yHjm>3d4hPuV-crCvp;-vl*70k+}AN
z;XJ3s9bMrqk_(L0L=23Xjkr4QFfcQzm@70j6qqJFWwQ{NFk^ncyg0KE*Mh%mp5JYK
zcX@VLL+JX*W13zUc@z#P?7bzZrpL;ZReIvTR49uh3nSN``gzg<2PS9UwG*AfC~UP;
zEzQB{`86*tF_8@i*cY8GUBPppIwWh~xd0}MJO>8GiP8%y87CD*xau;yGDNYhdOx8}
zJYWU$uAMw0jGS|C-zns-$UC67bm3kg|LV@CZ@=s^6FtE2Vb!!(6|$O48mAZ4UyZ$e
zhF3widxCfcCzHnZWj3FFNjWm4MoyU!s<X>+BNM}lohukl?XFwU*YN6Kq&h>Uo)N=N
zHMfIZf(;&3m5XCu2<4_KFh!U$EocmsaAbJ-?bB<c>E6l=Ti(umUTWsKJEJr2YSZ`f
zpNw~QD|2&gIMdL=v?DrUuav+#wil}zKfdzI2slucC8@!X_Uy9Ip9@~UgikvZCMI1v
z+OSqK#N*`@qk@{ogDzWZgRYzFgz!J8{wbT9;oJF;p=8ODs?9s!Rv%9Hx;8~(m&1GY
z`L~~oI?60Lvg=^O`@~>B&WF+R@A~8FmmTr9iI3>%1t$UVwFYM<DOYBn1?D&gPgg&e
IbxsLQ0I}7=o&W#<

literal 0
HcmV?d00001

diff --git a/css/carousel.css b/css/carousel.css
index f448ce7..11de206 100644
--- a/css/carousel.css
+++ b/css/carousel.css
@@ -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);
diff --git a/index.html b/index.html
index e59efe3..ffbf9d8 100644
--- a/index.html
+++ b/index.html
@@ -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"