templates/actu/article.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Actualités{% endblock %}
  5. {% block metadata %}
  7.         {% set title = article.titre %}
  8.         {% set description = article.texte1 %}
  9.         {% set image = 'https://ilexfc.com//images/upload/'~ article.image1 %}
  11.         <title>{{title}}</title>
  12.         <meta name="description" content="{{description}}">
  14.         <meta property="og:title" content="{{title}}">
  15.         <meta property="og:description" content="{{description}}">
  16.         <meta property="og:image" content="{{image}}">
  17.         <meta property="og:type" content="article" />
  18.         <meta property="og:site_name" content="ILEX FC" />
  21.         <meta name= "twitter:card " content= "summary_large_image">
  22.         <meta name= "twitter:site " content= "@DelphineDUPRE">
  23.         <meta name= "twitter:title " content= "{{title}}">
  24.         <meta name= "twitter:description " content= "{{description}}">
  25.         <meta name= "twitter:creator " content= "@DelphineDUPRE">
  26.         <meta name= "twitter:image:src " content= "{{image}}">
  28. {% endblock %}
  30. {% block stylesheets %}
  31.     <link rel="stylesheet" href="/style/actualite.css?v=2">
  32. {% endblock %}
  34. {% block body %}
  35.     <section class="section-page">
  36.         <h1 class="titre1-g titre-article">{{ article.titre }}</h1>
  38.         {# Video block (optional) #}
  39.         {% if article.videoUrl and article.youtubeId %}
  40.             <div class="video-wrapper" style="max-width:880px;margin:0 auto 40px;">
  41.                 <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;">
  42.                     <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>
  43.                 </div>
  44.             </div>
  45.         {% endif %}
  47.         {# First content block with optional image1 #}
  48.         {% if article.image1 %}
  49.             <div class="pagination1">
  50.                 <div class="pagination-img"><img src="/images/upload/{{ article.image1 }}" alt="{{ article.titre }} image 1"></div>
  51.                 <div class="pagination-text">
  52.                     <p>{{ article.texte1 | raw }}</p>
  53.                 </div>
  54.             </div>
  55.         {% else %}
  56.             <div class="pagination1">
  57.                 <div class="pagination-text">
  58.                     <p>{{ article.texte1 | raw }}</p>
  59.                 </div>
  60.             </div>
  61.         {% endif %}
  63.         {# Second content block with optional image2 #}
  64.         {% if article.image2 %}
  65.             <div class="pagination1">
  66.                 <div class="pagination-text">
  67.                     <p>{{ article.texte2 | raw }}</p>
  68.                 </div>
  69.                 <div class="pagination-img"><img src="/images/upload/{{ article.image2 }}" alt="{{ article.titre }} image 2"></div>
  70.             </div>
  71.         {% else %}
  72.             <div class="pagination1">
  73.                 <div class="pagination-text">
  74.                     <p>{{ article.texte2 | raw }}</p>
  75.                 </div>
  76.             </div>
  77.         {% endif %}
  79.         <div class="text-center-article">
  80.             <p>{{ article.texte3 | raw }}</p>
  81.         </div>
  82.     </section>
  83. {% endblock %}