GNUsocial/gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity
57c09c6f8f
gnu-social/templates/base.html.twig

122 lines
5.5 KiB
Twig
Raw Normal View History

[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 %}
[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
<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-12 16:29:02 +00: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 02:29:40 +00: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-12 16:29:02 +00: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-27 19:54:14 +00: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-12 16:29:02 +00: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-27 19:54:14 +00: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-12 16:29:02 +00: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-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">
[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
<strong class="accessibility-menu-title" tabindex="0">{{ 'Accessibility menu' | trans }}</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">
<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-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] 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
<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-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 %}
[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 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-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>
[CSS] .section-widget class and derivatives replaced as .frame-section, since a widget implies a simple element with a specific function
2022-01-19 23:54:45 +00:00
<section class='page-content accessibility-target'>
[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 %}
[CSS] .section-widget class and derivatives replaced as .frame-section, since a widget implies a simple element with a specific function
2022-01-19 23:54:45 +00:00
</section>
[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
Copy Permalink