gnu-social/templates/base.html.twig
Eliseu Amaro 87559e9a8c
[CSS] Improved reset.css, better and more granular sizes added
Search form dimensions fixed, page header alignment issues fixed, and consistent font sizes used throughout
2022-11-25 14:51:39 +01:00

116 lines
5.2 KiB
Twig

<!DOCTYPE html>
<html lang="en">
<head>
{% block meta %}
{# This is far from perfect. The response headers should already come with this. #}
{% if app.request.server.get('APP_ENV') not in ['test', 'dev'] %}
<meta http-equiv="Content-Security-Policy" content="default-src https:">{% endif %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="home" href="/">
{% endblock %}
<title>
{% block title %}{% endblock %}
</title>
{% block stylesheets %}
<link rel='preload' type='text/css' as='style' href="{{ asset('assets/default_theme/fonts/opensans/opensans.css') }}">
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/fonts/opensans/opensans.css') }}">
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/reset.css') }}">
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/root.css') }}">
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/widgets.css') }}">
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/base.css') }}">
{% for stylesheet in show_stylesheets(app.request.get('_route')) %}
<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) }}">
{% endfor %}
{% endblock %}
{% 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 %}
{% for block in handle_event('AppendToHead', app.request) %}
{{ block | raw }}
{% endfor %}
</head>
<body>
<aside class="accessibility-menu">
<strong class="accessibility-menu-title" tabindex="0">{% trans %}Accessibility menu{% endtrans %}</strong>
<br>
<section tabindex="0">
<p>{% trans %}Here you can find fast shortcuts to various page regions!{% endtrans %}</p>
<br>
<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>
</section>
<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>
<section>
<a id="anchor-accessibility-menu" accesskey="z" href="#anchor-accessibility-menu">
<strong>{% trans %}Combined with the previous keybinding, the keyboard key
<kbd>Z</kbd> returns focus to this menu.{% endtrans %}</strong>
<strong>{% trans %}Further access keys are provided via:{% endtrans %}</strong>
</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>
</aside>
{% block header %}
<header class="page-header">
{{ block("leftpanel", "stdgrid.html.twig") }}
<div class="header-title">
<a id="anchor-main-page" class="anchor-hidden"
title="{% trans %}Press tab to access instance's main page{% endtrans %}"></a>
<a class="accessibility-target" href="{{ path('feed_public') }}" tabindex="0"
title="{% trans %}This instance\'s name. Access public feed{% endtrans %}">
<h1>{{ icon('logo', 'icon icon-logo') | raw }}{{ config('site', 'name') }}</h1>
</a>
</div>
{{ block("rightpanel", "stdgrid.html.twig") }}
</header>
{% endblock header %}
<a role="navigation" rel="help" id="anchor-main-content" class="anchor-hidden"
title="{% trans %}Anchor to main content{% endtrans %}"></a>
<main class="page-content-wrapper" title="{% trans %}Page main content{% endtrans %}">
<div class='page-content accessibility-target' role="presentation">
{% block nav %}{% endblock %}
{% block body %}{% endblock %}
{% block javascripts %}{% endblock javascripts %}
</div>
</main>
</body>
</html>