Add no JS page
This commit is contained in:
parent
65de6288e1
commit
75e0cbce4c
GPG key ID:
57AFB45680EDD477
4 changed files with 101 additions and 1 deletions
65
content/pages/no-js.html
Normal file
65
content/pages/no-js.html
Normal file
|
|
@ -0,0 +1,65 @@
|
||||||
|
<head>
|
||||||
|
<meta name="slug" content="no-js" />
|
||||||
|
<meta name="title" content="Javascript is disabled" />
|
||||||
|
<meta name="template" content="page-no-js">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="jumbotron header">
|
||||||
|
<div class="container">
|
||||||
|
<h1>You have Javascript is disabled!</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container message">
|
||||||
|
<p>
|
||||||
|
You appear to have javascript disabled. For my site to function properly, javascript must be enabled. To re-enable javascript, simply follow the instructions below.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
After enabling javascript, the page should automatically redirect to the homepage. If it doesn't, just refresh the page, or <a href="/">Click here</a> to return home.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<h2>Re-enabling Javascript in your browser</h2>
|
||||||
|
<div class="panel panel-primary" id="enable-firefox">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h3 class="panel-title">Re-enabling in Firefox</h3>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<ol>
|
||||||
|
<li>Navigate to 'about:config', using the browsers address bar.</li>
|
||||||
|
<li>Accept the security warning, and notice that no dragons lie ahead.</li>
|
||||||
|
<li>In the search bar, enter 'javascript'</li>
|
||||||
|
<li>Find the entry 'Javascript.enabled' (possibly using <kbd>ctrl + F</kbd>)</li>
|
||||||
|
<li>Toggle the entry by either double-clicking the entry, or right-clicking and selecting 'Toggle'.</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="panel panel-green" id="enable-chrome">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h3 class="panel-title">Re-enabling in Chrome</h3>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<ol>
|
||||||
|
<li>Click the Chrome menu icon (<i class="fa fa-bars"></i>) in the top right hand corder of the window.</li>
|
||||||
|
<li>Click 'Settings'.</li>
|
||||||
|
<li>Under the 'Privacy' section, select 'Content settings'.</li>
|
||||||
|
<li>Under 'Javascript', select 'Allow all sites to run Javascript (Recommended)'.</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="panel panel-blue" id="enable-ie">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h3 class="panel-title">Re-enabling in Internet Explorer</h3>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<ol>
|
||||||
|
<li>Select the gear icon in the top right hand corner (<i class="fa fa-cog"></i>), and click 'Internet Options'.</li>
|
||||||
|
<li>Select Security > Internet > Custom Level.</li>
|
||||||
|
<li>Scroll down until you find 'Scripting', and select 'Enable'</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>window.location.href=location.href.replace('/no-js', '');</script>
|
||||||
|
</body>
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
|
@import "variables"; // Import variables before anything else
|
||||||
|
|
||||||
/* @group Fonts */
|
/* @group Fonts */
|
||||||
|
|
||||||
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,300,300italic,400italic,700italic");
|
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,300,300italic,400italic,700italic");
|
||||||
|
|
@ -19,7 +21,6 @@ $fa-font-path: "../fonts";
|
||||||
|
|
||||||
/* @group Other Imports */
|
/* @group Other Imports */
|
||||||
|
|
||||||
@import "variables";
|
|
||||||
@import "creative/creative";
|
@import "creative/creative";
|
||||||
|
|
||||||
/* @end Other Imports */
|
/* @end Other Imports */
|
||||||
|
|
@ -27,3 +28,13 @@ $fa-font-path: "../fonts";
|
||||||
|
|
||||||
@import "homepage";
|
@import "homepage";
|
||||||
@import "footer";
|
@import "footer";
|
||||||
|
|
||||||
|
|
||||||
|
.panel-green {
|
||||||
|
@include panel-variant(#139F5B, $white, #139F5B, #139F5B);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.panel-blue {
|
||||||
|
@include panel-variant(#337AB7, $white, #337AB7, #337AB7);
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -51,5 +51,10 @@
|
||||||
<script src="/static/js/jquery.js"></script>
|
<script src="/static/js/jquery.js"></script>
|
||||||
<script src="/static/js/libs.js"></script>
|
<script src="/static/js/libs.js"></script>
|
||||||
<script src="/static/js/app.js"></script>
|
<script src="/static/js/app.js"></script>
|
||||||
|
|
||||||
|
<noscript>
|
||||||
|
<style>html, body { display: none }</style>
|
||||||
|
<meta http-equiv="refresh" content="0.0;url=/no-js/" />
|
||||||
|
</noscript>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
19
theme/templates/page-no-js.html
Normal file
19
theme/templates/page-no-js.html
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="description" content="" />
|
||||||
|
<meta name="author" content="" />
|
||||||
|
|
||||||
|
<title>{{ page.title }} | {{ SITENAME }}</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/static/css/index.css" type="text/css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{{ page.content }}
|
||||||
|
|
||||||
|
{% include "extras/footer.html" %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in a new issue