From 27ac8195b35f235fca4fa57bc6f6f029a7e13aff Mon Sep 17 00:00:00 2001
From: overflowerror <mail@overflowerror.com>
Date: Fri, 2 Aug 2024 21:56:46 +0200
Subject: [PATCH] feat: Add no-js fallback

---
 html/styles/main.css   | 5 +++++
 view/fragments/mob.php | 2 ++
 2 files changed, 7 insertions(+)

diff --git a/html/styles/main.css b/html/styles/main.css
index 71a635e..4524862 100644
--- a/html/styles/main.css
+++ b/html/styles/main.css
@@ -93,6 +93,11 @@ h1 {
     text-align: center;
 }
 
+.mob input.fallback {
+    display: block;
+    margin: auto;
+}
+
 .mob img {
     object-fit: contain;
     width: 35vw;
diff --git a/view/fragments/mob.php b/view/fragments/mob.php
index ca7fa8a..63a47b7 100644
--- a/view/fragments/mob.php
+++ b/view/fragments/mob.php
@@ -10,5 +10,7 @@
         <input type="hidden" name="csrfToken" value="<?= $csrfToken ?>">
         <h2><?= $mob["name"]; ?></h2>
         <img alt="<?= $mob["name"]; ?>" src="/images/mobs/<?= $mob["image"] ?? "_placeholder.png"; ?>">
+        <script>document.getElementById("form-<?= $side ?>").style.cursor = "pointer";</script>
+        <noscript><input class="fallback" type="submit" value="<?= $mob["name"]; ?>"></noscript>
     </form>
 </div>