support/templates/layout.html

71 lines
3.0 KiB
HTML
Raw Normal View History

2017-11-06 09:59:56 +00:00
<!doctype html>
2023-03-21 17:08:41 +00:00
<html xmlns="http://www.w3.org/1999/xhtml" lang="{{ this.alt }}" {% if bag('alternatives', this.alt, 'direction'
)=='text-right' %}dir="rtl" {% endif %}>
2017-11-06 09:59:56 +00:00
<meta charset="utf-8">
2018-02-16 17:40:25 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
2023-03-21 17:08:41 +00:00
<meta name="description"
content="{{ _('Defend yourself against tracking and surveillance. Circumvent censorship.') }} | {{ this.title }}">
2019-08-20 15:15:56 +00:00
<link rel="stylesheet" href="{{ '/static/css/bootstrap.css'|asseturl }}">
2019-08-20 15:50:54 +00:00
<link rel="stylesheet" href="{{ '/static/fonts/fontawesome/css/all.min.css'|asseturl }}" rel="stylesheet">
<script src="{{ '/static/support.js'|asseturl }}" defer></script>
2020-10-14 02:47:27 +00:00
<!-- Standard favicon -->
<link rel="icon" type="image/x-icon" href="{{ '/static/images/favicon.ico'|asseturl }}">
<!-- Recommended favicon format -->
<link rel="icon" type="image/png" href="{{ '/static/images/favicon.png'|asseturl }}">
2021-04-15 20:05:21 +00:00
<script>
function change(event) {
let btn = event.currentTarget;
if (btn.innerHTML == "{{ _('expand') }}") {
btn.innerHTML = "{{ _('collapse') }}";
2023-03-21 17:08:41 +00:00
} else {
btn.innerHTML = "{{ _('expand') }}";
}
}
function handleCollapse() {
if (document.querySelectorAll('.show').length === 1) {
document.querySelector('#expand-btn').innerHTML = "{{ _('collapse') }}";
2021-04-15 20:05:21 +00:00
}
}
</script>
2018-02-15 18:11:16 +00:00
2020-04-02 06:35:13 +00:00
<title>{% block title %}{{ this.title }} {{ this.term }} {% endblock %} | {{ _("Tor Project | Support") }}</title>
2023-03-21 17:08:41 +00:00
<body class="no-gutters" data-spy="scroll" data-target="#sidenav-topics" id="topics" data-children=".item">
2017-11-06 09:59:56 +00:00
<header>
2018-01-12 07:37:06 +00:00
{% include 'navbar.html' %}
2017-11-06 09:59:56 +00:00
</header>
2024-10-14 15:44:59 +00:00
{% include 'banner.html' ignore missing %}
<div class="page">
<div class="jumbotron jumbotron-fluid bg-primary text-white mb-md-5">
<div class="container-fluid text-center">
2020-01-10 15:05:29 +00:00
{% if this.title %}
2023-03-21 17:08:41 +00:00
<h1 class="display-4 no-border font-weight-light pt-5 pb-4">{{ this.title }}</h1>
2020-01-10 15:05:29 +00:00
{% elif this.term %}
2023-03-21 17:08:41 +00:00
<h1 class="display-4 no-border font-weight-light pt-5 pb-4">{{ this.term }}</h1>
2020-01-10 15:05:29 +00:00
{% endif %}
2022-04-28 13:20:25 +00:00
{% include 'search.html' %}
</div>
</div>
<div class="container-fluid">
<div class="row flex-xl-nowrap">
{% include 'sidenav.html' %}
{% set locale = bag('alternatives', this.alt) %}
2023-03-21 17:08:41 +00:00
<main role="main"
class="col-sm-12 col-xs-12 ml-sm-auto col-md-9 col-lg-9 {{ locale.order }} {{ locale.direction }}">
2022-11-14 20:59:54 +00:00
<div class="d-flex justify-content-end" style="gap: 0.5em;">
{% if this._model == 'topic' and this.forum_link %}
2023-08-28 18:36:19 +00:00
<a href="{{ this.forum_link }}"><button class="btn btn-outline-primary float-right"><i class="fab fa-discourse pr-2"></i>{{_('View this topic on the forum') }}</button></a>
2022-11-14 20:59:54 +00:00
{% endif %}
2023-08-28 18:36:19 +00:00
<button class="btn btn-primary" id="expand-btn" data-toggle="collapse" data-target=".expand" aria-expanded="false" onclick="change(event)">{{_('expand') }}</button>
2022-11-14 20:59:54 +00:00
</div>
{% block body %}{% endblock %}
</main>
</div>
</div>
</div>
2019-10-25 19:06:33 +00:00
{% include 'footer.html' %}
2017-11-06 09:59:56 +00:00
</body>
2023-03-21 17:08:41 +00:00
2023-08-28 18:36:19 +00:00
</html>