templates/rea_studycase/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <title>Etude de cas - Equinoxes - Agence de communication à Reims & Soissons</title>
  5.         <meta charset="utf-8">
  6.         <meta name="viewport" content="width=device-width">
  7.         <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  8.         <script src="https://use.fontawesome.com/57fd2a2e70.js"></script>
  9.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  10.         {% block stylesheets %}
  11.             <link href="{{ asset('assets/css/normalize.css') }}" rel="stylesheet"/>
  12.             <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet"/>
  13.             <link href="{{ asset('assets/css/lightbox.min.css') }}" rel="stylesheet"/>
  14.         {% endblock %}
  16.         {% block javascripts %}
  17.             <script src="{{ asset('assets/js/isotope.pkdg.min.js') }}"></script>
  18.         {% endblock %}
  20.     </head>
  23.     <body
  24.         id="digital">
  25.         {# SIDEBAR #}
  26.         <header>
  27.             <div class="entry-logo">
  28.                 {# <a href="https://devreferences.equinoxes.fr/"><img src="/assets/img/logo.png"></a> #}
  29.                 <a href="{{ path('home') }}"><img src="/assets/img/logo.png"></a>
  30.             </div>
  32.             {# <div class="entry-filters">
  33.                             <button class="open">Filtrer par
  34.                                 <i class="fa fa-chevron-right"></i>
  35.                             </a>
  36.                         </div> #}
  38.             {# FILTRES #}
  39.             {# <div class="filter">
  40.                 <div class="button-group filter-button-group">
  41.                     <button data-filter="" class="filtre active">TOUT</button>
  42.                     {% for categorie in categories %}
  43.                         <button data-filter=".{{ categorie.alias }}" class="filtre">{{ categorie.nom }}</button>
  44.                     {% endfor %}
  45.                 </div> #}
  46.                 <!-- /button-group -->
  47.             </div>
  49.             <div class="entry-copyright">
  50.                 <small>&copy; 2021 - Equinoxes</small>
  51.             </div>
  52.         </header>
  54.         <main>
  55.             <section id="wrap-main">
  56.                 <div class="grid web">
  57.                     <div class="grid-sizer">
  58.                         {% for realisation in realisations %}
  59.                             {% set studycaseCategories = "" %}
  60.                             {% set studycaseCategoriesNom = "" %}
  61.                             {% for categorie in realisation.categories %}
  62.                                 {% if loop.last %}
  63.                                     {% set studycaseCategories = studycaseCategories ~ categorie.alias %}
  64.                                     {% set studycaseCategoriesNom = studycaseCategoriesNom ~ categorie.nom %}
  65.                                 {% else %}
  66.                                     {% set studycaseCategories = studycaseCategories ~ categorie.alias ~ " " %}
  67.                                     {% set studycaseCategoriesNom = studycaseCategoriesNom ~ categorie.nom ~ ", "%}
  68.                                 {% endif %}
  69.                             {% endfor %}
  71.                             <a href= "{{ asset('/assets/img/'~realisation.pdf) }}" class="grid-item {{ studycaseCategories }}" target="_blank" title="Site internet de {{ realisation.titre }}">
  72.                                 <div class="item-container">
  73.                                     <div class="overlay">
  74.                                         <h2>{{ studycaseCategoriesNom }}</h2>
  75.                                         <h4>{{ realisation.titre }}</h4>
  76.                                     </div>
  77.                                     <div class="thumbnail">
  78.                                         <div>
  79.                                             {# <img src="{{ realisation.thumbnail }}" alt="{{ realisation.titre }}"> #}
  80.                                             <img src="{{ asset('/assets/img/'~realisation.thumbnail) }}" alt="{{ realisation.titre }}">
  81.                                         </div>
  82.                                     </div>
  83.                                 </div>
  84.                             </a>
  85.                         {% endfor %}
  87.                     </div>
  88.                 </div>
  89.             </section>
  90.         </main>
  91.     </body>
  93.     {% block script %}
  94.         <script type="text/javascript">
  95.             $('.open').click(function () {
  96. $('body').addClass('filtre-open');
  97. $('.filter').css('visibility', 'visible');
  98. $('.filter').css('opacity', '1');
  99. });
  101. $('.filter').click(function () {
  102. $('body').removeClass('filtre-open');
  103. $(this).css('visibility', 'hidden');
  104. $(this).css('opacity', '0');
  105. });
  107. $('.filter .filtre').click(function () {
  108. $('.filter .filtre').removeClass('active');
  109. $(this).addClass('active');
  110. });
  111.         </script>
  113.         <script type="text/javascript" src="/assets/js/script.js" async></script>
  114.     {% endblock %}
  115. </html>