Commit e6a40685020354d884a549d47377be2b6901da60
1 parent
ec076c05
Exists in
master
feat: add a "javascript is disabled" disclaimer
Showing
1 changed file
with
37 additions
and
0 deletions
Show diff stats
flaskr/templates/base.html
| @@ -70,6 +70,43 @@ | @@ -70,6 +70,43 @@ | ||
| 70 | {% endif %} | 70 | {% endif %} |
| 71 | {% endwith %} | 71 | {% endwith %} |
| 72 | 72 | ||
| 73 | + <style> | ||
| 74 | + .nojs { | ||
| 75 | + opacity: 0; | ||
| 76 | + animation: 16.18s fadeIn; | ||
| 77 | + animation-delay: 1.618s; | ||
| 78 | + animation-fill-mode: forwards; | ||
| 79 | + | ||
| 80 | + visibility: hidden; | ||
| 81 | + pointer-events: none; | ||
| 82 | + } | ||
| 83 | + | ||
| 84 | + @keyframes fadeIn { | ||
| 85 | + 0% { | ||
| 86 | + opacity: 0; | ||
| 87 | + } | ||
| 88 | + 25% { | ||
| 89 | + visibility: visible; | ||
| 90 | + opacity: 1; | ||
| 91 | + } | ||
| 92 | + 93% { | ||
| 93 | + visibility: visible; | ||
| 94 | + opacity: 1; | ||
| 95 | + } | ||
| 96 | + 99% { | ||
| 97 | + visibility: visible; | ||
| 98 | + opacity: 0; | ||
| 99 | + } | ||
| 100 | + 100% { | ||
| 101 | + visibility: hidden; | ||
| 102 | + } | ||
| 103 | + } | ||
| 104 | + </style> | ||
| 105 | + <div class="alert alert-danger nojs"> | ||
| 106 | + Javascript appears disabled, and we totally get that. | ||
| 107 | + You'll need javascript to render the plots, though. | ||
| 108 | + </div> | ||
| 109 | + | ||
| 73 | {% block body %} | 110 | {% block body %} |
| 74 | {% endblock %} | 111 | {% endblock %} |
| 75 | </div> | 112 | </div> |