/
base.html
158 lines (140 loc) · 7.6 KB
/
base.html
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
{% load static %}<!DOCTYPE html>
<html lang="{% block html_language_code %}en{% endblock %}">
<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="ROBOTS" content="ALL" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="Copyright" content="Django Software Foundation" />
<meta name="keywords" content="Python, Django, framework, open-source" />
<meta name="description" content="{% block description %}{% endblock %}" />
{% block link_rel_tags %}{% endblock link_rel_tags %}
<!-- Favicons -->
<link rel="apple-touch-icon" href="{% static "img/icon-touch.png" %}">
<link rel="icon" sizes="192x192" href="{% static "img/icon-touch.png" %}">
<link rel="shortcut icon" href="{% static "img/favicon.ico" %}">
<meta name="msapplication-TileColor" content="#113228">
<meta name="msapplication-TileImage" content="{% static "img/icon-tile.png" %}">
<meta name="theme-color" content="#0C4B33">
{% block og_tags %}
<meta property="og:title" content="{% block og_title %}Django{% endblock %}" />
<meta property="og:description" content="{% block og_description %}{% spaceless %}
The web framework for perfectionists with deadlines.
{% endspaceless %}{% endblock %}" />
<meta property="og:image" content="{% block og_image %}{% static "img/logos/django-logo-negative.png" %}{% endblock %}" />
<meta property="og:image:alt" content="{% block og_image_alt %}Django logo{% endblock %}" />
<meta property="og:image:width" content="{% block og_image_width %}1200{% endblock %}" />
<meta property="og:image:height" content="{% block og_image_height %}546{% endblock %}" />
<meta property="og:image:type" content="image/png" />
<meta property="og:url" content="{{ request.build_absolute_uri }}" />
<meta property="og:site_name" content="Django Project" />
<meta property="twitter:creator" content="djangoproject" />
<meta property="twitter:site" content="djangoproject" />
<meta property="twitter:card" content="{% block twitter_card %}summary{% endblock %}">
{% endblock og_tags %}
<title>{% block title %}The web framework for perfectionists with deadlines{% endblock %} | Django</title>
<link rel="stylesheet" href="{% static "css/output.css" %}" >
<script src="{% static "js/lib/webfontloader/webfontloader.js" %}"></script>
<script>
WebFont.load({
custom: {
families: ['FontAwesome', 'Fira+Mono'],
},
google: {
families: ['Roboto:400italic,700italic,300,700,400:latin'
]
},
classes: false,
events: false,
timeout: 1000
});
</script>
<script src="{% static "js/lib/modernizr.js" %}"></script>
<script src="{% static "js/mod/switch-dark-mode.js" %}"></script>
{% block head_extra %}{% endblock head_extra %}
</head>
<body id="{% block sectionid %}generic{% endblock %}" class="{% block body_class %}{% endblock %}">
{% include "includes/header.html" %}
<div class="copy-banner">
<div class="container {% block header-classes %}{% endblock %}">
{% block header %}{% endblock %}
</div>
</div>
<div id="billboard">{% block billboard %}{% endblock %}</div>
<div class="container {% block layout_class %}{% endblock %}">
<div role="main">
{% block messages %}
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>
{{ message }}
<i class="close icon icon-remove" title="close"></i>
</li>
{% endfor %}
</ul>
{% endif %}
{% endblock %}
{% block content %}{% endblock %}
<a href="#top" class="backtotop" aria-label="Back to top"><i class="icon icon-chevron-up"></i> Back to Top</a>
</div>
{% block content-related %}{% endblock %}
{% block content-extra %}{% endblock %}
</div>
{% block secondary %}{% endblock %} {# Used only with one column pages: Why Django, Get Started, etc #}
{% block tertiary %}{% endblock %} {# Used only with one column pages: Why Django, Get Started, etc #}
{# Used to display urgent news, events, and alerts #}
{% block alert %}
{% endblock %}
<!-- SVGs -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol viewBox="0 0 24 24" id="icon-auto"><path d="M0 0h24v24H0z" fill="currentColor"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2V4a8 8 0 1 0 0 16z"/></symbol>
<symbol viewBox="0 0 24 24" id="icon-moon"><path d="M0 0h24v24H0z" fill="currentColor"/><path d="M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2h.1A6.979 6.979 0 0 0 10 7zm-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938 7.999 7.999 0 0 0 4 12z"/></symbol>
<symbol viewBox="0 0 24 24" id="icon-sun"><path d="M0 0h24v24H0z" fill="currentColor"/><path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/></symbol>
</svg>
<!-- END SVGs -->
{% block footer %}
{% include "includes/footer.html" %}
{% endblock %}
{# Require JS #}
<script>
function extless(input) {
return input.replace(/(.*)\.[^.]+$/, '$1');
}
var require = {
shim: {
'jquery': [],
'jquery.inview': ["jquery"],
'jquery.payment': ["jquery"],
'jquery.flot': ["jquery"],
'jquery.unveil': ["jquery"],
'stripe': {
exports: 'Stripe'
}
},
paths: {
"jquery": extless("{% static 'js/lib/jquery/dist/jquery.min.js' %}"),
"jquery.inview": extless("{% static 'js/lib/jquery.inview/jquery.inview.min.js' %}"),
"jquery.payment": extless("{% static 'js/lib/jquery.payment/lib/jquery.payment.js' %}"),
"jquery.unveil": extless("{% static 'js/lib/unveil/jquery.unveil.min.js' %}"),
"jquery.flot": extless("{% static 'js/lib/jquery-flot/jquery.flot.min.js' %}"),
"clipboard": extless("{% static 'js/lib/clipboard/dist/clipboard.min.js' %}"),
"mod/floating-warning": extless("{% static 'js/mod/floating-warning.js' %}"),
"mod/list-collapsing": extless("{% static 'js/mod/list-collapsing.js' %}"),
"mod/list-feature": extless("{% static 'js/mod/list-feature.js' %}"),
"mod/mobile-menu": extless("{% static 'js/mod/mobile-menu.js' %}"),
"mod/version-switcher": extless("{% static 'js/mod/version-switcher.js' %}"),
"mod/search-key": extless("{% static 'js/mod/search-key.js' %}"),
"mod/stripe-change-card": extless("{% static 'js/mod/stripe-change-card.js' %}"),
"mod/switch-dark-mode": extless("{% static 'js/mod/switch-dark-mode.js' %}"),
"mod/console-tabs": extless("{% static 'js/mod/console-tabs.js' %}"),
"stripe-checkout": "https://checkout.stripe.com/checkout",
"stripe": "https://js.stripe.com/v3/?" // ? needed due to require.js
}
};
</script>
<script data-main="{% static "js/main.js" %}" src="{% static "js/lib/require.js" %}"></script>
{% block body_extra %}{% endblock body_extra %}
</body>
</html>