templates/includes/offcanvas.html.twig line 1

Open in your IDE?
  1. {% block menu_mobile %}
  2. <div id="menu-mobile" uk-offcanvas="flip: true; overlay: true">
  3.     <div class="uk-offcanvas-bar apk-offcanvas-mobile">
  4.         <button class="uk-offcanvas-close" type="button" uk-close></button>
  5.         <div class="uk-text-center uk-margin-top">
  6.             <a href="/{{ app.request.locale }}" title="{{ "website.name"|trans }}">
  7.                 <div class="apk-logo">
  8.                     <img width="200" height="100" src="{{ document.getProperty('headerLogo').getThumbnail('header-logo') }}" alt="{{ "website.name"|trans }}">
  9.                 </div>
  10.             </a>
  11.         </div>
  12.         <div class="uk-margin-medium-top uk-flex uk-flex-center">
  13.             {{ get_language_switcher_html(document, 'inline', 'code')|raw }}
  14.         </div>
  15.         <div class="uk-margin-top">
  16.             {% include "includes/main-nav-sidebar.html.twig" %}
  17.         </div>
  18.         {% if document.property('facebookUrl') or document.property('twitterUrl') or document.property('instagramUrl') or document.property('youtubeUrl')  %}
  19.             
  20.             <div class="apk-socials uk-margin-top">
  21.                 <ul class="apk-list-inline">
  22.                     {% if document.property('facebookUrl') %}
  23.                     <li>
  24.                         <a href="{{ document.property('facebookUrl') }}" target="_blank">
  25.                             <img uk-svg width="30" height="30" src="/static/img/pictos/facebook-circle.svg" alt="Facebook">
  26.                         </a>
  27.                     </li>
  28.                     {% endif %}
  29.                     {% if document.property('instagramUrl') %}
  30.                     <li>
  31.                         <a href="{{ document.property('instagramUrl') }}" target="_blank">
  32.                             <img uk-svg width="30" height="30" src="/static/img/pictos/instagram-circle.svg" alt="Instagram">
  33.                         </a>
  34.                     </li>
  35.                     {% endif %}
  36.                 </ul>
  37.             </div>
  38.         {% endif %}
  39.     </div>
  40. </div>
  41. {% endblock %}