upstream V3 development https://www.gnusocial.rocks/v3
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

105 lines
4.2 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. {% block meta %}
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="home" href="/">
  8. {% endblock %}
  9. <title>
  10. {% block title %}{% endblock %}
  11. </title>
  12. {% block stylesheets %}
  13. <link rel="preload" href="{{ asset('assets/default_theme/css/base.css') }}" as="style" type="text/css">
  14. <link rel="stylesheet" href="{{ asset('assets/default_theme/css/base.css') }}">
  15. {% for stylesheet in show_stylesheets() %}
  16. <link rel='stylesheet' type='text/css' href="{{ asset(stylesheet) }}">
  17. {% endfor %}
  18. {% endblock %}
  19. {% for arr in handle_event('ShowHeadElements', app.request) %}
  20. {# Only one element, but has dynamic value, can't access it directly #}
  21. {% for type, element in arr %}
  22. <{{ type }} rel="{{ element['rel'] }}" type="{{ element['type'] }}" href="{{ element['href'] }}" title="{{ element['title'] }}">
  23. {% endfor %}
  24. {% endfor %}
  25. </head>
  26. <body class="bg set-background-color-1">
  27. <aside class="accessibility-menu set-background-color-1">
  28. <h2 class="accessibility-menu-title" tabindex="0">{{ 'Accessibility menu.' | trans }}</h2>
  29. <p tabindex="0">{{ 'Here you can find fast shortcuts to various page regions!' | trans }}</p>
  30. <p tabindex="0">{{ 'Provided the following keyboard shortcut, the link is targeted.' | trans }}</p>
  31. <br>
  32. <p tabindex="0">{{ 'Be mindful that another ' | trans }}<kbd>Tab</kbd>{{ ' is needed in order to focus.' | trans }}</p>
  33. <p tabindex="0">
  34. {% if is_firefox() == true %}
  35. <em><kbd>Alt</kbd> + <kbd>Shift</kbd> + "access key"</em>
  36. {% else %}
  37. <em><kbd>Alt</kbd> + "access key"</em>
  38. {% endif %}
  39. </p>
  40. <br>
  41. <a accesskey="z" href="#anchor-accessibility-menu" class="anchor-hidden"></a>
  42. <a id="anchor-accessibility-menu" class="anchor-hidden"></a>
  43. <p tabindex="0">
  44. <strong>{{ 'The keyboard key ' | trans }}<kbd>Z</kbd>{{ ' accesses this menu.' | trans }}</strong>
  45. <strong>{{ 'The other access keys are:' | trans }}</strong>
  46. </p>
  47. <nav>
  48. <ul>
  49. <li><a href="#anchor-left-panel" accesskey="h"><kbd>H</kbd>{{ ' for the Left panel.' | trans }}</a></li>
  50. <li><a href="#anchor-main-content" accesskey="k"><kbd>K</kbd>{{ ' for the main content.' | trans }}</a></li>
  51. <li><a href="#anchor-main-page" accesskey="j"><kbd>J</kbd>{{ ' for the main page.' | trans }}</a></li>
  52. <li><a href="#anchor-right-panel" accesskey="l"><kbd>L</kbd>{{ ' for the right panel.' | trans }}</a></li>
  53. </ul>
  54. </nav>
  55. </aside>
  56. {% block header %}
  57. {% set extra_header_forms = handle_event('AddExtraHeaderForms', request) %}
  58. <header id="header" class="set-background-color-1">
  59. {{ block("leftpanel", "stdgrid.html.twig") }}
  60. <a id="anchor-main-page" class="anchor-hidden" title="{{ 'Press tab to access instance\'s main page.' | trans }}"></a>
  61. <a class="accessibility-target header-instance" href="{{ path('main_public') }}" tabindex="0" title="{{ 'This instance\'s name. Access public timeline.' | trans }}">
  62. <h1>{{ icon('logo', 'icon icon-logo') | raw }}{{ config('site', 'name') }} </h1>
  63. </a>
  64. <details class="header-extra-forms">
  65. <summary>
  66. {{ icon('kebab', 'icon icon-details-open') | raw }}
  67. </summary>
  68. <div class="header-extra-forms-open">
  69. {% for extra_form in extra_header_forms %}
  70. {{ form(extra_form) }}
  71. {% endfor %}
  72. </div>
  73. </details>
  74. {% if app.user %}
  75. {{ block("rightpanel", "stdgrid.html.twig") }}
  76. {% endif %}
  77. </header>
  78. {% endblock header %}
  79. <div class="content-wrapper">
  80. <a role="navigation" rel="help" id="anchor-main-content" class="anchor-hidden" title="{{ 'Press tab to access main content.' | trans }}"></a>
  81. <div class='content accessibility-target'>
  82. {% block nav %}{% endblock %}
  83. {% block body %}{% endblock %}
  84. {% block javascripts %}{% endblock javascripts %}
  85. </div>
  86. </div>
  87. </body>
  88. </html>