]> git.agnieray.net Git - galette.git/blob - galette/templates/default/public_page.html.twig
Improvements for accessibility and screen readers
[galette.git] / galette / templates / default / public_page.html.twig
1 <!DOCTYPE html>
2
3 <html lang="{{ galette_lang }}"{% if i18n.isRtl() %} dir="rtl"{% endif %} class="public_page{% if additionnal_html_class is defined %} {{ additionnal_html_class }}{% endif %}">
4 <head>
5 {% include 'elements/header.html.twig' with {
6 galette_lang: galette_lang
7 } %}
8 </head>
9 <body class="{% if body_class is defined and body_class == "front_page" %}front-page {% endif %}pushable{% if login.isLogged() %} loggedin{% endif %} nojs">
10 <a href="#main-content" class="skiptocontent visually-hidden focusable">{{ _T("Skip to content") }}</a>
11 {% include 'elements/navigation/navigation_sidebar.html.twig' %}
12 {% include 'elements/navigation/navigation_topbar.html.twig' %}
13 <main class="pusher">
14 <div id="main" class="{% if cur_route == "login" or cur_route == "password-lost" or cur_route == "password-recovery" or cur_route == "directlink" %}text {% endif %}{% if not login.isLogged() %}ui container{% else %}full height{% if i18n.isRtl() %} rtl{% endif %}{% endif %}">
15 {% if login.isLogged() %}
16 {% include "elements/navigation/navigation_aside.html.twig" %}
17 {% endif %}
18 <section class="{% if login.isLogged() %}content{% else %}vertically centered{% endif %}">
19 {% if not login.isLogged() %}
20 <div class="ui basic center aligned fitted segment">
21 <img src="{{ url_for("logo") }}" width="{{ logo.getOptimalWidth() }}" height="{{ logo.getOptimalHeight() }}" alt="{{ preferences.pref_nom }}" class="logo"/>
22 <div class="ui large header">
23 {{ preferences.pref_nom }}
24 <div class="sub header">{% if preferences.pref_slogan %}{{ __(preferences.pref_slogan) }}{% endif %}</div>
25 </div>
26 </div>
27 <a id="main-content" tabindex="-1"></a>
28 <h1 class="ui block center aligned header" style="position: relative">
29 {% else %}
30 <div class="ui horizontal basic segments header">
31 <a id="main-content" tabindex="-1"></a>
32 <div class="ui center aligned segment">
33 <h1>
34 {% endif %}
35 {{ page_title }}</h1>
36 </h1>
37 {% if login.isLogged() %}
38 </div>
39 </div>
40 {% endif %}
41 <div class="main-content">
42 {% include "elements/messages_inline.html.twig" %}
43 {% block content %}{{ _T("Public page content") }}{% endblock %}
44 </div>
45 </section>
46 </div>
47 </main>
48 {% include "elements/footer.html.twig" %}
49 <a href="#" id="back2top" class="circular big ui icon button" title="{{ _T("Back to top") }}">
50 <i class="arrow up icon" aria-hidden="true"></i>
51 </a>
52 {% include "elements/scripts.html.twig" %}
53 {% block javascripts %}{% endblock %}
54 </body>
55 </html>