From 7561505d4376ac3ce6f269467358e303517632a2 Mon Sep 17 00:00:00 2001
From: Asher Morgan <59518073+ashermorgan@users.noreply.github.com>
Date: Fri, 26 Apr 2024 20:33:22 -0700
Subject: [PATCH] Add noscript messages

---
 songs2slides/static/slides.css            | 7 +++++++
 songs2slides/templates/create-step-3.html | 1 +
 songs2slides/templates/slides.html        | 8 ++++++++
 3 files changed, 16 insertions(+)

diff --git a/songs2slides/static/slides.css b/songs2slides/static/slides.css
index f1aaf7a..c73e9e0 100644
--- a/songs2slides/static/slides.css
+++ b/songs2slides/static/slides.css
@@ -23,3 +23,10 @@ header .icon:active {
 :fullscreen header {
     display: none;
 }
+
+#noscript-message {
+    max-width: 500px;
+    margin: auto;
+    padding: 1rem;
+    text-align: center;
+}
diff --git a/songs2slides/templates/create-step-3.html b/songs2slides/templates/create-step-3.html
index 407bac2..16cdacf 100644
--- a/songs2slides/templates/create-step-3.html
+++ b/songs2slides/templates/create-step-3.html
@@ -39,6 +39,7 @@ <h1>Step 3: Create Slideshow</h1>
         <label>
             <input type="radio" name="output-type" value="html" checked/>
             Web View
+            <noscript>(requires JavaScript)</noscript>
         </label>
         <label>
             <input type="radio" name="output-type" value="pptx"/>
diff --git a/songs2slides/templates/slides.html b/songs2slides/templates/slides.html
index 27e4505..53d8cea 100644
--- a/songs2slides/templates/slides.html
+++ b/songs2slides/templates/slides.html
@@ -22,6 +22,14 @@
     </button>
 </header>
 
+<noscript>
+    <p id="noscript-message">
+    Songs2Slides requires JavaScript to display slideshows in Web View.
+    Please enable it to continue or go back and download your slideshow as a
+    PowerPoint instead.
+    </p>
+</noscript>
+
 <div class="reveal">
     <div class="slides">
         {% for slide in slides %}