ajout extrait et revue de presse de «Il»

.eleventy.js

@@ -47,6 +47,8 @@ module.exports = function(eleventyConfig) {
   eleventyConfig.addPassthroughCopy("src/js");
   eleventyConfig.addPassthroughCopy("src/fonts");
   eleventyConfig.addPassthroughCopy("src/images");
+  eleventyConfig.addPassthroughCopy("src/il/*.jpg");
+  eleventyConfig.addPassthroughCopy("src/il/*.pdf");
 
   eleventyConfig.addFilter("toHTML", str => {
     return new markdownIt(markdownItOptions).renderInline(str);

src/il.njk

@@ -20,18 +20,90 @@ layout: layouts/base.njk
                 </div>
                 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cef7fa6" data-id="cef7fa6" data-element_type="column">
                     <div class="elementor-widget-wrap elementor-element-populated">
-                        <div class="elementor-element elementor-element-19e1783 elementor-widget elementor-widget-text-editor" data-id="19e1783" data-element_type="widget" data-widget_type="text-editor.default">
+                        <div class="elementor-element elementor-element-19e1783 elementor-widget elementor-widget-text-editor"
+                             data-id="19e1783"
+                             data-element_type="widget"
+                             data-widget_type="text-editor.default">
                             <div class="elementor-widget-container">
                                 <style>/*! elementor - v3.5.0 - 12-12-2021 */
-                                    .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}</style>				<h2>«&nbsp;Il&nbsp;» de Driss Ksikes</h2><p><em>Création compagnie Kalimat</em></p><ul><li><em>Théâtre contemporain</em></li><li><em>Durée 1h20</em></li><li><em>Tout Public</em></li></ul><p><strong>Avec en alternance :</strong>
+                                    .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap {
+                                        background-color: #818a91;
+                                        color: #fff
+                                    }
+
+                                    .elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap {
+                                        color: #818a91;
+                                        border: 3px solid;
+                                        background-color: transparent
+                                    }
+
+                                    .elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap {
+                                        margin-top: 8px
+                                    }
+
+                                    .elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter {
+                                        width: 1em;
+                                        height: 1em
+                                    }
+
+                                    .elementor-widget-text-editor .elementor-drop-cap {
+                                        float: left;
+                                        text-align: center;
+                                        line-height: 1;
+                                        font-size: 50px
+                                    }
+
+                                    .elementor-widget-text-editor .elementor-drop-cap-letter {
+                                        display: inline-block
+                                    }</style>
+                                <h1>«&nbsp;Il&nbsp;» de Driss Ksikes</h1>
+                                <p><em>Création compagnie Kalimat</em></p>
+                                <ul>
+                                    <li><em>Théâtre contemporain</em></li>
+                                    <li><em>Durée 1h20</em></li>
+                                    <li><em>Tout Public</em></li>
+                                </ul>
+                                <p><strong>Avec en alternance :</strong>
                                     Fred Aklan, Jeremy Assoun, Khadija Azizi, Alexandra Burais, Céline
                                     Crespy, Laura Dallo, Rémi Deswarte, Mathieu Gordien, Thaïs Moreau,
-                                    Quentin Nicolet, Lorena Negrescu, Guy Vareilhes.</p><p><b>Mise en scène : </b>Malika Zirari.</p><p><b>Scénographie : </b>Malika Zirari, assistée de&nbsp;Sylvie Rota.</p><p><strong>Conseil dramaturgique :</strong> Annie Dana.</p><p><strong>Création sonore :</strong> Thibault Jarrige.</p><p><strong>Création lumière :</strong> Maxime Gentric.</p><p><strong>Conseil artistique :</strong> Laurent Leclerc.</p><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>
+                                    Quentin Nicolet, Lorena Negrescu, Guy Vareilhes.</p>
+                                <p><b>Mise en scène : </b>Malika Zirari.</p>
+                                <p><b>Scénographie : </b>Malika Zirari, assistée de&nbsp;Sylvie Rota.</p>
+                                <p><strong>Conseil dramaturgique :</strong> Annie Dana.</p>
+                                <p><strong>Création sonore :</strong> Thibault Jarrige.</p>
+                                <p><strong>Création lumière :</strong> Maxime Gentric.</p>
+                                <p><strong>Conseil artistique :</strong> Laurent Leclerc.</p>
+                                <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>
                         </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">
+            <h2>Revue de presse</h2>
+            <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"/>
+            </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">
+            <h2>Extrait</h2>
+            <iframe width="560"
+                    height="315"
+                    src="https://www.youtube-nocookie.com/embed/RKg2PVnsq8s"
+                    title="YouTube video player"
+                    frameborder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                    allowfullscreen></iframe>
+        </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" data-id="707913d" data-element_type="section">
             <div class="elementor-container elementor-column-gap-default">
                 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-efea764" data-id="efea764" data-element_type="column">
@@ -54,9 +126,69 @@ layout: layouts/base.njk
                         <div class="elementor-element elementor-element-71afedd elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel" data-id="71afedd" data-element_type="widget" data-settings="{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;dots&quot;,&quot;autoplay&quot;:&quot;no&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500}" data-widget_type="image-carousel.default">
                             <div class="elementor-widget-container">
                                 <style>/*! elementor - v3.5.0 - 12-12-2021 */
-                                    .elementor-widget-image-carousel .swiper-container{position:static}.elementor-widget-image-carousel .swiper-container .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-container-initialized) .swiper-slide{max-width:calc(100% / var(--e-image-carousel-slides-to-show, 3))}</style>		<div class="elementor-image-carousel-wrapper swiper-container" dir="ltr">
+                                    .elementor-widget-image-carousel .swiper-container {
+                                        position: static
+                                    }
+
+                                    .elementor-widget-image-carousel .swiper-container .swiper-slide figure {
+                                        line-height: inherit
+                                    }
+
+                                    .elementor-widget-image-carousel .swiper-slide {
+                                        text-align: center
+                                    }
+
+                                    .elementor-image-carousel-wrapper:not(.swiper-container-initialized) .swiper-slide {
+                                        max-width: calc(100% / var(--e-image-carousel-slides-to-show, 3))
+                                    }</style>
+                                <div class="elementor-image-carousel-wrapper swiper-container" dir="ltr">
                                     <div class="elementor-image-carousel swiper-wrapper">
-                                        <div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="71afedd" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition15_000-scaled.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/repetition15_000-scaled-pebzcicd0hn4oh6ev8z1e6n92vp6lehary9c.jpg" alt="Répétition - Photo de Fred Aklan"></figure></a></div><div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="71afedd" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition6-scaled.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/repetition6-scaled-pebzc2d3sb1973tmgk2dpsoezbvxyjpv1r62ybemx.jpg" alt="Répétition - Photo de Fred Aklan"></figure></a></div><div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="71afedd" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition21-scaled.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/repetition21-scaled-pebzd4whkii0f49n7iq320ybc4lzq4yuv1wzmnth.jpg" alt="Répétition - Photo de Fred Aklan"></figure></a></div><div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="71afedd" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition16-scaled.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/repetition16-scaled-pebzcqswpzypkyu4humoimiefcjhioevt44pfiee.jpg" alt="Répétition - Photo de Fred Aklan"></figure></a></div><div class="swiper-slide"><a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="71afedd" data-elementor-lightbox-title="Répétition - Photo de Fred Aklan" href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition19-scaled.jpg"><figure class="swiper-slide-inner"><img class="swiper-slide-image" src="/images/repetition19-scaled-pegkb02wygzorl6p8p18s4k5c3mhsevuwrezyhop.jpg" alt="Répétition - Photo de Fred Aklan"></figure></a></div>			</div>
+                                        <div class="swiper-slide"><a data-elementor-open-lightbox="yes"
+                                                                     data-elementor-lightbox-slideshow="71afedd"
+                                                                     data-elementor-lightbox-title="Répétition - Photo de Fred Aklan"
+                                                                     href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition15_000-scaled.jpg">
+                                                <figure class="swiper-slide-inner"><img class="swiper-slide-image"
+                                                                                        src="/images/repetition15_000-scaled-pebzcicd0hn4oh6ev8z1e6n92vp6lehary9c.jpg"
+                                                                                        alt="Répétition - Photo de Fred Aklan">
+                                                </figure>
+                                            </a></div>
+                                        <div class="swiper-slide"><a data-elementor-open-lightbox="yes"
+                                                                     data-elementor-lightbox-slideshow="71afedd"
+                                                                     data-elementor-lightbox-title="Répétition - Photo de Fred Aklan"
+                                                                     href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition6-scaled.jpg">
+                                                <figure class="swiper-slide-inner"><img class="swiper-slide-image"
+                                                                                        src="/images/repetition6-scaled-pebzc2d3sb1973tmgk2dpsoezbvxyjpv1r62ybemx.jpg"
+                                                                                        alt="Répétition - Photo de Fred Aklan">
+                                                </figure>
+                                            </a></div>
+                                        <div class="swiper-slide"><a data-elementor-open-lightbox="yes"
+                                                                     data-elementor-lightbox-slideshow="71afedd"
+                                                                     data-elementor-lightbox-title="Répétition - Photo de Fred Aklan"
+                                                                     href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition21-scaled.jpg">
+                                                <figure class="swiper-slide-inner"><img class="swiper-slide-image"
+                                                                                        src="/images/repetition21-scaled-pebzd4whkii0f49n7iq320ybc4lzq4yuv1wzmnth.jpg"
+                                                                                        alt="Répétition - Photo de Fred Aklan">
+                                                </figure>
+                                            </a></div>
+                                        <div class="swiper-slide"><a data-elementor-open-lightbox="yes"
+                                                                     data-elementor-lightbox-slideshow="71afedd"
+                                                                     data-elementor-lightbox-title="Répétition - Photo de Fred Aklan"
+                                                                     href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition16-scaled.jpg">
+                                                <figure class="swiper-slide-inner"><img class="swiper-slide-image"
+                                                                                        src="/images/repetition16-scaled-pebzcqswpzypkyu4humoimiefcjhioevt44pfiee.jpg"
+                                                                                        alt="Répétition - Photo de Fred Aklan">
+                                                </figure>
+                                            </a></div>
+                                        <div class="swiper-slide"><a data-elementor-open-lightbox="yes"
+                                                                     data-elementor-lightbox-slideshow="71afedd"
+                                                                     data-elementor-lightbox-title="Répétition - Photo de Fred Aklan"
+                                                                     href="https://web.archive.org/web/20211225100303/http://compagniekalimat.fr/wp-content/uploads/2021/10/repetition19-scaled.jpg">
+                                                <figure class="swiper-slide-inner"><img class="swiper-slide-image"
+                                                                                        src="/images/repetition19-scaled-pegkb02wygzorl6p8p18s4k5c3mhsevuwrezyhop.jpg"
+                                                                                        alt="Répétition - Photo de Fred Aklan">
+                                                </figure>
+                                            </a></div>
+                                    </div>
                                     <div class="swiper-pagination"></div>
                                 </div>
                             </div>

src/style/kalimat.css

@@ -7,6 +7,11 @@ h1 {
     @apply ml-8 mt-8;
 }
 
+h2 {
+    font-size: 3rem;
+    padding-top: 3rem;
+}
+
 .footer-box {
     text-align: center;