From 74639412bfea8d11f3dd5b55f74140ed30668ccc Mon Sep 17 00:00:00 2001
From: AShiningRay <genesis45.ppc@gmail.com>
Date: Sat, 14 Oct 2023 15:34:33 -0300
Subject: [PATCH] docs: Add a download button that redirects to github releases

Most users don't have the know-how to build software by themselves,
and providing prebuilt releases is a key point where FreeJ2ME was
severely lacking. This should help.
---
 docs/_css/index.css | 37 +++++++++++++++++++++++++++++++++++++
 docs/index.html     |  1 +
 2 files changed, 38 insertions(+)

diff --git a/docs/_css/index.css b/docs/_css/index.css
index c3e36048..3cea5a72 100644
--- a/docs/_css/index.css
+++ b/docs/_css/index.css
@@ -141,6 +141,7 @@ body {
 #firstpane-content-right h1 {
     font-family:'Times New Roman', Times, serif;
     margin-top: 0;
+    margin-bottom: 0;
     color: #0064ca;
     font-size: 4em;
     font-weight: bolder;
@@ -157,6 +158,42 @@ body {
     transform: rotate(-1deg);
 }
 
+#downloadbutton {
+    padding: 5px;
+    font-family: 'Times New Roman', Times, serif;
+    font-size: 2em;
+    border-radius: 15px;
+    border-width: 5px;
+    border-color: transparent;
+    border-style: solid;
+    background-color: #0064ca;
+    color: #00ca31;
+    font-weight: bold;
+    float: right;
+    margin-top: 2.5%;
+    margin-right: 10%;
+    box-shadow: 0px 0px 8px #222;
+    transition-duration: 0.2s;
+    animation: downloadanim 3s ease-in-out infinite;
+}
+
+@keyframes downloadanim {
+    0%   {transform: scale(1)}
+    50%  {transform: scale(1.1); box-shadow: 0px 0px 24px #222;}
+    100% {transform: scale(1)}
+}
+
+#downloadbutton:hover {
+    color: #0064ca;
+    background: #00ca31;
+}
+
+#downloadbutton:active {
+    box-shadow: 0px 0px 0px #fff;
+    border-width: 5px;
+    border-color: white;
+}
+
 #freej2me_logo {
     z-index: 5;
     width: 100%;
diff --git a/docs/index.html b/docs/index.html
index 251a0048..0a2053b9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -58,6 +58,7 @@
                         <div id="firstpane-content-right">
                             <div class="titlediv"><h1 id="outertitletext">FREE</h1><h1 id="innertitletext">J2ME</h1></div>
                             <p> A free, cross-platform J2ME emulator with support for libretro, AWT and SDL2 frontends. </p>
+                            <a href="https://github.com/TASEmulators/freej2me/tags"><button id="downloadbutton">Download</button></a>
                         </div>
                     </div>