Add noscript tag

zfuns · Aug 3, 2017 · 3f316fb · 3f316fb
1 parent ee44418
commit 3f316fb
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/docs/faq.md b/docs/faq.md
@@ -17,6 +17,15 @@ Many browsers support this standard and should work fine, but some have not
 implemented it yet (mobile browsers lag behind on this, in
 particular).
 
+## Why does Firefox Send require JavaScript?
+
+- We use JavaScript to encrypt and decrypt files locally on the client instead of the server.
+- We use JavaScript to render the user interface of Send.
+- We use JavaScript to manage translate the website into [various different languages](https://github.com/mozilla/send#localization).
+- We use JavaScript to collect data to help us improve Send in accordance with our [Terms &amp; Privacy](https://send.firefox.com/legal).
+
+Since Send is an open source project, you can see all of the cool ways we use JavaScript by [examining our code](https://github.com/mozilla/send/).
+
 ## How long are files available for?
 
 Files are available to be downloaded for 24 hours, after which they are removed

diff --git a/frontend/src/upload.js b/frontend/src/upload.js
@@ -19,6 +19,7 @@ if (storage.has('referrer')) {
 }
 
 $(document).ready(function() {
+  $('#page-one').removeAttr('hidden');
   $('#file-upload').change(onUpload);
 
   $('.legal-links a, .social-links a, #dl-firefox').click(function(target) {

diff --git a/views/index.handlebars b/views/index.handlebars
@@ -1,4 +1,4 @@
-<div id="page-one">
+<div id="page-one" hidden>
   <script src="/upload.js"></script>
   <div class="title" data-l10n-id="uploadPageHeader"></div>
   <div class="description">

diff --git a/views/layouts/main.handlebars b/views/layouts/main.handlebars
@@ -29,6 +29,11 @@
     <a href="https://qsurvey.mozilla.com/s3/txp-firefox-send" rel="noreferrer noopener" class="feedback" target="_blank" data-l10n-id="siteFeedback">Feedback</a>
   </header>
   <div class="all">
+    <noscript>
+      <h2>Firefox Send requires JavaScript</h2>
+      <p><a href="https://github.com/mozilla/send/blob/master/docs/faq.md#why-does-firefox-send-require-javascript" target="_blank" rel="noreferrer noopener">Why does Firefox Send require JavaScript?</a></p>
+      <p>Please enable JavaScript and try again.</p>
+    </noscript>
     {{{body}}}
   </div>
   <div class="footer">