archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Add no JS page

Browse source
This commit is contained in:
Jake Howard 2016-05-22 18:28:01 +01:00
parent 65de6288e1
commit 75e0cbce4c
Signed by: jake
GPG key ID: 57AFB45680EDD477
4 changed files with 101 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
content/pages/no-js.html Normal file
View 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>

13
theme/static/src/scss/index.scss
View file

@ -1,3 +1,5 @@
@import "variables"; // Import variables before anything else
/* @group Fonts */
@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 */
@import "variables";
@import "creative/creative";
/* @end Other Imports */
@ -27,3 +28,13 @@ $fa-font-path: "../fonts";
@import "homepage";
@import "footer";
.panel-green {
@include panel-variant(#139F5B, $white, #139F5B, #139F5B);
}
.panel-blue {
@include panel-variant(#337AB7, $white, #337AB7, #337AB7);
}

5
theme/templates/base.html
View file

@ -51,5 +51,10 @@
<script src="/static/js/jquery.js"></script>
<script src="/static/js/libs.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>
</html>

19
theme/templates/page-no-js.html Normal file
View 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>