templates/includes/offcanvas.html.twig line 1

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