blob: ae6cbd4b8960b784e78e84b1fe7c676a87cb12bf (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
---
title: "Javascript Support"
date: 2017-07-04T20:55:50-05:00
tags: ["bootstrap", "javascript", "noscript"]
---
<div class="well content-header">
<img src="/images/javascript.svg" alt="javascript" />
</div>
<!--more-->
---
## Javascript Enabled?
<noscript>
<div class="bd-callout bd-callout-warning">
<h4>Javascript Disabled</h4>
<p>Hugo Now assumes javascript is disabled (as does Github Pages) but if your posts make use of bootstrap JS plugins read on...</p>
<strong>No special fallbacks when JavaScript is disabled</strong>
<p>Bootstrap’s plugins don’t fall back particularly gracefully when JavaScript is disabled. If you care about the user experience in this case, use <noscript> to explain the situation (and how to re-enable JavaScript) to your users, and/or add your own custom fallbacks.
</p>
</div>
</noscript>
<div id="js-enabled-msg" class="bd-callout bd-callout-success js-enabled">
<h4>Javascript Enabled</h4>
<p>While Hugo Now assumes javascript is disabled, full Bootstrap JS is supported</p>p>
<p>(see <code>partials/javascript.html</code>)</p>
</div>
<!-- jQuery not loaded yet -->
<script type="text/javascript">
var element = document.getElementById('js-enabled-msg')
element.style.display = 'block';
</script>
|