templates/front/Publication/list.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'Publication' %}
  3. {% set themePublication = getThemePublication() %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     {{ encore_entry_link_tags('pages') }}
  7.     <style>
  8.         :host,
  9.         :root {
  10.             --theme-color: {{ themePublication.color }};
  11.             --theme-color-light: {{ themePublication.color }}AA;
  12.             --theme-color-10: {{ themePublication.color }}1A;
  13.             --theme-color-50: {{ themePublication.color }}80;
  14.         }
  15.     </style>
  16. {% endblock %}
  18. {% block body %}
  19.     <div id="breadcrumbToPlace" class="container">
  21.         <div class="links">
  22.             <a href="{{ path('app_homepage') }}"><i class="fa-solid fa-house"></i></a>
  23.             <span> / </span>
  24.             <a href="#">Les publications</a>
  25.             <span> / </span>
  26.             <span class="active theme-page">
  27.                 Les publications
  28.             </span>
  29.         </div>
  30.         <div class="title">
  31.             <h1 class="titleTraitLeft">{{ page.title }}</h1>
  32.         </div>
  33.     </div>
  34.     <div id="content" class="container theme-page">
  35.         {% include "commons/sections.html.twig" with {'sections':page.sections, 'themePage': true} %}
  36.         {% include "commons/sidebar.html.twig" with {'page':page, 'themePage': true} %}
  37.     </div>
  38.     {% if page.quote %}
  39.         <div class="citation container">
  40.             <img src="{{ asset('/images/YEUX_CHOUETTE.png') }}" alt="yeux de chouette">
  41.             <p>{{ page.quote }}</p>
  42.         </div>
  43.     {% endif %}
  44. {% endblock %}
  46. {% block javascripts %}
  47.     {{ parent() }}
  48.     {{ encore_entry_script_tags('pages') }}
  50.     {% if openTab %}
  51.         <script>
  52.             console.log('openTab');
  53.             document.addEventListener('DOMContentLoaded', function () {
  54.                 const accordionTrigger = document.querySelector('#accordion-trigger-1');
  55.                 const accordionPanel = document.querySelector('#accordion-panel-1');
  56.                 accordionTrigger.setAttribute('aria-expanded', 'true');
  57.                 accordionPanel.setAttribute('aria-hidden', 'false');
  59.                 window.scrollTo({
  60.                     top: accordionTrigger.offsetTop + 200
  61.                 });
  62.             });
  63.         </script>
  64.     {% endif %}
  65. {% endblock %}