Fix bad mouseover on SKG logo

- Move Stop Killing Games SVG into HTML directly
This commit is contained in:
Adam Iannazzone 2024-10-18 09:34:45 -04:00
parent 11211fca82
commit 49e4c8fb79
2 changed files with 43 additions and 53 deletions

View file

@ -1,47 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 599.5 281.3" style="enable-background:new 0 0 599.5 281.3;" xml:space="preserve">
<style type="text/css">
.st0{fill:#946beb;}
</style>
<g id="a">
</g>
<g id="b">
<g id="c">
<path id="d" class="st0" d="M63.2,25L63,6.1c0,0,0.2-2,1.4-3.1s3.3-1.6,3.3-1.6l85.1-0.2c0,0,2.9,0.2,4.3,1.6
c1.4,1.4,1.9,4.5,1.9,4.5l0.2,15.4l-11.9-1.6c0,0-13.9-6.8-37.3-6.8S63.3,25,63.2,25z M101.9,148.4l-20.8,20.2H36.6l0.3-38.7
l45.4-0.3L101.9,148.4z M109.5,156l20.2,20.8v44.5L91.1,221l-0.3-45.4L109.5,156z M117.1,149.5l20.8-20.2h44.5l-0.3,38.6
l-45.4,0.3L117.1,149.5L117.1,149.5z M110.1,141.3l-20.2-20.8V76l38.7,0.3l0.3,45.4L110.1,141.3z M202.6,220.1h84.9l19.3-45.4
l-6.4-40.7l17.9-28.7H301c0,0-4.7,0-4.7-6.7s4.4-7,4.4-7h17.9l5.9-59.7c0,0-139.1,2.9-179.2-7.3c-8.8-2.9-13.8-6.7-35.1-6.7
c-4.9,0-10.6,0.5-16.7,1.7C55.1,26.9,0,59.8,0,148.9c0,103.4,71.7,132.3,110.1,132.3C174.8,281.3,202.6,220.1,202.6,220.1
L202.6,220.1z M230.4,105c0,0-4.4,1.2-4.4-6.4s4.1-7,4.1-7h26.7c0,0,5.3,0.3,5.3,7s-5,6.7-5,6.7L230.4,105z M304.9,132.9
l15.6-26.5l11.1-2l23.4,34.9L304.9,132.9z M308.6,136.1l71.6,8.8l-0.2,10.1l-24.6,22.6l-40.8-1L308.6,136.1L308.6,136.1z
M317.6,180.4l39.8,3.7l27.9,28.1l-23.2,13.1l-64.2-3.7L317.6,180.4z M365.6,139.6l-21.5-32.4l2-5.9L384.9,90l12.1,37.3
c0,0-5.7,2.1-8.2,6.6c-2.5,4.5-3.3,8.6-3.3,8.6L365.6,139.6L365.6,139.6z M327.7,32.4l28.9-0.8l2.3,58.6L335.5,97
c0,0-0.4-3.1-1.8-4.5c-1.4-1.4-3.9-1.6-3.9-1.6h-8.2L327.7,32.4L327.7,32.4z M363.1,34l38.1-3.5l17.8,27.9l-36.3,25.2l-18,3.7
C364.6,87.3,363.1,34,363.1,34z M417.2,32.8c0,0,5.3-0.4,8.4-1c3.1-0.6,13.3-3.1,20.5-5.9c7.2-2.7,26.8-2.3,26.8-2.3l-5.9,38.8
l14.4,3.5c0,0-5.1,15.4-5.3,15.4s-10.3-1.8-16.6-0.2c-6.2,1.6-9,5.5-9,5.5L417.2,32.8L417.2,32.8z M427.9,68.9l12.3,19.9
c0,0-5.9,5.3-5.7,14.2c0.2,9,6.1,15.4,6.1,15.4l-15.2,11.3c0,0-3.3-3.9-8.8-4.3c-5.5-0.4-10.9,1.6-10.9,1.6l-12.5-33.2L427.9,68.9
L427.9,68.9z M370.5,176.5l22.1-20.3c0,0,2,8,7.2,12.3c5.3,4.3,16.8,3.7,16.8,3.7l0.6,15.6l-19.9,12.9L370.5,176.5L370.5,176.5z
M384.8,227.6l43.9-21.3c0,0,8.8,5.3,8.8,5.1c0-0.2-10.5,34.8-10.5,34.8l-37.7-8.8L384.8,227.6L384.8,227.6z M431.4,147l18-13.3
c0,0,4.1,3.1,7.2,4.5c3.1,1.4,11.7,1.6,11.7,1.6l-0.4,16.8c0,0-26.4,6.2-26.4,6.1c0-0.2-1.4-5.9-3.5-9
C435.9,150.5,431.4,147,431.4,147L431.4,147z M474.4,104.6l4.9-16.4l32,8l-7,26h-15.6c0,0-2-6.4-4.9-10.4
C480.8,108,474.4,104.6,474.4,104.6L474.4,104.6z M496.6,57.4l16.4-26c0,0,11.5,5.9,17.4,12.3c5.9,6.4,12.9,16.2,12.9,16.2
L525.7,80L496.6,57.4z M536.8,106.4l26.9-39.2c0,0,8.6,9.4,12.9,22.1c4.3,12.7,5.9,26.3,5.9,26.3l-25,16.2L536.8,106.4
L536.8,106.4z M548,157.4l-15.4-20.5l-11.1-3.7c0,0-1.4,5.9-4.7,9.4c-3.3,3.5-9.8,4.7-9.8,4.7l9.8,13.7c0,0,5.9-3.3,11.1-2.9
c5.3,0.4,11.7,5.9,11.7,5.9L548,157.4L548,157.4z M445.5,195.6l-0.2-8.2c0,0,4.1-1.4,6-4.1c2-2.7,2-8,2-8l11.9-2.1l11.7,16.4
l-3.7,3.5c0,0-6.2-6.1-12.1-3.3c-5.9,2.7-7.8,9.4-7.8,9.4L445.5,195.6L445.5,195.6z M443.5,242.3l37.1,2.9
c0,0-11.3,19.9-11.3,19.7s-9.4-5.9-13.9-9.8C450.9,251.2,443.5,242.3,443.5,242.3L443.5,242.3z M499.7,260.4l15.4-4.5l9.2,16.6
c0,0-6.2,3.5-11.9,5.1c-5.7,1.6-15.2,1-15.2,1L499.7,260.4L499.7,260.4z M550.3,246.6l18.2-0.2l4.7,6.6c0,0-4.5,6.1-8.4,8.4
c-3.9,2.3-12.3,6.2-12.3,6.2L550.3,246.6L550.3,246.6z M514,226.1l27.7-0.2l-10.3-23.4l-6.1-2.3l-10.3,9.8c0,0,2.5,3.9,2.5,8.2
S514,226.1,514,226.1L514,226.1z M586.4,202.6l7.4,11.1l5.7-14.1l-5.9-1.6L586.4,202.6L586.4,202.6z M554.4,173.2l15.8-20.5
c0,0,5.1,11.1,6,17.8c1,6.6,0.4,19.5,0.4,19.5l-16.8-3.5c0,0,1-4.1-0.4-7.6C558.1,175.3,554.4,173.2,554.4,173.2L554.4,173.2z
M455.6,210.4l-2.3,18.9l24,1.9l-0.2-9.2c0,0-8.6,2.7-12.9-1.2c-4.3-3.9-4.7-9.2-4.5-9.2S455.6,210.4,455.6,210.4L455.6,210.4z
M511.1,168.7v7.2l10,14.8l3.7-3.9c0,0-3.7-3.1-4.1-6.4c-0.4-3.3,1-6.4,1-6.4l-7.8-5.9L511.1,168.7L511.1,168.7z M426.7,17.8
l1-14.4c0,0,0.4-1.8,1.8-2.5c1.4-0.8,3.9-0.8,3.9-0.8l41.2,7.6l-0.4,10.1c0,0-13.7-2.9-24.2-3.1C439.4,14.5,426.7,17.8,426.7,17.8
L426.7,17.8z M524.1,10l22.5,5.9c0,0,1.8,0,3.5,2c1.8,2,0.4,5.7,0.6,5.7c0.2,0-3.3,12.5-3.3,12.1s-6.2-5.9-11.1-9.4
c-4.9-3.5-11.9-5.9-11.9-5.9L524.1,10L524.1,10z"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 4.3 KiB

View file

@ -163,19 +163,56 @@
Game preservation is at risk! Game preservation is at risk!
</h1> </h1>
<p class="fs-md-4"> <p class="fs-md-4">
RetroDECK is committed to preserving retro and vintage games for all. However, even new games are at risk when online components are shut down. RetroDECK is committed to preserving retro and vintage games for all. However, even new
If you are an EU citizen you can help us in our mission by signing the Stop Killing Games EU initiative! games are at risk when online components are shut down.
If you are an EU citizen you can help us in our mission by signing the Stop Killing
Games EU initiative!
</p> </p>
</div> </div>
<!-- Stop Killing Games Link --> <!-- Stop Killing Games Link -->
<div class="col-md-4 text-center"> <div class="col-md-4 text-center">
<a type="button" class="btn btn-dark align-center p-2" target="_blank" <a type="button" class="btn btn-dark align-center p-2" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer" href="https://www.stopkillinggames.com/">
href="https://www.stopkillinggames.com/">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-6"> <div class="col-6">
<img src="/assets/logos/stop-killing-games.svg"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 599.5 281.3" fill="#946beb" xml:space="preserve">
<path id="c" class="st0" d="M63.2,25L63,6.1c0,0,0.2-2,1.4-3.1s3.3-1.6,3.3-1.6l85.1-0.2c0,0,2.9,0.2,4.3,1.6
c1.4,1.4,1.9,4.5,1.9,4.5l0.2,15.4l-11.9-1.6c0,0-13.9-6.8-37.3-6.8S63.3,25,63.2,25z M101.9,148.4l-20.8,20.2H36.6l0.3-38.7
l45.4-0.3L101.9,148.4z M109.5,156l20.2,20.8v44.5L91.1,221l-0.3-45.4L109.5,156z M117.1,149.5l20.8-20.2h44.5l-0.3,38.6
l-45.4,0.3L117.1,149.5L117.1,149.5z M110.1,141.3l-20.2-20.8V76l38.7,0.3l0.3,45.4L110.1,141.3z M202.6,220.1h84.9l19.3-45.4
l-6.4-40.7l17.9-28.7H301c0,0-4.7,0-4.7-6.7s4.4-7,4.4-7h17.9l5.9-59.7c0,0-139.1,2.9-179.2-7.3c-8.8-2.9-13.8-6.7-35.1-6.7
c-4.9,0-10.6,0.5-16.7,1.7C55.1,26.9,0,59.8,0,148.9c0,103.4,71.7,132.3,110.1,132.3C174.8,281.3,202.6,220.1,202.6,220.1
L202.6,220.1z M230.4,105c0,0-4.4,1.2-4.4-6.4s4.1-7,4.1-7h26.7c0,0,5.3,0.3,5.3,7s-5,6.7-5,6.7L230.4,105z M304.9,132.9
l15.6-26.5l11.1-2l23.4,34.9L304.9,132.9z M308.6,136.1l71.6,8.8l-0.2,10.1l-24.6,22.6l-40.8-1L308.6,136.1L308.6,136.1z
M317.6,180.4l39.8,3.7l27.9,28.1l-23.2,13.1l-64.2-3.7L317.6,180.4z M365.6,139.6l-21.5-32.4l2-5.9L384.9,90l12.1,37.3
c0,0-5.7,2.1-8.2,6.6c-2.5,4.5-3.3,8.6-3.3,8.6L365.6,139.6L365.6,139.6z M327.7,32.4l28.9-0.8l2.3,58.6L335.5,97
c0,0-0.4-3.1-1.8-4.5c-1.4-1.4-3.9-1.6-3.9-1.6h-8.2L327.7,32.4L327.7,32.4z M363.1,34l38.1-3.5l17.8,27.9l-36.3,25.2l-18,3.7
C364.6,87.3,363.1,34,363.1,34z M417.2,32.8c0,0,5.3-0.4,8.4-1c3.1-0.6,13.3-3.1,20.5-5.9c7.2-2.7,26.8-2.3,26.8-2.3l-5.9,38.8
l14.4,3.5c0,0-5.1,15.4-5.3,15.4s-10.3-1.8-16.6-0.2c-6.2,1.6-9,5.5-9,5.5L417.2,32.8L417.2,32.8z M427.9,68.9l12.3,19.9
c0,0-5.9,5.3-5.7,14.2c0.2,9,6.1,15.4,6.1,15.4l-15.2,11.3c0,0-3.3-3.9-8.8-4.3c-5.5-0.4-10.9,1.6-10.9,1.6l-12.5-33.2L427.9,68.9
L427.9,68.9z M370.5,176.5l22.1-20.3c0,0,2,8,7.2,12.3c5.3,4.3,16.8,3.7,16.8,3.7l0.6,15.6l-19.9,12.9L370.5,176.5L370.5,176.5z
M384.8,227.6l43.9-21.3c0,0,8.8,5.3,8.8,5.1c0-0.2-10.5,34.8-10.5,34.8l-37.7-8.8L384.8,227.6L384.8,227.6z M431.4,147l18-13.3
c0,0,4.1,3.1,7.2,4.5c3.1,1.4,11.7,1.6,11.7,1.6l-0.4,16.8c0,0-26.4,6.2-26.4,6.1c0-0.2-1.4-5.9-3.5-9
C435.9,150.5,431.4,147,431.4,147L431.4,147z M474.4,104.6l4.9-16.4l32,8l-7,26h-15.6c0,0-2-6.4-4.9-10.4
C480.8,108,474.4,104.6,474.4,104.6L474.4,104.6z M496.6,57.4l16.4-26c0,0,11.5,5.9,17.4,12.3c5.9,6.4,12.9,16.2,12.9,16.2
L525.7,80L496.6,57.4z M536.8,106.4l26.9-39.2c0,0,8.6,9.4,12.9,22.1c4.3,12.7,5.9,26.3,5.9,26.3l-25,16.2L536.8,106.4
L536.8,106.4z M548,157.4l-15.4-20.5l-11.1-3.7c0,0-1.4,5.9-4.7,9.4c-3.3,3.5-9.8,4.7-9.8,4.7l9.8,13.7c0,0,5.9-3.3,11.1-2.9
c5.3,0.4,11.7,5.9,11.7,5.9L548,157.4L548,157.4z M445.5,195.6l-0.2-8.2c0,0,4.1-1.4,6-4.1c2-2.7,2-8,2-8l11.9-2.1l11.7,16.4
l-3.7,3.5c0,0-6.2-6.1-12.1-3.3c-5.9,2.7-7.8,9.4-7.8,9.4L445.5,195.6L445.5,195.6z M443.5,242.3l37.1,2.9
c0,0-11.3,19.9-11.3,19.7s-9.4-5.9-13.9-9.8C450.9,251.2,443.5,242.3,443.5,242.3L443.5,242.3z M499.7,260.4l15.4-4.5l9.2,16.6
c0,0-6.2,3.5-11.9,5.1c-5.7,1.6-15.2,1-15.2,1L499.7,260.4L499.7,260.4z M550.3,246.6l18.2-0.2l4.7,6.6c0,0-4.5,6.1-8.4,8.4
c-3.9,2.3-12.3,6.2-12.3,6.2L550.3,246.6L550.3,246.6z M514,226.1l27.7-0.2l-10.3-23.4l-6.1-2.3l-10.3,9.8c0,0,2.5,3.9,2.5,8.2
S514,226.1,514,226.1L514,226.1z M586.4,202.6l7.4,11.1l5.7-14.1l-5.9-1.6L586.4,202.6L586.4,202.6z M554.4,173.2l15.8-20.5
c0,0,5.1,11.1,6,17.8c1,6.6,0.4,19.5,0.4,19.5l-16.8-3.5c0,0,1-4.1-0.4-7.6C558.1,175.3,554.4,173.2,554.4,173.2L554.4,173.2z
M455.6,210.4l-2.3,18.9l24,1.9l-0.2-9.2c0,0-8.6,2.7-12.9-1.2c-4.3-3.9-4.7-9.2-4.5-9.2S455.6,210.4,455.6,210.4L455.6,210.4z
M511.1,168.7v7.2l10,14.8l3.7-3.9c0,0-3.7-3.1-4.1-6.4c-0.4-3.3,1-6.4,1-6.4l-7.8-5.9L511.1,168.7L511.1,168.7z M426.7,17.8
l1-14.4c0,0,0.4-1.8,1.8-2.5c1.4-0.8,3.9-0.8,3.9-0.8l41.2,7.6l-0.4,10.1c0,0-13.7-2.9-24.2-3.1C439.4,14.5,426.7,17.8,426.7,17.8
L426.7,17.8z M524.1,10l22.5,5.9c0,0,1.8,0,3.5,2c1.8,2,0.4,5.7,0.6,5.7c0.2,0-3.3,12.5-3.3,12.1s-6.2-5.9-11.1-9.4
c-4.9-3.5-11.9-5.9-11.9-5.9L524.1,10L524.1,10z" />
</svg>
</div> </div>
<div class="col-6 text-start">Learn More</div> <div class="col-6 text-start">Learn More</div>
</div> </div>
@ -289,7 +326,7 @@
<div class="col-12 col-lg-8 order-lg-2 stack"> <div class="col-12 col-lg-8 order-lg-2 stack">
<img src="assets/screens/screen03.png" class="img-fluid screenshot" <img src="assets/screens/screen03.png" class="img-fluid screenshot"
alt="The RetroDECK custom ES-DE theme showing various emulation engine options." /> alt="The RetroDECK custom ES-DE theme showing various emulation engine options." />
<img src="assets/screens/screen04.png" class="img-fluid screenshot" <img src="assets/screens/screen04.png" class="img-fluid screenshot"
alt="The RetroDECK custom ES-DE theme showing various game options." /> alt="The RetroDECK custom ES-DE theme showing various game options." />
</div> </div>