Add noscript warning

3 files changed, 11 insertions, 5 deletions

diff --git a/pointless/viewer/screen.js b/pointless/viewer/screen.js
index 9ba4574..4f5e5bf 100644
--- a/pointless/viewer/screen.js
+++ b/pointless/viewer/screen.js
@@ -19,6 +19,7 @@ class Screen {
     this.pageTurnCount = 0;
 
     this._registerListeners();
+    this._hideWelcomeScreen();
   }
 
   setPage(page) {
@@ -36,6 +37,11 @@ class Screen {
     });
   }
 
+  _hideWelcomeScreen() {
+    const welcomeScreen = this.window.document.getElementById("welcomeScreen");
+    welcomeScreen.style.display = "none";
+  }
+
   _getScreenSize(ratio) {
     const windowRatio = this.window.innerWidth / this.window.innerHeight;
     const horizontalScaleFactor = ratio / windowRatio;
diff --git a/pointless/viewer/viewer.css b/pointless/viewer/viewer.css
index 09ef4e1..21bba3b 100644
--- a/pointless/viewer/viewer.css
+++ b/pointless/viewer/viewer.css
@@ -31,7 +31,6 @@ header span {
 }
 
 #welcomeScreen {
-  display: none;
   max-height: 100%;
   min-width: 20rem;
   overflow: auto;
@@ -98,3 +97,8 @@ header span {
 .notification:empty {
   display: none;
 }
+
+.warning {
+  font-weight: bold;
+  color: orangered;
+}
diff --git a/pointless/viewer/viewer.js b/pointless/viewer/viewer.js
index e3a1043..f4cc348 100644
--- a/pointless/viewer/viewer.js
+++ b/pointless/viewer/viewer.js
@@ -9,15 +9,11 @@
 
 class Viewer {
   constructor() {
-    this.welcomeScreen = document.getElementById("welcomeScreen");
     this.fileInput = document.getElementById("fileInput");
-
-    this.welcomeScreen.style.display = "block";
     this._listenForInput();
   }
 
   load(source) {
-    this.welcomeScreen.style.display = "none";
     pdfjsLib.getDocument(source).then(function(pdf) {
       const presentation = new Presentation(pdf);
     }).catch(function(error) {