From 3743802912c81e715b3ee0899d48ec934d13546a Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Fri, 9 Dec 2022 19:07:56 +0100
Subject: [PATCH] =?UTF-8?q?ajout=20interview=20et=20revue=20de=20presse=20?=
 =?UTF-8?q?=C2=ABIl=C2=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/il.njk                      | 72 +++++++++++++++++++++++++--------
 src/style/frontend-lite.min.css |  3 +-
 src/style/kalimat.css           | 17 ++++++++
 3 files changed, 73 insertions(+), 19 deletions(-)

diff --git a/src/il.njk b/src/il.njk
index e5c1bcc..2fefb67 100644
--- a/src/il.njk
+++ b/src/il.njk
@@ -2,7 +2,7 @@
 layout: layouts/base.njk
 ---
 
-<div data-elementor-type="wp-page" data-elementor-id="133" class="elementor elementor-133" data-elementor-settings="[]">
+<div id="il-page" data-elementor-type="wp-page" data-elementor-id="133" class="elementor elementor-133" data-elementor-settings="[]">
     <div class="elementor-section-wrap">
         <section class="elementor-section elementor-top-section elementor-element elementor-element-f5f4774 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f5f4774" data-element_type="section">
             <div class="elementor-container elementor-column-gap-default">
@@ -11,9 +11,33 @@ layout: layouts/base.njk
                         <div class="elementor-element elementor-element-8e2e189 elementor-widget elementor-widget-image" data-id="8e2e189" data-element_type="widget" data-widget_type="image.default">
                             <div class="elementor-widget-container">
                                 <style>/*! elementor - v3.5.0 - 12-12-2021 */
-                                    .elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style>
-                                <a href="/images/Affiche.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="&quot;IL&quot; - Affiche par Mehdi Arfaoui">
-                                    <img src="/images/Affiche-424x600.jpg" class="attachment-medium size-medium" alt="" loading="lazy" srcset="/images/Affiche-424x600.jpg 424w, /images/Affiche.jpg 595w" sizes="(max-width: 424px) 100vw, 424px" width="424" height="600">								</a>
+                                    .elementor-widget-image {
+                                        text-align: center
+                                    }
+
+                                    .elementor-widget-image a {
+                                        display: inline-block
+                                    }
+
+                                    .elementor-widget-image a img[src$=".svg"] {
+                                        width: 48px
+                                    }
+
+                                    .elementor-widget-image img {
+                                        vertical-align: middle;
+                                        display: inline-block
+                                    }</style>
+                                <a href="/images/Affiche.jpg"
+                                   data-elementor-open-lightbox="yes"
+                                   data-elementor-lightbox-title="&quot;IL&quot; - Affiche par Mehdi Arfaoui">
+                                    <img src="/images/Affiche-424x600.jpg"
+                                         class="attachment-medium size-medium"
+                                         alt=""
+                                         loading="lazy"
+                                         srcset="/images/Affiche-424x600.jpg 424w, /images/Affiche.jpg 595w"
+                                         sizes="(max-width: 424px) 100vw, 424px"
+                                         width="424"
+                                         height="600"> </a>
                             </div>
                         </div>
                     </div>
@@ -56,7 +80,7 @@ layout: layouts/base.njk
                                     .elementor-widget-text-editor .elementor-drop-cap-letter {
                                         display: inline-block
                                     }</style>
-                                <h1>«&nbsp;Il&nbsp;» de Driss Ksikes</h1>
+                                <h1>«&nbsp;Il&nbsp;» de Driss Ksikes</h1>
                                 <p><em>Création compagnie Kalimat</em></p>
                                 <ul>
                                     <li><em>Théâtre contemporain</em></li>
@@ -76,31 +100,45 @@ layout: layouts/base.njk
                                 <p>
                                     <strong style="font-size: 16px; letter-spacing: var( --e-global-typography-474db88-letter-spacing );">Administration
                                         :</strong><span style="font-size: 16px; letter-spacing: var( --e-global-typography-474db88-letter-spacing );"> Mehdi Arfaoui.</span>
-                                </p></div>
+                                </p>
+                                <a class="bg-gray-500 no-underline text-white mx-auto w-fit p-4 border-4 border-black font-bold block border-solid text-4xl" target="_blank" href="/il/Dossier%20artistique%2015112021.pdf">
+                                    Télécharger le dossier artistique
+                                </a>
+                            </div>
                         </div>
                     </div>
                 </div>
             </div>
         </section>
         <section class="elementor-section elementor-top-section elementor-element elementor-element-707913d elementor-reverse-mobile elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default">
