galette/templates/default/page.html.twig

   1 <!DOCTYPE html>
   2
   3 <html lang="{{ galette_lang }}"{% if i18n.isRtl() %} dir="rtl"{% endif %}>
   4     <head>
   5         {% include 'elements/header.html.twig' with {
   6             galette_lang: galette_lang
   7         } %}
   8     </head>
   9     <body id="galette_body" class="pushable dimmable{% 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 not login.isLogged() %}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="content{% if contentcls is defined %} {{ contentcls }}{% endif %}{% if login.getCompactMenu() %} extended{% endif %}">
  19 {% if not login.isLogged() %}
  20                     <div class="ui basic center aligned fitted segment">
  21     {% if preferences.pref_website is not empty %}
  22                         <a href="{{ preferences.pref_website }}" target="_blank">
  23                             <img src="{{ url_for("logo") }}" width="{{ logo.getOptimalWidth() }}" height="{{ logo.getOptimalHeight() }}" alt="{{ preferences.pref_nom }}" class="icon" title="{{ _T("Open '%s' in a new window")|replace({"%s": preferences.pref_website}) }}"/>
  24                         </a>
  25     {% else %}
  26                         <img src="{{ url_for("logo") }}" width="{{ logo.getOptimalWidth() }}" height="{{ logo.getOptimalHeight() }}" alt="{{ preferences.pref_nom }}" class="icon"/>
  27     {% endif %}
  28                         <div class="ui large header">
  29                             {{ preferences.pref_nom }}
  30                             <div class="sub header">{% if preferences.pref_slogan %}{{ __(preferences.pref_slogan) }}{% endif %}</div>
  31                         </div>
  32                     </div>
  33                     <a id="main-content" tabindex="-1"></a>
  34                     <h1 class="ui block center aligned header" style="position: relative">
  35 {% else %}
  36                     <div class="ui horizontal basic segments header">
  37                         <div class="ui right aligned compact segment">
  38                             <nav class="ui compact tiny menu" aria-label="{{ _T('Language menu') }}">
  39                                 {% include "elements/language.html.twig" with {
  40                                         ui: "dropdown"
  41                                 } %}
  42                             </nav>
  43                         </div>
  44                         <a id="main-content" tabindex="-1"></a>
  45                         <div class="ui center aligned segment">
  46                             <h1>
  47 {% endif %}
  48                                 {% block page_title %}{{ page_title }}{% endblock %}
  49                             </h1>
  50 {% if login.isLogged() %}
  51                         </div>
  52                     </div>
  53 {% endif %}
  54                     <div class="main-content">
  55                         {% include "elements/messages_inline.html.twig" %}
  56                         {% block content %}{{ _T('Page content') }}{% endblock %}
  57                     </div>
  58                 </section>
  59             </div>
  60         </main>
  61         {% include "elements/footer.html.twig" %}
  62         <a href="#" id="back2top" class="circular big ui icon button" title="{{ _T("Back to top") }}">
  63             <i class="arrow up icon" aria-hidden="true"></i>
  64         </a>
  65         {% include "elements/scripts.html.twig" %}
  66         {% block javascripts %}{% endblock %}
  67     </body>
  68 </html>