songs2slides

commit 7561505d4376ac3ce6f269467358e303517632a2
parent 68422e4751bd55940f68442c219a8821e1a1c1ef
Author: Asher Morgan <59518073+ashermorgan@users.noreply.github.com>
Date:   Fri, 26 Apr 2024 20:33:22 -0700

Add noscript messages

Diffstat:
M
songs2slides/static/slides.css
 | 
7
+++++++
M
songs2slides/templates/create-step-3.html
 | 
1
+
M
songs2slides/templates/slides.html
 | 
8
++++++++

3 files changed, 16 insertions(+), 0 deletions(-)
diff --git 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
@@ -39,6 +39,7 @@
         <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
@@ -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 %}