2020-03-10 19:04:22 +00:00
<!DOCTYPE html>
2021-09-07 20:07:46 +01:00
<html lang="en">
2021-04-30 02:51:03 +01:00
<head>
{% block meta %}
2021-11-16 23:47:25 +00:00
{# This is far from perfect. The response headers should already come with this. #}
2021-12-01 20:13:24 +00:00
{% if app .request .server .get ( 'APP_ENV' ) not in [ 'test' , 'dev' ] %}
<meta http-equiv="Content-Security-Policy" content="default-src https:"> {% endif %}
2021-09-07 20:07:46 +01:00
<meta charset="utf-8">
2021-04-30 02:51:03 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1">
2021-09-07 20:07:46 +01:00
<link rel="home" href="/">
2021-04-30 02:51:03 +01:00
{% endblock %}
2021-07-20 13:18:57 +01:00
2021-04-30 02:51:03 +01:00
<title>
{% block title %} {% endblock %}
</title>
2021-07-20 13:18:57 +01:00
2021-04-30 02:51:03 +01:00
{% block stylesheets %}
2022-01-23 18:56:57 +00:00
<link rel='preload' type='text/css' as='style' href=" {{ asset ( 'assets/default_theme/fonts/opensans/opensans.css' ) }} ">
<link rel='preload' type='text/css' as='style' href=" {{ asset ( 'assets/default_theme/fonts/poppins/poppins.css' ) }} ">
2022-01-12 16:29:02 +00:00
2022-01-23 18:56:57 +00:00
<link rel='stylesheet' type='text/css' href=" {{ asset ( 'assets/default_theme/fonts/opensans/opensans.css' ) }} ">
2022-01-12 16:29:02 +00:00
<link rel='stylesheet' type='text/css' href=" {{ asset ( 'assets/default_theme/fonts/poppins/poppins.css' ) }} ">
2021-11-27 19:54:14 +00:00
<link rel='stylesheet' type='text/css' href=" {{ asset ( 'assets/default_theme/css/base.css' ) }} ">
2021-08-31 18:33:58 +01:00
2021-10-06 00:34:27 +01:00
{% for stylesheet in show_stylesheets ( app .request .get ( '_route' ) ) %}
2021-11-27 19:54:14 +00:00
<link rel='preload' type='text/css' as='style' href=" {{ preload ( asset ( stylesheet ) , { as : 'style' } ) }} ">
<link rel='stylesheet' type='text/css' as='style' href=" {{ asset ( stylesheet ) }} ">
2021-04-30 02:51:03 +01:00
{% endfor %}
{% endblock %}
2021-07-20 13:18:57 +01:00
2021-04-30 02:51:03 +01:00
{% for arr in handle_event ( 'ShowHeadElements' , app .request ) %}
{# Only one element, but has dynamic value, can't access it directly #}
{% for type , element in arr %}
< {{ type }} rel=" {{ element [ 'rel' ] }} " type=" {{ element [ 'type' ] }} " href=" {{ element [ 'href' ] }} " title=" {{ element [ 'title' ] }} ">
{% endfor %}
{% endfor %}
2022-01-07 17:53:55 +00:00
{% for block in handle_event ( 'AppendToHead' , app .request ) %}
{{ block | raw }}
{% endfor %}
2021-04-30 02:51:03 +01:00
</head>
2021-08-09 13:25:08 +01:00
2021-12-02 21:46:02 +00:00
<body>
2021-09-07 20:07:46 +01:00
2021-11-26 13:04:45 +00:00
<aside class="accessibility-menu">
2022-01-17 02:29:40 +00:00
<strong class="accessibility-menu-title" tabindex="0"> {{ 'Accessibility menu' | trans }} </strong>
2021-09-16 23:53:38 +01:00
<br>
2022-01-17 02:29:40 +00:00
<section tabindex="0">
<p> {{ 'Here you can find fast shortcuts to various page regions!' | trans }} </p>
<br>
2022-01-17 18:08:03 +00:00
<p> {% trans %} Be mindful that a <em><kbd>Tab</kbd></em> followed by a <em><kbd>Space</kbd></em> is needed in order to focus each panel. Other anchors do only require a <em><kbd>Tab</kbd></em> however. {% endtrans %} </p>
2022-01-17 02:29:40 +00:00
</section>
2021-08-30 17:56:59 +01:00
2022-01-17 02:29:40 +00:00
<section tabindex="0">
<p> {% trans %} The accesskey default shortcut keybinding is as follows: {% endtrans %} </p>
<p>
{% if is_firefox ( ) == true %}
<em><kbd>Alt</kbd> + <kbd>Shift</kbd></em>
{% else %}
<em><kbd>Alt</kbd></em>
{% endif %}
</p>
</section>
2021-09-07 20:07:46 +01:00
2022-01-21 18:02:27 +00:00
<section>
2022-01-17 02:29:40 +00:00
<a id="anchor-accessibility-menu" accesskey="z" href="#anchor-accessibility-menu">
2022-01-21 18:02:27 +00:00
<strong> {% trans %} Combined with the previous keybinding, the keyboard key
2022-01-17 02:29:40 +00:00
<kbd>Z</kbd> returns focus to this menu. {% endtrans %} </strong>
2022-01-21 18:02:27 +00:00
<strong> {% trans %} Further access keys are provided via: {% endtrans %} </strong>
2022-01-17 02:29:40 +00:00
</a>
<nav>
<ul>
<li><a href="#anchor-left-panel" accesskey="s"> {% trans %} Left panel is accessed with
<kbd>S</kbd> {% endtrans %} </a></li>
<li><a href="#anchor-main-content" accesskey="n"> {% trans %} Main content is accessed with
<kbd>N</kbd> {% endtrans %} </a></li>
<li><a href="#anchor-main-page" accesskey="y"> {% trans %} Main instance page is accessed with
<kbd>Y</kbd> {% endtrans %} </a></li>
<li><a href="#anchor-right-panel" accesskey="j"> {% trans %} Finally, the right panel is accessed with
<kbd>J</kbd> {% endtrans %} </a></li>
</ul>
</nav>
</section>
2021-08-30 17:56:59 +01:00
</aside>
{% block header %}
2021-10-19 20:33:01 +01:00
<header class="page-header">
2021-08-30 17:56:59 +01:00
{{ block ( "leftpanel" , "stdgrid.html.twig" ) }}
2022-01-19 18:21:51 +00:00
<span class="header-instance">
<a id="anchor-main-page" class="anchor-hidden"
title=" {{ 'Press tab to access instance\'s main page.' | trans }} "></a>
<a class="accessibility-target" href=" {{ path ( 'feed_public' ) }} " tabindex="0"
title=" {{ 'This instance\'s name. Access public feed.' | trans }} ">
<h1> {{ icon ( 'logo' , 'icon icon-logo' ) | raw }} {{ config ( 'site' , 'name' ) }} </h1>
</a>
</span>
2021-08-30 17:56:59 +01:00
2021-12-01 21:15:31 +00:00
{{ block ( "rightpanel" , "stdgrid.html.twig" ) }}
2021-08-30 17:56:59 +01:00
</header>
{% endblock header %}
2022-01-17 16:32:41 +00:00
<main class="page-content-wrapper">
2021-12-01 20:13:24 +00:00
<a role="navigation" rel="help" id="anchor-main-content" class="anchor-hidden"
title=" {{ 'Press tab to access main content.' | trans }} "></a>
2022-01-19 23:54:45 +00:00
<section class='page-content accessibility-target'>
2021-08-30 17:56:59 +01:00
{% block nav %} {% endblock %}
{% block body %} {% endblock %}
{% block javascripts %} {% endblock javascripts %}
2022-01-19 23:54:45 +00:00
</section>
2022-01-17 16:32:41 +00:00
</main>
2021-04-30 02:51:03 +01:00
</body>
2020-03-10 19:04:22 +00:00
</html>
2021-04-28 22:25:35 +01:00
