Add noscript fallback
This commit is contained in:
@@ -62,6 +62,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</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>
|
<script type="module" async>
|
||||||
import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.esm.browser.js'
|
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'
|
import 'https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js'
|
||||||
@@ -312,6 +317,9 @@
|
|||||||
font-size: 0.7em;
|
font-size: 0.7em;
|
||||||
padding-bottom: 2em;
|
padding-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
.no-js #flow-diagram {
|
||||||
|
display: none
|
||||||
|
}
|
||||||
.diagram-grid {
|
.diagram-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
|
|||||||
Reference in New Issue
Block a user