-
Notifications
You must be signed in to change notification settings - Fork 147
/
Copy pathbase-template.html
166 lines (157 loc) · 8.47 KB
/
base-template.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
159
160
161
162
163
164
165
166
{# Base template that holds website navigation menu, banner, logos, and more. #}
{# base-template.html is used to generate base.html with configurable information. #}
{# base.html should be ignored and all changes must be applied to base-template.html instead. #}
{% set BANNER_ENABLED = ${BANNER_ENABLED} %}
{% set BANNER_MESSAGE = "${BANNER_MESSAGE}" %}
{% set CONTENT_VERSION = "${CONTENT_VERSION}" -%}
{% set WEBSITE_VERSION = "${WEBSITE_VERSION}" -%}
{% set CHANGELOG_LOCATION = "${CHANGELOG_LOCATION}" -%}
{% set LOGO_HEADER = "${LOGO_HEADER}" -%}
{% set LOGO_FOOTER = "${LOGO_FOOTER}" -%}
{% set NAVIGATION_MENU = ${NAVIGATION_MENU} -%}
{% set ATTACK_BRANDING = ${ATTACK_BRANDING} -%}
{% set RESOURCES = ${RESOURCES} -%}
{% set active_page = active_page|default('index') -%}
{% set title = title|default('MITRE ATT&CK®') -%}
{% import 'macros/search.html' as search %}
{% import 'macros/navigation_menu.html' as navigation_menu %}
{% set RESOURCE_NAV = ${RESOURCE_NAV} -%}
<!DOCTYPE html>
<html lang='en'>
<head>
{% block head %}
{% include "general/google-analytics.html" %}
{% include "general/google-site-verification.html" %}
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1,shrink-to-fit=no'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel='shortcut icon' href='/theme/favicon.ico' type='image/x-icon'>
<title>{{ title }}</title>
<!-- Bootstrap CSS -->
<link rel='stylesheet' href='/theme/style/bootstrap.min.css' />
<link rel='stylesheet' href='/theme/style/bootstrap-tourist.css' />
<link rel='stylesheet' href='/theme/style/bootstrap-select.min.css' />
{% assets "style/style.scss", filters="pyscss", output="style.min.css" %}
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ ASSET_URL }}">
{% endassets %}
<!-- Fontawesome CSS -->
<link rel="stylesheet" href="/theme/style/fontawesome-6.5.1/css/fontawesome.min.css"/>
<link rel="stylesheet" href="/theme/style/fontawesome-6.5.1/css/brands.min.css"/>
<link rel="stylesheet" href="/theme/style/fontawesome-6.5.1/css/solid.min.css"/>
<!-- USWDS CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uswds/3.7.1/css/uswds.min.css" />
{% endblock %}
</head>
<body>
<div class="container-fluid attack-website-wrapper d-flex flex-column h-100">
<div class="row sticky-top flex-grow-0 flex-shrink-1">
<!-- header elements -->
<header class="col px-0">
{% block nav %}
{{navigation_menu.navigation_menu(NAVIGATION_MENU, LOGO_HEADER, output_file)}}
</header>
{% endblock %}
</div>
<div class="row flex-grow-0 flex-shrink-1">
<!-- banner elements -->
<div class="col px-0">
<!-- don't edit or remove the line below even though it's commented out, it gets parsed and replaced by the versioning feature -->
<!-- !versions banner! -->
{% if BANNER_ENABLED %}
<div class="container-fluid banner-message">
{{ BANNER_MESSAGE }}
</div>
{% endif %}
</div>
</div>
<div class="row flex-grow-1 flex-shrink-0">
<!-- main content elements -->
<!--start-indexing-for-search-->
{% block content %} {% block left %} {% endblock %} {% block right %} {% endblock %} {% endblock %}
<!--stop-indexing-for-search-->
<!-- search overlay for entire page -- not displayed inline -->
{{ search.searchgui() }}
</div>
<div class="row flex-grow-0 flex-shrink-1">
<!-- footer elements -->
<footer class="col footer">
<div class="container-fluid">
<div class="row row-footer">
<div class="col-2 col-sm-2 col-md-2">
<div class="footer-center-responsive my-auto">
<a href="https://www.mitre.org" target="_blank" rel="noopener" aria-label="MITRE">
<img src="{{ LOGO_FOOTER }}" class="mitre-logo-wtrans">
</a>
</div>
</div>
<div class="col-2 col-sm-2 footer-responsive-break"></div>
<div class="footer-link-group">
<div class="row row-footer">
<div class="px-3 col-footer">
<u class="footer-link"><a href="/resources/engage-with-attack/contact" class="footer-link">Contact Us</a></u>
</div>
<div class="px-3 col-footer">
<u class="footer-link"><a href="/resources/legal-and-branding/terms-of-use" class="footer-link">Terms of Use</a></u>
</div>
{% if RESOURCES %}
<div class="px-3 col-footer">
<u class="footer-link"><a href="/resources/legal-and-branding/privacy" class="footer-link">Privacy Policy</a></u>
</div>
{% endif %}
<div class="px-3">
<u class="footer-link"><a href="{{CHANGELOG_LOCATION}}" class="footer-link" data-toggle="tooltip" data-placement="top" data-html="true" title="ATT&CK content v{{CONTENT_VERSION}}
Website v{{WEBSITE_VERSION}}">Website Changelog</a></u>
</div>
</div>
<div class="row">
<small class="px-3">
© 2015 - 2024, The MITRE Corporation. MITRE ATT&CK and ATT&CK are registered trademarks of The MITRE Corporation.
</small>
</div>
</div>
<div class="w-100 p-2 footer-responsive-break"></div>
{% if ATTACK_BRANDING %}
<div class="col pr-4">
<div class="footer-float-right-responsive-brand">
<div class="row row-footer row-footer-icon">
<div class="mb-1">
<a href="https://twitter.com/MITREattack" class="btn btn-footer">
<i class="fa-brands fa-x-twitter fa-lg"></i>
</a>
<a href="https://github.com/mitre-attack" class="btn btn-footer">
<i class="fa-brands fa-github fa-lg"></i>
</a>
</div>
</div>
</div>
</div>
{% else %}
<div class="col footer-float-right-responsive-centered">
<div>
<div>
<a href="https://attack.mitre.org" class="btn btn-primary w-100">
attack.mitre.org
</a>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</footer>
</div>
</div>
<!--stopindex-->
</div>
{% block scripts %}
<!--SCRIPTS-->
<script src="/theme/scripts/jquery-3.5.1.min.js"></script>
<script src="/theme/scripts/popper.min.js"></script>
<script src="/theme/scripts/bootstrap-select.min.js"></script>
<script src="/theme/scripts/bootstrap.bundle.min.js"></script>
<script src="/theme/scripts/site.js?{{ range(1, 9002) | random }}"></script>
<script src="/theme/scripts/settings.js?{{ range(1, 9002) | random }}"></script>
<script src="/theme/scripts/search_bundle.js"></script>
{% endblock %}
</body>
</html>