gnu-social/templates/base.html.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='preload' type='text/css' as='style'
              href="{{ asset('assets/default_theme/fonts/poppins/poppins.css') }}">
        <link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/fonts/poppins/poppins.css') }}">

        <link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/css/root.css') }}">
        <link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/css/reset.css') }}">
        <link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/css/base.css') }}">
        <link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/css/widgets/buttons.css') }}">
        <link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/css/widgets/sections.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">{{ 'Accessibility menu' | trans }}</strong>
    <br>
    <section tabindex="0">
        <p>{{ 'Here you can find fast shortcuts to various page regions!' | trans }}</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 tabindex="0">
        <a id="anchor-accessibility-menu" accesskey="z" href="#anchor-accessibility-menu">
            <strong tabindex="0">{% trans %}Combined with the previous keybinding, the keyboard key
                    <kbd>Z</kbd> returns focus to this menu.{% endtrans %}</strong>
            <strong tabindex="0">{% 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") }}

        <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>

        {{ block("rightpanel", "stdgrid.html.twig") }}
    </header>
{% endblock header %}

<main class="page-content-wrapper">
    <a role="navigation" rel="help" id="anchor-main-content" class="anchor-hidden"
       title="{{ 'Press tab to access main content.' | trans }}"></a>
    <div class='page-content accessibility-target'>
        {% block nav %}{% endblock %}
        {% block body %}{% endblock %}
        {% block javascripts %}{% endblock javascripts %}
    </div>
</main>
</body>
</html>
[V3] Big Bang Beginning anew, this time with a modern framework: symfony 2020-03-11 04:04:22 +09:00			`<!DOCTYPE html>`
[CSS] There's no need to tab again after selecting accessibility menu! 2021-09-08 04:07:46 +09:00			`<html lang="en">`
[TEMPLATES] Fix identation 2021-04-30 10:51:03 +09:00			`<head>`
			`{% block meta %}`
[TWIG] Added CSP in base template meta tag. This isn't optimal. 2021-11-17 08:47:25 +09:00			`{# This is far from perfect. The response headers should already come with this. #}`
[TWIG] Fix empty accessibility menu anchor, accesskey anchors placement [CSS] Dark theme hover/focus border, settings page form visibility 2021-12-02 05:13:24 +09:00			`{% if app.request.server.get('APP_ENV') not in ['test', 'dev'] %}`
			`<meta http-equiv="Content-Security-Policy" content="default-src https:">{% endif %}`
[CSS] There's no need to tab again after selecting accessibility menu! 2021-09-08 04:07:46 +09:00			`<meta charset="utf-8">`
[TEMPLATES] Fix identation 2021-04-30 10:51:03 +09:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
[CSS] There's no need to tab again after selecting accessibility menu! 2021-09-08 04:07:46 +09:00			`<link rel="home" href="/">`
[TEMPLATES] Fix identation 2021-04-30 10:51:03 +09:00			`{% endblock %}`
[TWIG][CSS] Complete HTML refactoring, now using details element instead of a checkbox trick per panel. Using a "grid" akin to IBM's Carbon design guidelines. 2021-07-20 21:18:57 +09:00
[TEMPLATES] Fix identation 2021-04-30 10:51:03 +09:00			`<title>`
			`{% block title %}{% endblock %}`
			`</title>`
[TWIG][CSS] Complete HTML refactoring, now using details element instead of a checkbox trick per panel. Using a "grid" akin to IBM's Carbon design guidelines. 2021-07-20 21:18:57 +09:00
[TEMPLATES] Fix identation 2021-04-30 10:51:03 +09:00			`{% block stylesheets %}`
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 11:29:40 +09:00			`<link rel='preload' type='text/css' as='style'`
			`href="{{ asset('assets/default_theme/fonts/opensans/opensans.css') }}">`
[TWIG] Replaced base.css @import with HTML link imports According to 'High Performance Web Sites' (ISBN 10: 0596529309), @import has a negative impact on web page performance. Since all imports dependant on base.css will only start downloading after that one is fully gathered. 2022-01-13 01:29:02 +09:00			`<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/fonts/opensans/opensans.css') }}">`

[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 11:29:40 +09:00			`<link rel='preload' type='text/css' as='style'`
			`href="{{ asset('assets/default_theme/fonts/poppins/poppins.css') }}">`
[TWIG] Replaced base.css @import with HTML link imports According to 'High Performance Web Sites' (ISBN 10: 0596529309), @import has a negative impact on web page performance. Since all imports dependant on base.css will only start downloading after that one is fully gathered. 2022-01-13 01:29:02 +09:00			`<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/fonts/poppins/poppins.css') }}">`

[PLUGINS][Oomox] Resulting forms are now aware of user defined colours and fallback to defaults. 2021-11-28 04:54:14 +09:00			`<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/css/root.css') }}">`
[TWIG] Replaced base.css @import with HTML link imports According to 'High Performance Web Sites' (ISBN 10: 0596529309), @import has a negative impact on web page performance. Since all imports dependant on base.css will only start downloading after that one is fully gathered. 2022-01-13 01:29:02 +09:00			`<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/css/reset.css') }}">`
[PLUGINS][Oomox] Resulting forms are now aware of user defined colours and fallback to defaults. 2021-11-28 04:54:14 +09:00			`<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/css/base.css') }}">`
[TWIG] Replaced base.css @import with HTML link imports According to 'High Performance Web Sites' (ISBN 10: 0596529309), @import has a negative impact on web page performance. Since all imports dependant on base.css will only start downloading after that one is fully gathered. 2022-01-13 01:29:02 +09:00			`<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/css/widgets/buttons.css') }}">`
			`<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/css/widgets/sections.css') }}">`
[Posting][CSS] Right panel form uses a select box instead of radio buttons. Hover and focus of <a> elements using just an underline. Note author and actions padding redone. File-picker font is now correct. Left panel hierarchy should now be more clear. 2021-09-01 02:33:58 +09:00
[TWIG][EndShowStyles] Route as an event argument 2021-10-06 08:34:27 +09:00			`{% for stylesheet in show_stylesheets(app.request.get('_route')) %}`
[PLUGINS][Oomox] Resulting forms are now aware of user defined colours and fallback to defaults. 2021-11-28 04:54:14 +09: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) }}">`
[TEMPLATES] Fix identation 2021-04-30 10:51:03 +09:00			`{% endfor %}`
			`{% endblock %}`
