{"id":40,"date":"2025-11-14T10:19:00","date_gmt":"2025-11-14T09:19:00","guid":{"rendered":"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/?page_id=40"},"modified":"2026-06-10T14:53:43","modified_gmt":"2026-06-10T12:53:43","slug":"projet","status":"publish","type":"page","link":"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/projet\/","title":{"rendered":"Projet Perso"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"40\" class=\"elementor elementor-40\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2668375 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"2668375\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07ba7f6 elementor-widget elementor-widget-html\" data-id=\"07ba7f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"portfolio-perso-container\">\n    \n    <!-- EN-T\u00caTE \u00c9DITORIAL TYPE COSMOS -->\n    <header class=\"portfolio-header anime-entree\">\n        <span class=\"header-sub\">Cr\u00e9ations & Exp\u00e9rimentations<\/span>\n        <h1 class=\"header-titre\">Projets <span class=\"fuchsia-accent\">Personnels<\/span><\/h1>\n        <p class=\"header-description\">\n            D\u00e9couvre les projets artistiques auxquels j'ai particip\u00e9 ainsi que mon laboratoire visuel. Tu peux cliquer sur mes projets majeurs pour lire leur histoire, ou explorer mon moodboard en grand.\n        <\/p>\n    <\/header>\n\n    <!-- ========================================== -->\n    <!-- SECTION 1 : LES DEUX PROJETS MAJEURS -->\n    <!-- ========================================== -->\n    <h2 class=\"section-titre-interne\">Projets Majeurs<\/h2>\n    <div class=\"grille-majeure anime-entree delay-grid\">\n        \n        <!-- PROJET 1 : LE CLIP -->\n        <div class=\"projet-majeur-bloc\">\n            <div class=\"grid-item format-video\" onclick=\"toggleDescription('desc-clip', this)\">\n                <div class=\"item-wrapper\">\n                    <video src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/IMG_4674.mov\" autoplay loop muted playsinline class=\"media-element\"><\/video>\n                    <div class=\"item-overlay\">\n                        <div class=\"item-infos\">\n                            <span class=\"item-tag\">Clip Musical<\/span>\n                            <h3>Figuration & Logistique<\/h3>\n                            <span class=\"action-trigger\">Lire l'histoire \u2193<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Zone de texte courte cach\u00e9e par d\u00e9faut -->\n            <div id=\"desc-clip\" class=\"projet-description-tiroir\">\n                <div class=\"tiroir-contenu\">\n                    <h4>Figuration & Coulisses du Clip \"Etoile\" de Liksa<\/h4>\n                    <p>Une immersion totale dans l'audiovisuel. Au-del\u00e0 de la figuration face cam\u00e9ra, ce projet m'a permis de comprendre l'organisation d'un tournage, la gestion des \u00e9quipes, le rythme des plateaux et la coordination logistique n\u00e9cessaire pour donner vie \u00e0 un univers musical. Sortie du clip le 28 Juin 2026.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- PROJET 2 : LE PROJET PHOTO -->\n        <div class=\"projet-majeur-bloc\">\n            <div class=\"grid-item format-photo\" onclick=\"toggleDescription('desc-photo', this)\">\n                <div class=\"item-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2025\/12\/2433AA3D-F522-44DA-B8AE-BE080A72FB6C-scaled.jpeg\" alt=\"S\u00e9rie Photographique\" class=\"media-element\">\n                    <div class=\"item-overlay\">\n                        <div class=\"item-infos\">\n                            <span class=\"item-tag\">Photographie<\/span>\n                            <h3>S\u00e9rie \"Exploration Visuelle\"<\/h3>\n                            <span class=\"action-trigger\">Lire l'histoire \u2193<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Zone de texte courte cach\u00e9e par d\u00e9faut -->\n            <div id=\"desc-photo\" class=\"projet-description-tiroir\">\n                <div class=\"tiroir-contenu\">\n<h4>S\u00e9rie \"Mythologie & Tatouage\"<\/h4>\n<p>J'ai eu l'opportunit\u00e9 de poser comme mod\u00e8le pour ce shooting qui m\u00eale la richesse de la mythologie africaine et l'univers du tatouage. C'\u00e9tait une super exp\u00e9rience de collaboration artistique, o\u00f9 le but \u00e9tait d'incarner une histoire et de donner vie \u00e0 une esth\u00e9tique visuelle vraiment forte et singuli\u00e8re.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- ========================================== -->\n    <!-- SECTION 2 : LE MOODBOARD PINTEREST \/ COSMOS -->\n    <!-- ========================================== -->\n    <h2 class=\"section-titre-interne\" style=\"margin-top: 80px;\">Moodboard & Explorations<\/h2>\n    \n    <div class=\"cosmos-pinterest-grid anime-entree delay-grid\">\n        \n        <!-- Tu peux dupliquer et ajouter autant de lignes \"grid-item- Pinterest\" que tu veux ici ! -->\n        \n                <!-- Image carr\u00e9e -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'image')\">\n            <img decoding=\"async\" src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/508448076_24174849145466586_8845116021815592560_n.jpg\" alt=\"D\u00e9tail Graphique\">\n        <\/div>\n        \n        <!-- Image verticale 1 -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'image')\">\n            <img decoding=\"async\" src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/519498827_722538044012118_4647257357024775607_n-scaled.jpg\" alt=\"Backstage 1\">\n        <\/div>\n\n        <!-- Vid\u00e9o loop (style GIF Cosmos) -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'video')\">\n            <video src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/IMG_4673.mov\" autoplay loop muted playsinline><\/video>\n        <\/div>\n\n        <!-- Image carr\u00e9e -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'image')\">\n            <img decoding=\"async\" src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/520810472_1033556645428877_9133371312010922485_n.jpg\" alt=\"D\u00e9tail Graphique\">\n        <\/div>\n\n<!-- Vid\u00e9o loop (style GIF Cosmos) -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'video')\">\n            <video src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/IMG_4671.mov\" autoplay loop muted playsinline><\/video>\n        <\/div>\n\n        <!-- Image longue -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'image')\">\n            <img decoding=\"async\" src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/IMG_4698-scaled.jpg\" alt=\"Recherche Couleur\">\n        <\/div>\n        \n         <!-- Vid\u00e9o loop (style GIF Cosmos) -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'video')\">\n            <video src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/1212ef1c10294f6da8480d5a9867328f.mov\" autoplay loop muted playsinline><\/video>\n        <\/div>\n\n        <!-- Image paysage -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'image')\">\n            <img decoding=\"async\" src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/IMG_2646-2-scaled.jpg\" alt=\"Plan de coupe clip\">\n        <\/div>\n\n        <!-- Image verticale 2 -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'image')\">\n            <img decoding=\"async\" src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/508861815_1471666850527245_5915074757483862005_n.jpg\" alt=\"Shooting Portrait\">\n        <\/div>\n        \n        <!-- Vid\u00e9o loop (style GIF Cosmos) -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'video')\">\n            <video src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/0993575c28fa4433acf9ded4266d8e78.mov\" autoplay loop muted playsinline><\/video>\n        <\/div>\n        \n        <!-- Image carr\u00e9e -->\n        <div class=\"grid-item-pinterest\" onclick=\"ouvrirLightbox(this, 'image')\">\n            <img decoding=\"async\" src=\"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-content\/uploads\/2026\/06\/7c3350ab-8e69-49c6-8be4-1854ef9ab264.jpg\" alt=\"D\u00e9tail Graphique\">\n        <\/div>\n\n    <\/div>\n\n    <!-- ========================================== -->\n    <!-- LIGHTBOX UNIVERSELLE (ZOOM PINTEREST) -->\n    <!-- ========================================== -->\n    <div id=\"lightbox\" class=\"lightbox\" onclick=\"fermerLightbox()\">\n        <span class=\"lightbox-close\">&times;<\/span>\n        <div class=\"lightbox-media-container\" onclick=\"event.stopPropagation()\">\n            <img id=\"lightbox-img\" class=\"lightbox-content\" style=\"display:none;\">\n            <video id=\"lightbox-video\" class=\"lightbox-content\" controls style=\"display:none;\"><\/video>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700;900&display=swap');\n\n.portfolio-perso-container {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 60px 20px;\n    font-family: 'Poppins', sans-serif;\n    background-color: #ffffff;\n}\n\n\/* TITRES DES SECTIONS *\/\n.section-titre-interne {\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #111111;\n    border-bottom: 2px solid #111111;\n    padding-bottom: 8px;\n    margin-bottom: 30px;\n    font-weight: 700;\n}\n\n\/* EN-T\u00caTE *\/\n.portfolio-header { max-width: 600px; margin-bottom: 60px; }\n.header-sub { font-size: 13px; text-transform: uppercase; letter-spacing: 2px; color: #666666; font-weight: 500; display: inline-block; margin-bottom: 10px; }\n.header-titre { font-size: 48px; font-weight: 900; text-transform: uppercase; color: #111111; margin: 0 0 20px 0; }\n.header-titre .fuchsia-accent { color: #FF007F; }\n.header-description { font-size: 15px; color: #555555; line-height: 1.6; margin: 0; }\n\n\/* 1. CONFIGURATION DES DEUX GRANDS PROJETS *\/\n.grille-majeure {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    width: 100%;\n    align-items: start;\n}\n\n.projet-majeur-bloc {\n    display: flex;\n    flex-direction: column;\n}\n\n.grid-item {\n    position: relative;\n    cursor: pointer;\n    width: 100%;\n}\n\n.item-wrapper {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    border-radius: 16px;\n    background-color: #111111;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n    aspect-ratio: 16 \/ 10; \/* Unifie la taille des deux blocs du haut *\/\n}\n\n.media-element { width: 100%; height: 100%; display: block; object-fit: cover; }\n\n\/* OVERLAYS *\/\n.item-overlay {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: linear-gradient(to top, rgba(17, 17, 17, 0.85) 0%, transparent 100%);\n    display: flex;\n    align-items: flex-end;\n    padding: 30px;\n    box-sizing: border-box;\n}\n\n.item-infos h3 { color: #ffffff; margin: 5px 0 10px 0; font-size: 24px; font-weight: 700; }\n.item-tag { font-size: 11px; text-transform: uppercase; background-color: #FF007F; color: #ffffff; padding: 4px 10px; border-radius: 4px; font-weight: 700; display: inline-block; }\n.action-trigger { font-size: 13px; color: #cccccc; display: block; font-weight: 500; transition: color 0.2s; }\n\n.grid-item:hover .item-wrapper { transform: translateY(-5px); }\n.grid-item.active-tiroir .action-trigger { color: #FF007F; content: \"Fermer \u2191\"; }\n\n\/* TIROIR TEXTE DES DEUX PROJETS *\/\n.projet-description-tiroir {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n    background-color: #f9f9f9;\n    border-radius: 0 0 16px 16px;\n}\n.tiroir-contenu {\n    padding: 30px;\n    border-left: 3px solid #FF007F;\n}\n.tiroir-contenu h4 { margin: 0 0 10px 0; font-size: 18px; color: #111111; font-weight: 700; }\n.tiroir-contenu p { margin: 0; font-size: 14px; color: #444444; line-height: 1.6; }\n\n\/* 2. GRILLE STYLE PINTEREST\/COSMOS (POUR TES FUTURS M\u00c9DIAS) *\/\n.cosmos-pinterest-grid {\n    column-count: 3;\n    column-gap: 20px;\n    width: 100%;\n}\n\n.grid-item-pinterest {\n    break-inside: avoid;\n    margin-bottom: 20px;\n    cursor: pointer;\n    border-radius: 12px;\n    overflow: hidden;\n    background-color: #f0f0f0;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.02);\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;\n}\n\n.grid-item-pinterest img, .grid-item-pinterest video {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n\/* Animations sur le moodboard *\/\n.grid-item-pinterest:hover {\n    transform: scale(1.02) translateY(-4px);\n    box-shadow: 0 15px 30px rgba(0,0,0,0.08);\n}\n\n\/* LIGHTBOX (ZOOM POPUP) *\/\n.lightbox {\n    display: none; position: fixed; z-index: 9999;\n    left: 0; top: 0; width: 100%; height: 100%;\n    background-color: rgba(11, 11, 11, 0.96);\n    backdrop-filter: blur(12px);\n    align-items: center; justify-content: center; padding: 40px; box-sizing: border-box;\n}\n.lightbox-media-container { max-width: 85%; max-height: 85vh; display: flex; align-items: center; justify-content: center; }\n.lightbox-content { max-width: 100%; max-height: 85vh; object-fit: contain; border-radius: 8px; animation: zoomIn 0.3s ease; }\n.lightbox-close { position: absolute; top: 30px; right: 40px; color: #ffffff; font-size: 45px; cursor: pointer; }\n@keyframes zoomIn { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }\n\n\/* RESPONSIVE *\/\n@media (max-width: 992px) {\n    .grille-majeure { grid-template-columns: 1fr; gap: 30px; }\n    .cosmos-pinterest-grid { column-count: 2; }\n}\n@media (max-width: 600px) {\n    .cosmos-pinterest-grid { column-count: 1; }\n    .header-titre { font-size: 32px; }\n}\n<\/style>\n\n<script>\n\/\/ 1. Gestion des tiroirs de description pour les deux premiers projets\nfunction toggleDescription(idTiroir, elementClique) {\n    const tiroir = document.getElementById(idTiroir);\n    const triggerText = elementClique.querySelector('.action-trigger');\n    \n    \/\/ Ferme les autres tiroirs ouverts \u00e9ventuels\n    document.querySelectorAll('.projet-description-tiroir').forEach(t => {\n        if (t.id !== idTiroir) t.style.maxHeight = null;\n    });\n    document.querySelectorAll('.grid-item').forEach(item => {\n        if (item !== elementClique) item.classList.remove('active-tiroir');\n    });\n\n    \/\/ Toggle sur le tiroir s\u00e9lectionn\u00e9\n    elementClique.classList.toggle('active-tiroir');\n    if (tiroir.style.maxHeight) {\n        tiroir.style.maxHeight = null;\n        triggerText.innerText = \"Lire l'histoire \u2193\";\n    } else {\n        tiroir.style.maxHeight = tiroir.scrollHeight + \"px\";\n        triggerText.innerText = \"Fermer \u2191\";\n    }\n}\n\n\/\/ 2. Gestion de la Lightbox (Zoom type Pinterest pour le Moodboard en bas)\nfunction ouvrirLightbox(element, type) {\n    const lightbox = document.getElementById(\"lightbox\");\n    const lightboxImg = document.getElementById(\"lightbox-img\");\n    const lightboxVideo = document.getElementById(\"lightbox-video\");\n    \n    lightboxImg.style.display = \"none\";\n    lightboxVideo.style.display = \"none\";\n    lightboxVideo.pause();\n\n    if (type === 'video') {\n        const videoSrc = element.querySelector(\"video\").src;\n        lightboxVideo.src = videoSrc;\n        lightboxVideo.style.display = \"block\";\n        lightboxVideo.play();\n    } else if (type === 'image') {\n        const imgSrc = element.querySelector(\"img\").src;\n        lightboxImg.src = imgSrc;\n        lightboxImg.style.display = \"block\";\n    }\n    \n    lightbox.style.display = \"flex\";\n    document.body.style.overflow = \"hidden\";\n}\n\nfunction fermerLightbox() {\n    const lightbox = document.getElementById(\"lightbox\");\n    const lightboxVideo = document.getElementById(\"lightbox-video\");\n    lightboxVideo.pause();\n    lightbox.style.display = \"none\";\n    document.body.style.overflow = \"auto\";\n}\n\ndocument.addEventListener(\"keydown\", function(e) {\n    if (e.key === \"Escape\") fermerLightbox();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cr\u00e9ations &#038; Exp\u00e9rimentations Projets Personnels D\u00e9couvre les projets artistiques auxquels j&rsquo;ai particip\u00e9 ainsi que mon laboratoire visuel. Tu peux cliquer sur mes projets majeurs pour lire leur histoire, ou explorer mon moodboard en grand. Projets Majeurs Clip Musical Figuration &#038; Logistique Lire l&rsquo;histoire \u2193 Figuration &#038; Coulisses du Clip \u00ab\u00a0Etoile\u00a0\u00bb de Liksa Une immersion totale dans l&rsquo;audiovisuel. Au-del\u00e0 de la figuration face cam\u00e9ra, ce projet m&rsquo;a permis de comprendre l&rsquo;organisation d&rsquo;un tournage, la gestion des \u00e9quipes, le rythme des plateaux et la coordination logistique n\u00e9cessaire pour donner vie \u00e0 un univers musical. Sortie du clip le 28 Juin 2026. Photographie S\u00e9rie \u00ab\u00a0Exploration Visuelle\u00a0\u00bb Lire l&rsquo;histoire \u2193 S\u00e9rie \u00ab\u00a0Mythologie &#038; Tatouage\u00a0\u00bb J&rsquo;ai eu l&rsquo;opportunit\u00e9 de poser comme mod\u00e8le pour ce shooting qui m\u00eale la richesse de la mythologie africaine et l&rsquo;univers du tatouage. C&rsquo;\u00e9tait une super exp\u00e9rience de collaboration artistique, o\u00f9 le but \u00e9tait d&rsquo;incarner une histoire et de donner vie \u00e0 une esth\u00e9tique visuelle vraiment forte et singuli\u00e8re. Moodboard &#038; Explorations &times;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":59,"href":"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":824,"href":"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-json\/wp\/v2\/pages\/40\/revisions\/824"}],"wp:attachment":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/NGOBO-EPANDA\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}