templates/actu/article.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Actualités{% endblock %}
  3. {% block metadata %}
  4.         {% set title = article.titre %}
  5.         {% set description = article.texte1 %}
  6.         {% set image = 'https://ilexfc.com//images/upload/'~ article.image1 %}
  7.         <title>{{title}}</title>
  8.         <meta name="description" content="{{description}}">
  9.         <meta property="og:title" content="{{title}}">
  10.         <meta property="og:description" content="{{description}}">
  11.         <meta property="og:image" content="{{image}}">
  12.         <meta property="og:type" content="article" />
  13.         <meta property="og:site_name" content="ILEX FC" />
  14.         <meta name= "twitter:card " content= "summary_large_image">
  15.         <meta name= "twitter:site " content= "@DelphineDUPRE">
  16.         <meta name= "twitter:title " content= "{{title}}">
  17.         <meta name= "twitter:description " content= "{{description}}">
  18.         <meta name= "twitter:creator " content= "@DelphineDUPRE">
  19.         <meta name= "twitter:image:src " content= "{{image}}">
  20. {% endblock %}
  21. {% block stylesheets %}
  22.     <link rel="stylesheet" href="/style/actualite.css?v=2">
  23. {% endblock %}
  24. {% block body %}
  25.     <section class="section-page">
  26.         <h1 class="titre1-g titre-article">{{ article.titre }}</h1>
  27.         {# Video block (optional) #}
  28.         {% if article.videoUrl and article.youtubeId %}
  29.             <div class="video-wrapper" style="max-width:880px;margin:0 auto 40px;">
  30.                 <div style="position:relative;width:100%;padding-bottom:56.25%;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px -8px rgba(0,0,0,.35);background:#000;">
  31.                     <iframe src="https://www.youtube.com/embed/{{ article.youtubeId }}" title="Vidéo - {{ article.titre }}" allowfullscreen loading="lazy" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;"></iframe>
  32.                 </div>
  33.             </div>
  34.         {% endif %}
  35.         {# First content block with optional image1 #}
  36.         {% if article.image1 %}
  37.             <div class="pagination1">
  38.                 <div class="pagination-img"><img src="/images/upload/{{ article.image1 }}" alt="{{ article.titre }} image 1"></div>
  39.                 <div class="pagination-text">
  40.                     <p>{{ article.texte1 | raw }}</p>
  41.                 </div>
  42.             </div>
  43.         {% else %}
  44.             <div class="pagination1">
  45.                 <div class="pagination-text">
  46.                     <p>{{ article.texte1 | raw }}</p>
  47.                 </div>
  48.             </div>
  49.         {% endif %}
  50.         {# Second content block with optional image2 #}
  51.         {% if article.image2 %}
  52.             <div class="pagination1">
  53.                 <div class="pagination-text">
  54.                     <p>{{ article.texte2 | raw }}</p>
  55.                 </div>
  56.                 <div class="pagination-img"><img src="/images/upload/{{ article.image2 }}" alt="{{ article.titre }} image 2"></div>
  57.             </div>
  58.         {% else %}
  59.             <div class="pagination1">
  60.                 <div class="pagination-text">
  61.                     <p>{{ article.texte2 | raw }}</p>
  62.                 </div>
  63.             </div>
  64.         {% endif %}
  65.         <div class="text-center-article">
  66.             <p>{{ article.texte3 | raw }}</p>
  67.         </div>
  68.     </section>
  69. {% endblock %}