feat: Add no-js fallback

This commit is contained in:
overflowerror 2024-08-02 21:56:46 +02:00
parent 2547b91a77
commit 27ac8195b3
2 changed files with 7 additions and 0 deletions

View file

@ -93,6 +93,11 @@ h1 {
text-align: center;
}
.mob input.fallback {
display: block;
margin: auto;
}
.mob img {
object-fit: contain;
width: 35vw;

View file

@ -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>