-            <a class="mx-auto w-fit p-4 border-4 border-black font-bold block border-solid text-4xl" target="_blank" href="/il/Dossier%20artistique%2015112021.pdf">
-                Télécharger le dossier artistique
-            </a>
+
         </section>
-        <section class="px-4 elementor-section elementor-top-section elementor-element elementor-element-707913d elementor-reverse-mobile elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default">
+        <section class="elementor-section elementor-top-section elementor-element elementor-element-707913d elementor-reverse-mobile elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default">
             <h2>Revue de presse</h2>
+
+            <h3>Interview de Malika Zirari sur France 24</h3>
+            <iframe src="https://www.youtube-nocookie.com/embed/YpqXHMmY68k"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                    allowfullscreen></iframe>
+
+
+            <a target="_blank" href="https://www.libe.ma/IL-de-Driss-Ksikes-une-histoire-bouleversante-contemporaine-et-intemporelle_a130115.html">
+                <h3 class="mt-8">Libération: « Porteur d’une forte charge émotionnelle et à la faveur aussi d’une mise en scène originale et sublime, le spectacle invite à la méditation sur nombre de questionnements, notamment d’ordre existentiel, à travers les histoires personnelles racontées par les protagonistes. »</h3>
+            </a>
+
+            <a target="_blank" href="https://albayane.press.ma/une-histoire-contemporaine-et-intemporelle.html">
+                <h3>Al Bayane: « L’intrigue est complète et le spectateur est conquis dès le début de la pièce par la crudité de la scène.  »</h3>
+            </a>
+
             <a target="_blank" href="http://www.mapexpress.ma/actualite/culture-et-medias/theatre-il-driss-ksikes-histoire-bouleversante-contemporaine-intemporelle">
                 <h3>MAP: « une histoire bouleversante, contemporaine et intemporelle »</h3>
-                <img src="/il/il_map.jpg"/>
+                <img class="mx-auto" src="/il/il_map.jpg"/>
             </a>
+
         </section>
-        <section class="px-4 elementor-section elementor-top-section elementor-element elementor-element-707913d elementor-reverse-mobile elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default">
+        <section class="elementor-section elementor-top-section elementor-element elementor-element-707913d elementor-reverse-mobile elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default">
             <h2>Extrait</h2>
-            <iframe width="560"
-                    height="315"
-                    src="https://www.youtube-nocookie.com/embed/RKg2PVnsq8s"
-                    title="YouTube video player"
-                    frameborder="0"
+            <iframe src="https://www.youtube-nocookie.com/embed/RKg2PVnsq8s"
                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                     allowfullscreen></iframe>
         </section>
diff --git a/src/style/frontend-lite.min.css b/src/style/frontend-lite.min.css
index 5c5f9e0..6a2f392 100644
--- a/src/style/frontend-lite.min.css
+++ b/src/style/frontend-lite.min.css
@@ -451,7 +451,6 @@
 .elementor a {
     -webkit-box-shadow: none;
     box-shadow: none;
-    text-decoration: none
 }
 
 .elementor hr {
@@ -473,7 +472,7 @@
     margin: 0
 }
 
-.elementor embed, .elementor iframe, .elementor object, .elementor video {
+.elementor embed, .elementor object, .elementor video {
     max-width: 100%;
     width: 100%;
     margin: 0;
diff --git a/src/style/kalimat.css b/src/style/kalimat.css
index d84105e..c55bf33 100644
--- a/src/style/kalimat.css
+++ b/src/style/kalimat.css
@@ -12,6 +12,14 @@ h2 {
     padding-top: 3rem;
 }
 
+a {
+    text-decoration: underline;
+}
+
+#site-header a {
+    text-decoration: none;
+}
+
 .footer-box {
     text-align: center;
 
@@ -20,6 +28,15 @@ h2 {
     }
 }
 
+#il-page section {
+    max-width: 1440px;
+    @apply mx-auto;
+}
+
+iframe {
+    @apply p-4 w-full max-w-[1440px] aspect-video mx-auto;
+}
+
 .wp-block-social-links {
     display: flex;
     justify-content: center;