From dcb5be78d0c6f002ee3fec16ccb8dd2851df7f19 Mon Sep 17 00:00:00 2001
From: Joe Rickerby <joerick@mac.com>
Date: Mon, 9 May 2022 14:24:03 +0100
Subject: [PATCH] Add noscript fallback

---
 docs/diagram.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/diagram.md b/docs/diagram.md
index 19328ad5..d0557b4f 100644
--- a/docs/diagram.md
+++ b/docs/diagram.md
@@ -62,6 +62,11 @@
   </div>
 </div>
 
+<noscript>
+  <img src="data/how-it-works.png" alt="Diagram showing the steps for each platform">
+  <p><strong>Enable JavaScript for an interactive version of this diagram.</strong></p>
+</noscript>
+
 <script type="module" async>
   import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.esm.browser.js'
   import 'https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js'
@@ -312,6 +317,9 @@
     font-size: 0.7em;
     padding-bottom: 2em;
   }
+  .no-js #flow-diagram {
+    display: none
+  }
   .diagram-grid {
     display: grid;
     overflow-x: auto;