[TWIG][CSS] Complete HTML refactoring, now using details element instead of a checkbox trick per panel. Using a "grid" akin to IBM's Carbon design guidelines. 2021-07-20 21:18:57 +09:00
[TEMPLATES] Fix identation 2021-04-30 10:51:03 +09: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 %}`
[TEMPLATES][Base] AppendToHead event added to base template 2022-01-08 02:53:55 +09:00
			`{% for block in handle_event('AppendToHead', app.request) %}`
			`{{ block \| raw }}`
			`{% endfor %}`
[TEMPLATES] Fix identation 2021-04-30 10:51:03 +09:00			`</head>`
[FAQ][CSS] All FAQ pages stylized, minor structure changes throughout. 2021-08-09 21:25:08 +09:00
[CSS] Ultra widescreen dimensions fix 2021-12-03 06:46:02 +09:00			`<body>`
[CSS] There's no need to tab again after selecting accessibility menu! 2021-09-08 04:07:46 +09:00
[PLUGINS][Oomox] Theme colours WIP. 2021-11-26 22:04:45 +09:00			`<aside class="accessibility-menu">`
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 11:29:40 +09:00			`<strong class="accessibility-menu-title" tabindex="0">{{ 'Accessibility menu' \| trans }}</strong>`
[CSS] Fixed inconsistent side panels font size. Note's view improvements. 2021-09-17 07:53:38 +09:00			`<br>`
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 11:29:40 +09:00			`<section tabindex="0">`
			`<p>{{ 'Here you can find fast shortcuts to various page regions!' \| trans }}</p>`
			`<br>`
[TWIG][I18N] Improve base template facilitate translations of the accessibility panel text 2022-01-18 03:08:03 +09: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>`
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 11:29:40 +09:00			`</section>`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-31 01:56:59 +09:00
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 11:29:40 +09: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>`
[CSS] There's no need to tab again after selecting accessibility menu! 2021-09-08 04:07:46 +09:00
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 11:29:40 +09:00			`<section tabindex="0">`
			`<a id="anchor-accessibility-menu" accesskey="z" href="#anchor-accessibility-menu">`
			`<strong tabindex="0">{% trans %}Combined with the previous keybinding, the keyboard key`
			`<kbd>Z</kbd> returns focus to this menu.{% endtrans %}</strong>`
			`<strong tabindex="0">{% 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>`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-31 01:56:59 +09:00			`</aside>`

			`{% block header %}`
[TWIG][CSS] Template refactoring, classes and their respective CSS is now more consistent. CSS variables are back. 2021-10-20 04:33:01 +09:00			`<header class="page-header">`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-31 01:56:59 +09:00			`{{ block("leftpanel", "stdgrid.html.twig") }}`

[CSS] Improved performance, reduced padding [COMPONENTS][LeftPanel] Consolidated CSS into base.css [COMPONENTS][RightPanel] Consolidated CSS into base.css [PLUGINS][WebMonetization] Replaced fieldset with section Accessibility tests failed if the fieldset had no legend, since it wasn't really neeeded, it was replaced as another element. 2022-01-20 03:21:51 +09: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>`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-31 01:56:59 +09:00
[TWIG][Base] Remove user has to be logged in condition when rendering right panel. 2021-12-02 06:15:31 +09:00			`{{ block("rightpanel", "stdgrid.html.twig") }}`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-31 01:56:59 +09:00			`</header>`
			`{% endblock header %}`

[TWIG] Improved templates HTML structure, removed unnecessary element nesting, and refactored content sectioning [COMPONENTS][Search] Refactored widget event as 'PrependRightPanel' (making it able to accomodate more generic blocks) 2022-01-18 01:32:41 +09:00			`<main class="page-content-wrapper">`
[TWIG] Fix empty accessibility menu anchor, accesskey anchors placement [CSS] Dark theme hover/focus border, settings page form visibility 2021-12-02 05:13:24 +09:00			`<a role="navigation" rel="help" id="anchor-main-content" class="anchor-hidden"`
			`title="{{ 'Press tab to access main content.' \| trans }}"></a>`
[TWIG][CSS] Template refactoring, classes and their respective CSS is now more consistent. CSS variables are back. 2021-10-20 04:33:01 +09:00			`<div class='page-content accessibility-target'>`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-31 01:56:59 +09:00			`{% block nav %}{% endblock %}`
			`{% block body %}{% endblock %}`
			`{% block javascripts %}{% endblock javascripts %}`
[TWIG][CSS] Complete HTML refactoring, now using details element instead of a checkbox trick per panel. Using a "grid" akin to IBM's Carbon design guidelines. 2021-07-20 21:18:57 +09:00			`</div>`
[TWIG] Improved templates HTML structure, removed unnecessary element nesting, and refactored content sectioning [COMPONENTS][Search] Refactored widget event as 'PrependRightPanel' (making it able to accomodate more generic blocks) 2022-01-18 01:32:41 +09:00			`</main>`
[TEMPLATES] Fix identation 2021-04-30 10:51:03 +09:00			`</body>`
[V3] Big Bang Beginning anew, this time with a modern framework: symfony 2020-03-11 04:04:22 +09:00			`</html>`
[ATTACHMENTS] Add controller and templates for the attachment show page, which shows extra info about an attachment, such as related notes and tags 2021-04-29 06:25:35 +09:00