{"id":9401,"date":"2023-08-23T15:31:21","date_gmt":"2023-08-23T13:31:21","guid":{"rendered":"https:\/\/www.afozic.com\/artistes-et-spectacles\/"},"modified":"2024-06-18T14:42:46","modified_gmt":"2024-06-18T12:42:46","slug":"artists-and-performances","status":"publish","type":"page","link":"https:\/\/www.afozic.com\/en\/artists-and-performances\/","title":{"rendered":"Artists and Performances"},"content":{"rendered":"\r\n    <div class=\"slider_container \">\r\n\r\n        <div class=\"slider\">\r\n\r\n            \r\n                                    <a href=\"en\/artists\/the-french-performance\/\" title=\"See page\">\r\n                    \r\n                    <section class=\"headingAfozic slide p-0\">\r\n\r\n                        <img srcset=\"https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/GUITARE-PYRO-ACTION-PEOPLE-02-scaled.jpg 2507w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/GUITARE-PYRO-ACTION-PEOPLE-02-300x200.jpg 300w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/GUITARE-PYRO-ACTION-PEOPLE-02-300x200.jpg 768w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/GUITARE-PYRO-ACTION-PEOPLE-02-1024x683.jpg 1024w\" \r\n                        sizes=\"(max-width: 2507px) 100vw, 2507px\" class=\"afozicSlider\" alt=\"AFOZIC.COM\">\r\n \r\n                                                    <div class=\"afozic_slidecontent_top\">\r\n                                The French Performance                            <\/div>\r\n                                                                            <div class=\"afozic_slidecontent_bottom\">\r\n                                Giant and luminous                            <\/div>\r\n                                            <\/section>\r\n\r\n                                        <\/a>\r\n                \r\n            \r\n                                    <a href=\"en\/artists\/big-dancers\/\" title=\"See page\">\r\n                    \r\n                    <section class=\"headingAfozic slide p-0\">\r\n\r\n                        <img srcset=\"https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/ElCaroMato-\u00a9ChristopheBoillon-01-scaled.jpg 2507w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/ElCaroMato-\u00a9ChristopheBoillon-01-300x156.jpg 300w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/ElCaroMato-\u00a9ChristopheBoillon-01-300x156.jpg 768w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/ElCaroMato-\u00a9ChristopheBoillon-01-1024x533.jpg 1024w\" \r\n                        sizes=\"(max-width: 2507px) 100vw, 2507px\" class=\"afozicSlider\" alt=\"AFOZIC.COM\">\r\n \r\n                                                    <div class=\"afozic_slidecontent_top\">\r\n                                Big Dancers                            <\/div>\r\n                                                                            <div class=\"afozic_slidecontent_bottom\">\r\n                                Dancing&#8230;by leaps and bounds                            <\/div>\r\n                                            <\/section>\r\n\r\n                                        <\/a>\r\n                \r\n            \r\n                                    <a href=\"en\/artists\/sweeties\/\" title=\"See page\">\r\n                    \r\n                    <section class=\"headingAfozic slide p-0\">\r\n\r\n                        <img srcset=\"https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Duo-Wild-scaled.jpg 2507w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Duo-Wild-300x200.jpg 300w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Duo-Wild-300x200.jpg 768w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Duo-Wild-1024x683.jpg 1024w\" \r\n                        sizes=\"(max-width: 2507px) 100vw, 2507px\" class=\"afozicSlider\" alt=\"AFOZIC.COM\">\r\n \r\n                                                    <div class=\"afozic_slidecontent_top\">\r\n                                Sweeties                            <\/div>\r\n                                                                            <div class=\"afozic_slidecontent_bottom\">\r\n                                60&#8217;s and 70&#8217;s duo                            <\/div>\r\n                                            <\/section>\r\n\r\n                                        <\/a>\r\n                \r\n            \r\n                                    <a href=\"en\/artists\/anta-agni\/\" title=\"See page\">\r\n                    \r\n                    <section class=\"headingAfozic slide p-0\">\r\n\r\n                        <img srcset=\"https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/10\/IMG_6877-scaled.jpg 2507w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/10\/IMG_6877-300x200.jpg 300w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/10\/IMG_6877-300x200.jpg 768w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/10\/IMG_6877-1024x683.jpg 1024w\" \r\n                        sizes=\"(max-width: 2507px) 100vw, 2507px\" class=\"afozicSlider\" alt=\"AFOZIC.COM\">\r\n \r\n                                                    <div class=\"afozic_slidecontent_top\">\r\n                                Anta Agni                            <\/div>\r\n                                                                            <div class=\"afozic_slidecontent_bottom\">\r\n                                UV Light Show                            <\/div>\r\n                                            <\/section>\r\n\r\n                                        <\/a>\r\n                \r\n            \r\n                                    <a href=\"en\/artists\/sasha-wolf\/\" title=\"See page\">\r\n                    \r\n                    <section class=\"headingAfozic slide p-0\">\r\n\r\n                        <img srcset=\"https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Sasha-Wolf-24-scaled.jpg 2507w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Sasha-Wolf-24-300x200.jpg 300w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Sasha-Wolf-24-300x200.jpg 768w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Sasha-Wolf-24-1024x683.jpg 1024w\" \r\n                        sizes=\"(max-width: 2507px) 100vw, 2507px\" class=\"afozicSlider\" alt=\"AFOZIC.COM\">\r\n \r\n                                                    <div class=\"afozic_slidecontent_top\">\r\n                                Sasha Wolf                            <\/div>\r\n                                                                            <div class=\"afozic_slidecontent_bottom\">\r\n                                International covers                            <\/div>\r\n                                            <\/section>\r\n\r\n                                        <\/a>\r\n                \r\n            \r\n                                    <a href=\"en\/artists\/celeste\/\" title=\"See page\">\r\n                    \r\n                    <section class=\"headingAfozic slide p-0\">\r\n\r\n                        <img srcset=\"https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Celeste-Christel-T-scaled.jpg 2507w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Celeste-Christel-T-300x200.jpg 300w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Celeste-Christel-T-300x200.jpg 768w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/Celeste-Christel-T-1024x683.jpg 1024w\" \r\n                        sizes=\"(max-width: 2507px) 100vw, 2507px\" class=\"afozicSlider\" alt=\"AFOZIC.COM\">\r\n \r\n                                                    <div class=\"afozic_slidecontent_top\">\r\n                                C\u00e9leste                            <\/div>\r\n                                                                            <div class=\"afozic_slidecontent_bottom\">\r\n                                Giant and luminous apparition                            <\/div>\r\n                                            <\/section>\r\n\r\n                                        <\/a>\r\n                \r\n            \r\n                                    <a href=\"en\/artists\/parade-de-lune\/\" title=\"See page\">\r\n                    \r\n                    <section class=\"headingAfozic slide p-0\">\r\n\r\n                        <img srcset=\"https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/12\/Cirque-Indigo-Parade-Lumineuse-de-Lune5.webp 2507w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/12\/Cirque-Indigo-Parade-Lumineuse-de-Lune5-300x200.jpg 300w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/12\/Cirque-Indigo-Parade-Lumineuse-de-Lune5-300x200.jpg 768w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/12\/Cirque-Indigo-Parade-Lumineuse-de-Lune5-1024x683.jpg 1024w\" \r\n                        sizes=\"(max-width: 2507px) 100vw, 2507px\" class=\"afozicSlider\" alt=\"AFOZIC.COM\">\r\n \r\n                                                    <div class=\"afozic_slidecontent_top\">\r\n                                La parade de lune                            <\/div>\r\n                                                                            <div class=\"afozic_slidecontent_bottom\">\r\n                                Bright and circus                            <\/div>\r\n                                            <\/section>\r\n\r\n                                        <\/a>\r\n                \r\n            \r\n                                    <a href=\"en\/artists\/les-allumeurs-detoiles\/\" title=\"See page\">\r\n                    \r\n                    <section class=\"headingAfozic slide p-0\">\r\n\r\n                        <img srcset=\"https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/AllumeursEtoiles\u00a9ChristopheBoillon-15-scaled.jpg 2507w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/AllumeursEtoiles\u00a9ChristopheBoillon-15-300x181.jpg 300w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/AllumeursEtoiles\u00a9ChristopheBoillon-15-300x181.jpg 768w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/11\/AllumeursEtoiles\u00a9ChristopheBoillon-15-1024x618.jpg 1024w\" \r\n                        sizes=\"(max-width: 2507px) 100vw, 2507px\" class=\"afozicSlider\" alt=\"AFOZIC.COM\">\r\n \r\n                                                    <div class=\"afozic_slidecontent_top\">\r\n                                Les Allumeurs d&#8217;\u00c9toiles                            <\/div>\r\n                                                                            <div class=\"afozic_slidecontent_bottom\">\r\n                                A twilight stroll                            <\/div>\r\n                                            <\/section>\r\n\r\n                                        <\/a>\r\n                \r\n            \r\n                                    <a href=\"en\/artists\/ose-cabaret\/\" title=\"See page\">\r\n                    \r\n                    <section class=\"headingAfozic slide p-0\">\r\n\r\n                        <img srcset=\"https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/06\/Capture-decran-2023-11-15-a-11.06.32.webp 2507w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/06\/Capture-decran-2023-11-15-a-11.06.32-300x168.png 300w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/06\/Capture-decran-2023-11-15-a-11.06.32-300x168.png 768w, \r\n                        https:\/\/www.afozic.com\/wp-content\/uploads\/2023\/06\/Capture-decran-2023-11-15-a-11.06.32-1024x572.png 1024w\" \r\n                        sizes=\"(max-width: 2507px) 100vw, 2507px\" class=\"afozicSlider\" alt=\"AFOZIC.COM\">\r\n \r\n                                                    <div class=\"afozic_slidecontent_top\">\r\n                                Ose Cabaret                            <\/div>\r\n                                                                            <div class=\"afozic_slidecontent_bottom\">\r\n                                Modern cabaret                            <\/div>\r\n                                            <\/section>\r\n\r\n                                        <\/a>\r\n                \r\n            \r\n            <div class=\"nextButton\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon icon-tabler icon-tabler-chevron-right\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"><\/path>\r\n                    <path d=\"M9 6l6 6l-6 6\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"prevButton\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon icon-tabler icon-tabler-chevron-left\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"><\/path>\r\n                    <path d=\"M15 6l-6 6l6 6\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"dotContainer\"><\/div>\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<style>\r\n    .afozicSlider{\r\n        object-fit: cover;\r\n        height: 100%;\r\n        width: 100%;\r\n    }\r\n<\/style>\r\n\r\n<script data-no-optimize=\"1\">\r\n    class Slider {\r\n        slider;\r\n        slides;\r\n        dotContainer;\r\n\r\n        intervalId;\r\n        currentSlide = 0;\r\n        timerSlider = 6500;\r\n\r\n        startX = 0;\r\n        isDragging = false;\r\n        draggedDistance = 0;\r\n\r\n        nextButton;\r\n        prevButton;\r\n\r\n        constructor(slider) {\r\n            this.slider = slider;\r\n            this.slides = this.slider.getElementsByClassName('slide');\r\n\r\n            if (this.slides.length > 0) {\r\n                this.nextButton = this.slider.getElementsByClassName('nextButton')[0];\r\n                this.prevButton = this.slider.getElementsByClassName('prevButton')[0];\r\n\r\n\r\n                this.initDotSlider();\r\n                this.initEvents();\r\n\r\n                this.showSlide(this.currentSlide);\r\n                this.startSlider();\r\n            }\r\n        }\r\n\r\n        showSlide(index) {\r\n            this.stopSlider();\r\n\r\n            if (index >= this.slides.length) {\r\n                index = 0;\r\n            }\r\n\r\n            if (index < 0) {\r\n                index = this.slides.length - 1;\r\n            }\r\n\r\n            this.slides[this.currentSlide].style.display = 'none';\r\n            this.currentSlide = index;\r\n            this.slides[this.currentSlide].style.display = 'block';\r\n\r\n            const dots = this.dotContainer.getElementsByClassName('dot');\r\n            for (const dot of dots) {\r\n                dot.classList.remove('active');\r\n            }\r\n            dots[this.currentSlide].classList.add('active');\r\n\r\n            this.startSlider();\r\n        }\r\n\r\n        nextSlide() {\r\n            this.showSlide(this.currentSlide + 1);\r\n        }\r\n\r\n        prevSlide() {\r\n            this.showSlide(this.currentSlide - 1);\r\n        }\r\n\r\n        initDotSlider() {\r\n            this.dotContainer = this.slider.getElementsByClassName('dotContainer')[0];\r\n            this.dotContainer.innerHTML = '';\r\n\r\n            for (let i = 0; i < this.slides.length; i++) {\r\n                const dot = document.createElement('span');\r\n                dot.classList.add('dot');\r\n                dot.addEventListener('click', () => {\r\n                    this.showSlide(i);\r\n                    this.resetSlider();\r\n                });\r\n                this.dotContainer.appendChild(dot);\r\n            }\r\n\r\n            const dots = this.dotContainer.getElementsByClassName('dot');\r\n            dots[this.currentSlide].classList.add('active');\r\n        }\r\n\r\n        startSlider() {\r\n            clearInterval(this.intervalId);\r\n            this.intervalId = setInterval(() => this.nextSlide(), this.timerSlider);\r\n        }\r\n\r\n        stopSlider() {\r\n            clearInterval(this.intervalId);\r\n        }\r\n\r\n        resetSlider() {\r\n            this.stopSlider();\r\n            this.startSlider();\r\n        }\r\n\r\n        initEvents() {\r\n            this.nextButton.addEventListener('click', () => {\r\n                this.nextSlide();\r\n            });\r\n\r\n            this.prevButton.addEventListener('click', () => {\r\n                this.prevSlide();\r\n            });\r\n\r\n            this.slider.addEventListener('mouseenter', () => {\r\n                this.stopSlider();\r\n            });\r\n\r\n            this.slider.addEventListener('mouseleave', () => {\r\n                this.startSlider();\r\n            });\r\n\r\n            this.slider.addEventListener('touchstart', () => {\r\n                this.nextSlide();\r\n            });\r\n\r\n            this.slider.addEventListener('mousedown', (event) => {\r\n                this.startX = event.clientX;\r\n                this.isDragging = true;\r\n            });\r\n            this.slider.addEventListener('mouseup', () => {\r\n                if (this.isDragging) {\r\n                    this.isDragging = false;\r\n                    const distance = event.clientX - this.startX;\r\n                    if (distance > 0) {\r\n                        this.prevSlide();\r\n                    } else if (distance < 0) {\r\n                        this.nextSlide();\r\n                    }\r\n                }\r\n            });\r\n            this.slider.addEventListener('mouseleave', () => {\r\n                if (this.isDragging) {\r\n                    this.isDragging = false;\r\n                    const distance = event.clientX - this.startX;\r\n                    if (distance > 0) {\r\n                        this.prevSlide();\r\n                    } else if (distance < 0) {\r\n                        this.nextSlide();\r\n                    }\r\n                }\r\n            });\r\n\r\n        }\r\n    }\r\n\r\n    const sliders = document.getElementsByClassName('slider_container');\r\n\r\n    for (const slider of sliders) {\r\n        new Slider(slider);\r\n    }\r\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":7080,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates-parts\/tmp-archivas.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9401","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.afozic.com\/en\/wp-json\/wp\/v2\/pages\/9401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.afozic.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.afozic.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.afozic.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.afozic.com\/en\/wp-json\/wp\/v2\/comments?post=9401"}],"version-history":[{"count":10,"href":"https:\/\/www.afozic.com\/en\/wp-json\/wp\/v2\/pages\/9401\/revisions"}],"predecessor-version":[{"id":10499,"href":"https:\/\/www.afozic.com\/en\/wp-json\/wp\/v2\/pages\/9401\/revisions\/10499"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.afozic.com\/en\/wp-json\/wp\/v2\/media\/7080"}],"wp:attachment":[{"href":"https:\/\/www.afozic.com\/en\/wp-json\/wp\/v2\/media?parent=9401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}