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='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-instance">
            <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>
[V3] Big Bang Beginning anew, this time with a modern framework: symfony 2020-03-10 19:04:22 +00:00			`<!DOCTYPE html>`
[CSS] There's no need to tab again after selecting accessibility menu! 2021-09-07 20:07:46 +01:00			`<html lang="en">`
[TEMPLATES] Fix identation 2021-04-30 02:51:03 +01:00			`<head>`
			`{% block meta %}`
[TWIG] Added CSP in base template meta tag. This isn't optimal. 2021-11-16 23:47:25 +00: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-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 %}`
[CSS] There's no need to tab again after selecting accessibility menu! 2021-09-07 20:07:46 +01:00			`<meta charset="utf-8">`
[TEMPLATES] Fix identation 2021-04-30 02:51:03 +01: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-07 20:07:46 +01:00			`<link rel="home" href="/">`
[TEMPLATES] Fix identation 2021-04-30 02:51:03 +01: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 13:18:57 +01:00
[TEMPLATES] Fix identation 2021-04-30 02:51:03 +01: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 13:18:57 +01:00
[TEMPLATES] Fix identation 2021-04-30 02:51:03 +01:00			`{% block stylesheets %}`
[COMPONENTS][Collection] Added PrependActorsCollection event [COMPONENTS][Group] Added getGroupCreateForm, used in PrependActorsCollection event to build create a new Group form view [COMPONENTS][LeftPanel] Removed onEndShowStyles event since the corresponding CSS needed is now consolidated into the default_theme itself [COMPONENTS][RightPanel] Deleted components/RightPanel/RightPanel.php, since its only method (onEndShowStyles) wasn't needed anymore 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='stylesheet' type='text/css' href="{{ asset('assets/default_theme/fonts/opensans/opensans.css') }}">`
[CSS] Complete refactor, removing all useless rules, squashing related separate files, and limiting folder depth 2022-02-24 19:04:14 +00:00
			`<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') }}">`
[CSS] Background noise is back, default_theme directory hierarchy simplified [PLUGINS][Oomox] Fixed issue where resetting colours when no entity was present would lead to an error (it expected an entity, but NULL was given) 2022-02-08 14:12:59 +00:00			`<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/base.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-08-31 18:33:58 +01:00
[TWIG][EndShowStyles] Route as an event argument 2021-10-06 00:34:27 +01: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-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) }}">`
[TEMPLATES] Fix identation 2021-04-30 02:51:03 +01: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 13:18:57 +01:00
[TEMPLATES] Fix identation 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 %}`
[TEMPLATES][Base] AppendToHead event added to base template 2022-01-07 17:53:55 +00:00
			`{% for block in handle_event('AppendToHead', app.request) %}`
			`{{ block \| raw }}`
			`{% endfor %}`
[TEMPLATES] Fix identation 2021-04-30 02:51:03 +01:00			`</head>`
[FAQ][CSS] All FAQ pages stylized, minor structure changes throughout. 2021-08-09 13:25:08 +01:00
[CSS] Ultra widescreen dimensions fix 2021-12-02 21:46:02 +00:00			`<body>`
[CSS] There's no need to tab again after selecting accessibility menu! 2021-09-07 20:07:46 +01:00
[PLUGINS][Oomox] Theme colours WIP. 2021-11-26 13:04:45 +00:00			`<aside class="accessibility-menu">`
[I18N] Fix use of string concatenations in translations 2022-03-05 13:53:24 +00:00			`<strong class="accessibility-menu-title" tabindex="0">{% trans %}Accessibility menu{% endtrans %}</strong>`
[CSS] Fixed inconsistent side panels font size. Note's view improvements. 2021-09-16 23:53:38 +01:00			`<br>`
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 02:29:40 +00:00			`<section tabindex="0">`
[I18N] Fix use of string concatenations in translations 2022-03-05 13:53:24 +00:00			`<p>{% trans %}Here you can find fast shortcuts to various page regions!{% endtrans %}</p>`
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 02:29:40 +00:00			`<br>`
[TWIG][I18N] Improve base template facilitate translations of the accessibility panel text 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>`
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 02:29:40 +00:00			`</section>`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-30 17:56:59 +01:00
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 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>`
[CSS] There's no need to tab again after selecting accessibility menu! 2021-09-07 20:07:46 +01:00
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited 2022-01-21 18:02:27 +00:00			`<section>`
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 02:29:40 +00:00			`<a id="anchor-accessibility-menu" accesskey="z" href="#anchor-accessibility-menu">`
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited 2022-01-21 18:02:27 +00:00			`<strong>{% trans %}Combined with the previous keybinding, the keyboard key`
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 2022-01-17 02:29:40 +00:00			`<kbd>Z</kbd> returns focus to this menu.{% endtrans %}</strong>`
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited 2022-01-21 18:02:27 +00:00			`<strong>{% trans %}Further access keys are provided via:{% endtrans %}</strong>`
[TWIG] Improved accessibility menu [COMPONENTS][RightPanel] Content form row is now preceeded by the content type form row 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>`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-30 17:56:59 +01:00			`</aside>`

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

