From 41ed4758915290d9250c32e95732e94273d2951a Mon Sep 17 00:00:00 2001
From: 3wc <3wc@doesthisthing.work>
Date: Thu, 4 Nov 2021 14:58:42 +0200
Subject: [PATCH] Fix non-JS fallback

---
 public/index.html | 2 +-
 public/main.js    | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 25ac28f..aec341e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,7 +16,7 @@
   <!-- JavaScript goes here -->
   <script src="/dist/elm.compiled.js"></script>
   <script src="/main.js"></script>
-  <div class="bg-dark">
+  <div class="bg-dark" id="fallback">
     <nav class="navbar navbar-expand-lg sticky-top font-weight-bold" style="background: rgb(255, 79, 136) none repeat scroll 0% 0%;">
       <a class="navbar-brand text-dark" href="/">
         <img src="/logo.png" class="d-inline-block align-top mr-2" alt="" width="30" height="30">
diff --git a/public/main.js b/public/main.js
index 6d6988a..b055b9c 100644
--- a/public/main.js
+++ b/public/main.js
@@ -2,8 +2,13 @@
 // https://guide.elm-lang.org/interop/flags.html
 var flags = null
 
+// remove fallback message
+document.addEventListener("DOMContentLoaded", function(event) {
+	document.getElementById('fallback').remove()
+});
+
 // Start our Elm application
 var app = Elm.Main.init({ flags: flags })
 
 // Ports go here
-// https://guide.elm-lang.org/interop/ports.html
\ No newline at end of file
+// https://guide.elm-lang.org/interop/ports.html