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

Use base on no-js page

Browse source
This commit is contained in:
Jake Howard 2015-11-25 08:42:58 +00:00
parent eb80c30b81
commit 01a3bf1013
3 changed files with 70 additions and 71 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
project/pages/views.py
View file

@ -10,6 +10,11 @@ class IndexView(TemplateView):
class NoJavascriptView(TemplateView): class NoJavascriptView(TemplateView):
template_name = 'core/no-js.html' template_name = 'core/no-js.html'
def get_context_data(self, **kwargs):
context = super().get_context_data(**kwargs)
context['no_js_redirect'] = True
return context
class Custom404View(CustomHeaderBG.Template): class Custom404View(CustomHeaderBG.Template):
template_name = 'core/404.html' template_name = 'core/404.html'

3
templates/base.html
View file

@ -35,10 +35,11 @@
<script type="text/javascript" src="{% static 'js/libs.js' %}"></script> <script type="text/javascript" src="{% static 'js/libs.js' %}"></script>
<script type="text/javascript" src="{% static 'js/app.js' %}"></script> <script type="text/javascript" src="{% static 'js/app.js' %}"></script>
{% if not no_js_redirect %}
<noscript> <noscript>
<style> html, body { display:none; }</style> <style> html, body { display:none; }</style>
<meta http-equiv="refresh" content="0.0;url={% url 'pages:no-js' %}"> <meta http-equiv="refresh" content="0.0;url={% url 'pages:no-js' %}">
</noscript> </noscript>
{% endif %}
</body> </body>
</html> </html>

33
templates/core/no-js.html
View file

@ -1,20 +1,14 @@
{% extends 'base.html' %}
{% load staticfiles %} {% load staticfiles %}
<!DOCTYPE html> {% block htmltitle %}Javascript is Disabled!{% endblock %}
<html>
<head> {% block content %}
<title>Javascript Disabled | TheOrangeOne</title> <div class="jumbotron" style="background-image: url('{% static 'img/bg.png' %}'); background-attachment: fixed;"><div class="container"><h1>Javascript is disabled!</h1></div></div>
<meta chatset='utf-8' /> <div class="container">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}"/>
<link rel="shortcut icon" href=""/>
</head>
<body>
<div class="jumbotron" style="background-image: url('{% static 'img/bg.png' %}'); background-attachment: fixed;"><div class="container"><h1>Javascript is disabled!</h1></div></div>
<div class="container">
<p>You appear to have javascript disabled. For my site to function properly, javascript must be enabled! The javascript is used to dynamically change the webpage on your device. Without them then the site will break, cause a tonne of errors, and not look right, all of which aren't very nice, for you or me. </p> <p>You appear to have javascript disabled. For my site to function properly, javascript must be enabled! The javascript is used to dynamically change the webpage on your device. Without them then the site will break, cause a tonne of errors, and not look right, all of which aren't very nice, for you or me. </p>
<p>The javascript on this page won't damage your computer in any way, and has been written entirely by me, or has used trusted and open-source 3rd-party libraries. You can trust this site! Re-enabling the javascript functions inside your browser is very easy, and helpful tutorials can be found below!</p> <p>The javascript on this page won't damage your computer in any way, and has been written entirely by me, or has used trusted and open-source 3rd-party libraries. You can trust this site! Re-enabling the javascript functions inside your browser is very easy, and helpful tutorials can be found below!</p>
</div> </div>
<div class="container"> <div class="container">
<h2>Re-enabling Javascript in your browser</h2> <h2>Re-enabling Javascript in your browser</h2>
<div class="panel-primary"> <div class="panel-primary">
<div class="panel-heading"> <div class="panel-heading">
@ -61,12 +55,11 @@
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<p> <p>
After enabling javascript, the page should automatically redirect to the homepage. If it doesn't, just refresh the page, or <a href="{% url 'pages:index'%}">Click here</a>. After enabling javascript, the page should automatically redirect to the homepage. If it doesn't, just refresh the page, or <a href="{% url 'pages:index'%}">Click here</a>.
</p> </p>
</div> </div>
</body> <script>window.location.href=location.href.replace("{% url 'pages:no-js' %}", '');</script>
<script>window.location.href=location.href.replace("{% url 'pages:no-js' %}", '');</script> {% endblock%}
</html>