From 2407976f2d35200856712629914a92b9b5f5ad4b Mon Sep 17 00:00:00 2001
From: Antoine Goutenoir <antoine.goutenoir@irap.omp.eu>
Date: Fri, 9 Apr 2021 07:59:09 +0200
Subject: [PATCH] feat: add a "javascript is disabled" disclaimer

---
 flaskr/templates/base.html | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+), 0 deletions(-)

diff --git a/flaskr/templates/base.html b/flaskr/templates/base.html
index 1ff1e02..70ec522 100644
--- a/flaskr/templates/base.html
+++ b/flaskr/templates/base.html
@@ -70,6 +70,43 @@
                 {% endif %}
             {% endwith %}
 
+            <style>
+                .nojs {
+                    opacity: 0;
+                    animation: 16.18s fadeIn;
+                    animation-delay: 1.618s;
+                    animation-fill-mode: forwards;
+
+                    visibility: hidden;
+                    pointer-events: none;
+                }
+
+                @keyframes fadeIn {
+                    0% {
+                        opacity: 0;
+                    }
+                    25% {
+                        visibility: visible;
+                        opacity: 1;
+                    }
+                    93% {
+                        visibility: visible;
+                        opacity: 1;
+                    }
+                    99% {
+                        visibility: visible;
+                        opacity: 0;
+                    }
+                    100% {
+                        visibility: hidden;
+                    }
+                }
+            </style>
+            <div class="alert alert-danger nojs">
+                Javascript appears disabled, and we totally get that.
+                You'll need javascript to render the plots, though.
+            </div>
+
             {% block body %}
             {% endblock %}
         </div>
--
libgit2 0.21.2