[CSS] Complete refactor, removing all useless rules, squashing related separate files, and limiting folder depth 2022-02-24 19:04:14 +00:00			`<div class="header-instance">`
[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-19 18:21:51 +00:00			`<a id="anchor-main-page" class="anchor-hidden"`
[I18N] Fix use of string concatenations in translations 2022-03-05 13:53:24 +00:00			`title="{% trans %}Press tab to access instance's main page{% endtrans %}"></a>`
[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-19 18:21:51 +00:00			`<a class="accessibility-target" href="{{ path('feed_public') }}" tabindex="0"`
[I18N] Fix use of string concatenations in translations 2022-03-05 13:53:24 +00:00			`title="{% trans %}This instance\'s name. Access public feed{% endtrans %}">`
[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-19 18:21:51 +00:00			`<h1>{{ icon('logo', 'icon icon-logo') \| raw }}{{ config('site', 'name') }}</h1>`
			`</a>`
[CSS] Complete refactor, removing all useless rules, squashing related separate files, and limiting folder depth 2022-02-24 19:04:14 +00:00			`</div>`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-30 17:56:59 +01:00
[TWIG][Base] Remove user has to be logged in condition when rendering right panel. 2021-12-01 21:15:31 +00:00			`{{ block("rightpanel", "stdgrid.html.twig") }}`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-30 17:56:59 +01:00			`</header>`
			`{% endblock header %}`

[CARDS][Note] Note's 'in reply to' information added, overall polish of feeds templates and proper titles added for every single section that makes up a note 2022-02-09 18:49:34 +00:00			`<a role="navigation" rel="help" id="anchor-main-content" class="anchor-hidden"`
[I18N] Fix use of string concatenations in translations 2022-03-05 13:53:24 +00:00			`title="{% trans %}Anchor to main content{% endtrans %}"></a>`
			`<main class="page-content-wrapper" title="{% trans %}Page main content{% endtrans %}">`
[CARDS][Note] Note's 'in reply to' information added, overall polish of feeds templates and proper titles added for every single section that makes up a note 2022-02-09 18:49:34 +00:00			`<div class='page-content accessibility-target' role="presentation">`
[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. 2021-08-30 17:56:59 +01:00			`{% block nav %}{% endblock %}`
			`{% block body %}{% endblock %}`
			`{% block javascripts %}{% endblock javascripts %}`
[CARDS][Note] Note's 'in reply to' information added, overall polish of feeds templates and proper titles added for every single section that makes up a note 2022-02-09 18:49:34 +00: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-17 16:32:41 +00:00			`</main>`
[TEMPLATES] Fix identation 2021-04-30 02:51:03 +01:00			`</body>`
[V3] Big Bang Beginning anew, this time with a modern framework: symfony 2020-03-10 19:04:22 +00: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-28 22:25:35 +01:00