Panodyssey - Salon métaversel des Libre-Auteurs en 4 vidéos et 5 recommandations

<div class="col-10 offset-1 content customwidth contentarticle"> <div class="row align-items-top "> <div class="col-12 col-md-8"> <ul id="tagslist" class="mt-0 ms-0 ps-0 d-flex flex-wrap mb-0"> <li><a href="/fr/article/tag/bureau%20virtuel" class="badge">bureau virtuel</a></li> <li><a href="/fr/article/tag/Livre%20de%20poche" class="badge">Livre de poche</a></li> <li><a href="/fr/article/tag/livre%20dont%20on%20est%20le%20h%C3%A9ros" class="badge">livre dont on est le héros</a></li> <li><a href="/fr/article/tag/Livre%20LGBTQI" class="badge">Livre LGBTQI</a></li> <li><a href="/fr/article/tag/Livres" class="badge">Livres</a></li> <li><a href="/fr/article/tag/M%C3%A9tavers" class="badge">Métavers</a></li> <li><a href="/fr/article/tag/Metavers" class="badge">Metavers</a></li> <li><a href="/fr/article/tag/premier%20livre" class="badge">premier livre</a></li> <li><a href="/fr/article/tag/Salon%20du%20Livre" class="badge">Salon du Livre</a></li> <li><a href="/fr/article/tag/T%C3%A9l%C3%A9travail" class="badge">Télétravail</a></li> <li><a href="/fr/article/tag/teletravail" class="badge">teletravail</a></li> </ul> </div> </div> <div class="row align-items-top "> <div class="col-6"> <div class="text-center text-md-end" id="bookmark_state"> <button next-data-bs-toggle="modal" next-data-bs-target="#bookmarkcollections" style="display: flex" class="border-0 btn btn-outline-secondary btn-sm align-items-center justify-content-start w-100 p-0" id="book"> <img src="/build/img/icon/bookmark.88f13784.svg" class=" d-inline-block " alt="bookmark" /> <img src="/build/img/icon/bookmarked.34cf63b2.svg" class=" d-none " alt="bookmarked" /> Enregistrer la publication </button> <button style="display: none" class="border-0 btn btn-outline-secondary btn-sm align-items-center justify-content-start w-100 p-0" id="unbook"> <img src="/build/img/icon/bookmarked.34cf63b2.svg" class=" d-nonek " alt="bookmarked" /> <img src="/build/img/icon/bookmark.88f13784.svg" class=" d-inline-block " alt="bookmark" /> Retirer la publication </button> <script> function addOnClick(button, oppositeButton, likeCount, path) { button.addEventListener('click', function (event) { button.disabled = true; return window.location.replace('/fr/login'); $('#bookmark_state').addClass('wait'); fetch(path, {'credentials': 'include'}).then(function (response) { response.json().then(function (json) { $.get(window.location.href, function( html ) { $('#bookmark_state').replaceWith($(html).find('#bookmark_state')); $('#bookmark_state').removeClass('wait'); }); //likeCount.innerText = json.count; }) }).catch(function() { }) }) } var bookButton = document.getElementById('book'); var unbookButton = document.getElementById('unbook'); addOnClick( bookButton, unbookButton, document.getElementById('bookmark-unlike'), '/fr/bookmarks/add/25706' ); addOnClick( unbookButton, bookButton, document.getElementById('bookmark-unlike'), '/fr/bookmarks/remove/25706' ); </script> </div> </div> <div class="col-6 text-end lectures"> <img src="/build/img/icon/icon-lecture.b660bbfc.png" alt="lecture" class="ms-0 me-2"> <span>318 lectures</span> </div> </div> <div class="blockStats d-flex d-lg-none flex-row p-0 mt-0"> <article class="col-6 d-flex align-items-center p-0 btnComments"> <img src="/build/img/icon/icon-comment-mini.92c17529.png" alt="thumb" class="ms-0 me-2"> <span class="me-2 me-lg-0">0</span> commentaire </article> <div class="d-flex align-items-center justify-content-end likesType col-6 p-0"> <div class="thumb icon d-flex align-items-center justify-content-center"><img src="/build/img/icon/like-active.457c64b7.svg" class="ms-0" /></div> <span class='ms-2'> <span>0</span> <article class="d-inline-block" data-reaction="réaction"> réaction </article> </span> </div> </div> <div class="blocInteractions d-flex d-lg-none footer"> <button id="commentsBtn" class=" w-50 text-center d-flex align-items-center justify-content-center"> <img src="/build/img/icon/comment.98a4433c.svg" alt="thumb" class="ms-0 me-2"> Commenter </button> <div class="blockLikes position-relative w-50 text-center"> <div class="likeBox align-items-center justify-content-around position-absolute"> <article class="like position-relative " data-like="like" data-name="J'aime" data-url="https://panodyssey.com/likes/like/25706/like"> <div id="countlike" class="count">0</div> <div class="explain">J'aime</div> </article> <article class="heart position-relative " data-like="heart" data-name="J'adore" data-url="https://panodyssey.com/likes/like/25706/heart"> <div id="countheart" class="count">0</div> <div class="explain">J'adore</div> </article> <article class="hand position-relative " data-like="hand" data-name="Solidaire" data-url="https://panodyssey.com/likes/like/25706/hand"> <div id="counthand" class="count">0</div> <div class="explain">Solidaire</div> </article> <article class="wow position-relative " data-like="wow" data-name="Waouh" data-url="https://panodyssey.com/likes/like/25706/wow"> <div id="countwow" class="count">0</div> <div class="explain">Waouh</div> </article> </div> <button id="likeMobile" class="d-flex align-items-center justify-content-center interactionButton "> <img src="/build/img/icon/thumb.0fb5b25c.svg" alt="thumb" class="ms-0 me-2"> J'aime </button> </div> </div> <div class="blocInteractions footer d-flex d-lg-none flex-row align-items-center justify-content-around w-50 flex-wrap mx-auto"> <button class="d-flex align-items-center justify-content-center button mx-auto" data-bs-toggle="modal" data-bs-target="#partageModal"> <img src="/build/img/icon/share.0a4a9255.svg" alt="thumb" class="ms-0 me-2"> Partager </button> </div> </div> </div> <div id="prev" class="position-absolute d-none d-lg-block" style="background: url(https://panodyssey.com/media/cache/230x215/uploads/article/d096608418f9e049eed537c9a053bbf9.png) no-repeat center;background-size: cover;"> <a href="/fr/article/technologie/du-nouveau-au-sujet-du-1er-salon-numerique-du-livre-auto-edite-9std87jackmk" class="d-flex justify-content-end align-items-center stretched-link h-100" > <img src="/build/img/icon/arrow-article-left.edb24045.svg" alt="prev"> </a> </div> <div class="d-flex flex-row justify-content-between" id="switcharticle"> <div class="position-relative d-block d-lg-none card"> <a href="/fr/article/technologie/du-nouveau-au-sujet-du-1er-salon-numerique-du-livre-auto-edite-9std87jackmk" class="d-flex justify-content-end align-items-center stretched-link h-100 flex-wrap" > <div class="d-flex w-100"> <img src="/build/img/icon/arrowleft.4cca06df.svg" alt="left"> Publication précédente </div> <p class="w-100">Du nouveau au sujet du 1er Salon numérique du Livre auto-édité</p> <span class="d-flex justify-content-end align-items-center w-100"> <img src="/build/img/icon/clock.506b7db6.svg" alt="time"> 7 min</span> </a> </div> <div class="position-relative d-block d-lg-none card"> <a href="/fr/article/technologie/1ere-veille-metavers-et-teletravail-de-l-annee-cv3ne4wfnnv2" class="d-flex justify-content-end align-items-center stretched-link h-100 flex-wrap" > <div class="d-flex w-100"> Publication suivante <img src="/build/img/icon/arrowright.c532aaa2.svg" alt="right" class="right"> </div> <p class="w-100">1ère Veille Métavers et Télétravail de l'année !</p> <span class="d-flex justify-content-end align-items-center w-100"> <img src="/build/img/icon/clock.506b7db6.svg" alt="time"> 2 min</span> </a> </div> </div> <div id="next" class="position-absolute d-none d-lg-block" style="background: url(https://panodyssey.com/media/cache/230x215/uploads/article/f98e8e331fe79d012e5e75cbb39044a0.png) no-repeat center;background-size: cover;"> <a href="/fr/article/technologie/1ere-veille-metavers-et-teletravail-de-l-annee-cv3ne4wfnnv2" class="d-flex justify-content-start align-items-center stretched-link h-100"> <img src="/build/img/icon/arrow-article.4beff773.svg" alt="next"> </a> </div> </div> </div> <div class="w-100" id="comments"> <div class="preloader-wrapper big position-absolute"> <div class="spinner-layer spinner-blue-only"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> </div> <div class="col-12"> <h2 class="ms-4 mt-3 mt-3 h4" id="cmptComment"> Commentaire (<span>0</span>) </h2> </div> <div class="ps-3 pe-3 w-100 containercomments"> <div action="" class="p-4 mb-1" id="commentairenc"> <div class="d-flex align-items-center justify-content-center flex-column"> Tu dois être connecté pour pouvoir commenter <a class="btn btnprimary mt-2 fitcontent" type="submit" href="/fr/login"> Se connecter </a> </div> </div> <div class="comments"> </div> </div> </div> <div id="breakDon"> <div class="d-flex flex-wrap flex-column align-items-center"> <p>Tu aimes les publications Panodyssey ?<br/>Soutiens leurs auteurs indépendants !</p> <div id="btnsoutiensEnd" class="mx-auto text-center"> <button id="btnDonate" class="d-inline-flex align-items-center btn btnarticle position-relative justify-content-center"> <a href="/fr/login" class="stretched-link text-light text-decoration-none"> <img src="/build/img/soutenir.82779237.png" alt="soutenir"> Je soutiens les auteurs ! </a> </button> </div> </div> </div> <div class="F8F8F8 w-100"> <div id="otherArticles" class="position-relative"> <div class="title d-flex align-items-center">Publications dans <strong>Développement associatif - ESS - Education populaire</strong></div> <div class="offset-6 col-6 d-flex justify-content-end align-items-center" id="scrollContainer" data-scroll="0"> <div id="articles-left" class="home-slide d-flex justify-content-center align-items-center disabled"><img src="/build/img/home-slide-arrow.d0bd225f.svg" alt="right"></div> <div id="articles-right" class="home-slide d-flex justify-content-center align-items-center"><img src="/build/img/home-slide-arrow.d0bd225f.svg" alt="right"></div> </div> <div class="d-flex flex-row flex-nowrap overflow-auto pt-2 pb-2"> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/b90d346056b531f7d95f1559e918f185.png" alt="Métavers pour les agents publics de la Culture" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/metavers-pour-les-agents-publics-de-la-culture-68tr9ndpg27q" class="stretched-link title article position-static"> Métavers pour les agents publics de la Culture </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/54afcfde1cceddf97598336270515b24.png" alt="Revue de Presse Métavers Mai 2024" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/revue-de-presse-metavers-mai-2024-4gg2sc2aj93b" class="stretched-link title article position-static"> Revue de Presse Métavers Mai 2024 </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 8 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/8bcc62b9414c0850a12a758dd5b10f67.png" alt="Métavers facile en video : Rencontre entre Miniverse 2d et métavers 3d Secondlife" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/metavers-facile-en-video-rencontre-entre-miniverse-2d-et-metavers-3d-secondlife-2j2d3j7aeucs" class="stretched-link title article position-static"> Métavers facile en video : Rencontre entre Miniverse 2d et métavers 3d Secondlife </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/6101615425872c908727ca66d1f8aed1.png" alt="« Théorie littéraire pour les robots » nous offre une histoire de l'écriture par les machines" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/theorie-litteraire-pour-les-robots-nous-offre-une-histoire-de-l-ecriture-par-les-machines-qhf7p8j3vfgq" class="stretched-link title article position-static"> « Théorie littéraire pour les robots » nous offre une histoire de l'écriture par les machines </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 6 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/6260bc85928bb5d8264073ab2a036d65.png" alt="Métavers facile : Les vidéos du mois" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/metavers-facile-les-videos-du-mois-ude8ku3q9fcb" class="stretched-link title article position-static"> Métavers facile : Les vidéos du mois </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/23332639dcfc4504710a3373a3ff053d.png" alt="De Nantes à la Nuit du Code 2024 : Innovations, Métacrimes et Droit au Télétravail" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/de-nantes-a-la-nuit-du-code-2024-innovations-metacrimes-et-droit-au-teletravail-dvvcute39ang" class="stretched-link title article position-static"> De Nantes à la Nuit du Code 2024 : Innovations, Métacrimes et Droit au Télétravail </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/11470e177ff7d1df6cf96984ff201eb8.png" alt="Télétravail : le bureau virtuel en métavers 2d, une solution à la Zoom fatigue !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/teletravail-le-bureau-virtuel-en-metavers-2d-une-solution-a-la-zoom-fatigue-rnf5pgsacc5a" class="stretched-link title article position-static"> Télétravail : le bureau virtuel en métavers 2d, une solution à la Zoom fatigue ! </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/9d4af27d0b923304b411ff5cf5086522.png" alt="16 mars 2024 : Salon métaversel des Libres Auteurs " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/16-mars-2024-salon-metaversel-des-libres-auteurs-k3q3jeqaq6hc" class="stretched-link title article position-static"> 16 mars 2024 : Salon métaversel des Libres Auteurs </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/921eff6a1786559184fcb726db52babb.png" alt="Mots croisés dans le métavers sur le thème des auteurs autoédités" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/mots-croises-dans-le-metavers-sur-le-theme-des-auteurs-autoedites-3ru65f5r6p65" class="stretched-link title article position-static"> Mots croisés dans le métavers sur le thème des auteurs autoédités </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/c6fc7ee64ec9907fa38dcc4824490fcd.png" alt="Vidéo Architecte Métavers : visite muséale, dernière réalisation client" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/video-architecte-metavers-visite-museale-derniere-realisation-client-rucswvrb268r" class="stretched-link title article position-static"> Vidéo Architecte Métavers : visite muséale, dernière réalisation client </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/1625e0aa4d0cde169b8d0af6a7798251.png" alt="Revue de presse Economie sociale et FRANCE METAVERS FACILE – Votre Bien immobilier virtuel !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/revue-de-presse-economie-sociale-et-france-metavers-facile-votre-bien-immobilier-virtuel-n42eru2ehqkd" class="stretched-link title article position-static"> Revue de presse Economie sociale et FRANCE METAVERS FACILE – Votre Bien immobilier virtuel ! </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/f101023f97d336c645c7ca95a8c9e9b1.png" alt="FRANCE METAVERS FACILE : Achetez votre BIEN IMMOBILIER VIRTUEL parmi les 36000 communes françaises" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/france-metavers-facile-achetez-votre-bien-immobilier-virtuel-parmi-les-36000-communes-francaises-54vu5djagaq3" class="stretched-link title article position-static"> FRANCE METAVERS FACILE : Achetez votre BIEN IMMOBILIER VIRTUEL parmi les 36000 communes françaises </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/70f156f51d24204bd043d3ee0a95dcae.png" alt="Interview d’auteur autoédité et actualité créative" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/interview-d-auteur-autoedite-et-actualite-creative-vwcdavqbhabn" class="stretched-link title article position-static"> Interview d’auteur autoédité et actualité créative </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/27879f36b9301077eb9420d067bcc653.png" alt="Manuel de Coordination sociale et culturelle - Interview" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/manuel-de-coordination-sociale-et-culturelle-interview-679befchauus" class="stretched-link title article position-static"> Manuel de Coordination sociale et culturelle - Interview </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/3e60d8f85c689fd08a80cee723c50844.png" alt="Jeu vidéo gratuit en univers persistant dans le métavers visio 2d" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/jeu-video-gratuit-en-univers-persistant-dans-le-metavers-visio-2d-p53jpnwskt32" class="stretched-link title article position-static"> Jeu vidéo gratuit en univers persistant dans le métavers visio 2d </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/92a2fe78897ee2c4c0916988919f8c5c.png" alt=" Interview d'auteur SF - Salon virtuel de l'autoédition" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/interview-d-auteur-sf-salon-virtuel-de-l-autoedition-8t8kq7rrb967" class="stretched-link title article position-static"> Interview d'auteur SF - Salon virtuel de l'autoédition </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/e700d93cb4d83e06167207a130da72ac.png" alt="Revue de Presse ESS et Jeu Video Concours Roman" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/revue-de-presse-ess-et-jeu-video-concours-roman-ger3tg75jmuc" class="stretched-link title article position-static"> Revue de Presse ESS et Jeu Video Concours Roman </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/fbe45c258a2a6f96b004e0c27ad46cea.png" alt="Le Métavers c'est quoi ? + Veille Métavers : Business, Société, Télétravail" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/le-metavers-c-est-quoi-veille-metavers-business-societe-teletravail-4bbwta9bbnmj" class="stretched-link title article position-static"> Le Métavers c'est quoi ? + Veille Métavers : Business, Société, Télétravail </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/ec44d03365f2b161e65a81e298b6e5b7.png" alt="Libraire virtuelle des Libres Auteurs" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/libraire-virtuelle-des-libres-auteurs-48js5g5t8uf3" class="stretched-link title article position-static"> Libraire virtuelle des Libres Auteurs </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 4 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/9865f06af30f9cba2fbfc103b446fe1a.png" alt="Les Estivales du Métavers" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/les-estivales-du-metavers-ssarbb5dqefm" class="stretched-link title article position-static"> Les Estivales du Métavers </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/c27e9ea511895dee46c6ab12f57a9263.png" alt="Spéciale estivale" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/sp-ciale-estivale-843wsud95eq8" class="stretched-link title article position-static"> Spéciale estivale </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 6 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/8d075d1a4fca34ffe4ba6fb6d775e91b.png" alt="Métavers : Lettre d'informations hebdomadaire - 1ère semaine d'août 2023" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/m-tavers-lettre-d-informations-hebdomadaire-1-re-semaine-d-ao-t-2023-ehjf4k8r6uvf" class="stretched-link title article position-static"> Métavers : Lettre d'informations hebdomadaire - 1ère semaine d'août 2023 </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 12 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/a57a22763d7ea468900b6281b5841906.png" alt="Revue de Presse Economie Sociale et Solidaire et nouvel espace de discussion Métavers" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/revue-de-presse-economie-sociale-et-solidaire-et-nouvel-espace-de-discussion-m-tavers-uvamjgkrqqhr" class="stretched-link title article position-static"> Revue de Presse Economie Sociale et Solidaire et nouvel espace de discussion Métavers </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/3bd2b9a4fd19de1cc2cae58bd73e6e8d.png" alt="Interview d'auteur auto édité : CHRISTIAN GASTOU - Salon métaversel des Libres auteurs 16 mars 2024" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/interview-d-auteur-auto-dit-christian-gastou-salon-m-taversel-des-libres-auteurs-16-mars-2024-qugkapva2amb" class="stretched-link title article position-static"> Interview d'auteur auto édité : CHRISTIAN GASTOU - Salon métaversel des Libres auteurs 16 mars 2024 </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/cd0bfb8a22325e130d6607c2556d451d.png" alt="LE MÉTAVERS ET LA CULTURE DANS LES COLLECTIVITES TERRITORIALES" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/le-m-tavers-et-la-culture-dans-les-collectivites-territoriales-rre6nmqsc42u" class="stretched-link title article position-static"> LE MÉTAVERS ET LA CULTURE DANS LES COLLECTIVITES TERRITORIALES </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/e0a826e9986166befd5f9694e19e7afa.png" alt="Comment utiliser le métavers pour une campagne promotionnelle et la consultation d'un document PDF" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/comment-utiliser-le-m-tavers-pour-une-campagne-promotionnelle-et-la-consultation-d-un-document-pdf-7ceuscdc58ag" class="stretched-link title article position-static"> Comment utiliser le métavers pour une campagne promotionnelle et la consultation d'un document PDF </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/8d087b52ba9b26aa5f14e4f667c7f07e.png" alt="Visite guidée du Salon métaversel des Libres auteurs (video)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/visite-guid-e-du-salon-m-taversel-des-libres-auteurs-video-dvqg73ht3n3n" class="stretched-link title article position-static"> Visite guidée du Salon métaversel des Libres auteurs (video) </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/bd6cad59da4f576e537a0b31381159b2.png" alt="Interview d'auteur : Samia Figère dans le Salon métaversel des Libres auteurs" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/interview-d-auteur-samia-fig-re-dans-le-salon-m-taversel-des-libres-auteurs-ks2vshwe7s6t" class="stretched-link title article position-static"> Interview d'auteur : Samia Figère dans le Salon métaversel des Libres auteurs </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/231dc9a54f517c1e1c2ba071fd5721ea.png" alt="Un exemple d'événement réussi dans le Métavers : Salon métaversel des libres auteurs !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/un-exemple-d-v-nement-r-ussi-dans-le-m-tavers-salon-m-taversel-des-libres-auteurs-3qs5ugjwd4q3" class="stretched-link title article position-static"> Un exemple d'événement réussi dans le Métavers : Salon métaversel des libres auteurs ! </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/29cc928a5e9c673f4fc1af04841ab794.png" alt="✒ 𝔸𝕦𝕥𝕖𝕦𝕣 - 𝔸𝕦𝕥𝕣𝕚𝕔𝕖 : ℂ𝕠𝕞𝕞𝕖𝕟𝕥 𝕚𝕟𝕧𝕚𝕥𝕖𝕣 𝕞𝕖𝕤 𝕝𝕖𝕔𝕥𝕖𝕦𝕣𝕤 𝕕𝕒𝕟𝕤 𝕞𝕠𝕟 𝕓𝕦𝕣𝕖𝕒𝕦 𝕧𝕚𝕣𝕥𝕦𝕖𝕝 𝕖𝕟 𝟛 𝕔𝕝𝕚𝕔𝕤 ?" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/auteur-autrice-comment-inviter-mes-lecteurs-dans-mon-bureau-virtuel-en-3-clics-hprqf4r6fdt7" class="stretched-link title article position-static"> ✒ 𝔸𝕦𝕥𝕖𝕦𝕣 - 𝔸𝕦𝕥𝕣𝕚𝕔𝕖 : ℂ𝕠𝕞𝕞𝕖𝕟𝕥 𝕚𝕟𝕧𝕚𝕥𝕖𝕣 𝕞𝕖𝕤 𝕝𝕖𝕔𝕥𝕖𝕦𝕣𝕤 𝕕𝕒𝕟𝕤 𝕞𝕠𝕟 𝕓𝕦𝕣𝕖𝕒𝕦 𝕧𝕚𝕣𝕥𝕦𝕖𝕝 𝕖𝕟 𝟛 𝕔𝕝𝕚𝕔𝕤 ? </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 10 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/4b84c03cb754ba9122069e690a5237b1.png" alt="Pourquoi les outils traditionnels de visioconférence sont caduques ?" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/pourquoi-les-outils-traditionnels-de-visioconference-sont-caduques-m63fck4kjhvq" class="stretched-link title article position-static"> Pourquoi les outils traditionnels de visioconférence sont caduques ? </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 9 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/44e1ee50133f6a05fb35d2b1944b205d.png" alt="Salon métaversel des Libres Auteurs : le Programme s'étoffe !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/salon-metaversel-des-libres-auteurs-le-programme-s-etoffe-m2ge25e69ccs" class="stretched-link title article position-static"> Salon métaversel des Libres Auteurs : le Programme s'étoffe ! </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 4 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/15be23b171d234fbd058f6af658aba45.gif" alt="𝕃'𝔼𝕊𝕊 𝕧𝕠𝕦𝕤 𝕔𝕠𝕟𝕟𝕒𝕚𝕤𝕤𝕖𝕫 ?" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/l-ess-vous-connaissez-fevrier-2023-2c4pce4nr3aq" class="stretched-link title article position-static"> 𝕃'𝔼𝕊𝕊 𝕧𝕠𝕦𝕤 𝕔𝕠𝕟𝕟𝕒𝕚𝕤𝕤𝕖𝕫 ? </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 20 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/f329f69c10cf9425737864328adcd7c7.gif" alt="Wargame, Cultures de l'Imaginaire et veille métavers" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/wargame-cultures-de-l-imaginaire-et-veille-metavers-68m4usqdbnpe" class="stretched-link title article position-static"> Wargame, Cultures de l'Imaginaire et veille métavers </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/91a907c19b05a6eac9394eb9a1bc5907.png" alt="Vidéo du Programme du 1er Salon métaversel des Libres auteurs, Métavers et Société" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/video-du-programme-du-1er-salon-metaversel-des-libres-auteurs-metavers-et-societe-t5vdqrw565m2" class="stretched-link title article position-static"> Vidéo du Programme du 1er Salon métaversel des Libres auteurs, Métavers et Société </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 9 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/6574c19086e15302de2ba40c3569cc8f.jpeg" alt="Mise à jour sociale de l'appli web Gather Town" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/mise-a-jour-sociale-de-l-appli-web-gather-town-bt67bt25sr62" class="stretched-link title article position-static"> Mise à jour sociale de l'appli web Gather Town </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 7 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/f98e8e331fe79d012e5e75cbb39044a0.png" alt="1ère Veille Métavers et Télétravail de l'année !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/1ere-veille-metavers-et-teletravail-de-l-annee-cv3ne4wfnnv2" class="stretched-link title article position-static"> 1ère Veille Métavers et Télétravail de l'année ! </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/ec7c24f7b555f31cb4847f438e7ef676.png" alt="Salon métaversel des Libre-Auteurs en 4 vidéos et 5 recommandations" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/salon-metaversel-des-libre-auteurs-en-4-videos-et-5-recommandations-vhsch3t7q9gt" class="stretched-link title article position-static"> Salon métaversel des Libre-Auteurs en 4 vidéos et 5 recommandations </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/d096608418f9e049eed537c9a053bbf9.png" alt="Du nouveau au sujet du 1er Salon numérique du Livre auto-édité" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/du-nouveau-au-sujet-du-1er-salon-numerique-du-livre-auto-edite-9std87jackmk" class="stretched-link title article position-static"> Du nouveau au sujet du 1er Salon numérique du Livre auto-édité </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 7 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/29b419f2907273f9e96b2891bd4db688.jpeg" alt="FRANCE METAVERS : un nouvel annuaire cartographique" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/france-metavers-un-nouvel-annuaire-cartographique-qdbu7fq5vvdr" class="stretched-link title article position-static"> FRANCE METAVERS : un nouvel annuaire cartographique </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 8 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/46932102a4e260b3983bd9fdbd68e9d7.png" alt="Mon nouveau service : Ma Boutique Métavers" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/mon-nouveau-service-ma-boutique-metavers-qgqdw3fqeh8w" class="stretched-link title article position-static"> Mon nouveau service : Ma Boutique Métavers </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 5 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/9230f5a5a098d8e2b310f9f30fc8720f.png" alt="Métavers en Afrique francophone" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/metavers-en-afrique-francophone-9kcf5s8mbh8p" class="stretched-link title article position-static"> Métavers en Afrique francophone </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/e9400d93d36221a438fdf7aca240c3e4.png" alt="Ma Formation en ligne pour les makers de métavers" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/ma-formation-en-ligne-pour-les-makers-de-metavers-t4ne6cqfqn6f" class="stretched-link title article position-static"> Ma Formation en ligne pour les makers de métavers </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 4 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/1eaaede5a5a00961b7906b25bc31b9d0.png" alt="Consulter une veille documentaire comme dans un jeu vidéo !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/consulter-une-veille-documentaire-comme-dans-un-jeu-video-n8srucrbrjja" class="stretched-link title article position-static"> Consulter une veille documentaire comme dans un jeu vidéo ! </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 4 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/5128372588515a16a630babca7bf4b15.png" alt="1er Salon numérique du Livre auto-édité - 4 et 5 mars 2023" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/1er-salon-numerique-du-livre-auto-edite-vgpcafnwwdr9" class="stretched-link title article position-static"> 1er Salon numérique du Livre auto-édité - 4 et 5 mars 2023 </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/5af61fd5906dcef7593aab0a6efb3a18.jpeg" alt="Les gens du voyage, tsiganes et citoyens itinérants" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/les-gens-du-voyage-tsiganes-et-citoyens-itinerants-j5fh3hcv2tq8" class="stretched-link title article position-static"> Les gens du voyage, tsiganes et citoyens itinérants </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/164e2f1e76b9f566c391feabf1385641.png" alt="Ce que l'on ne vous dit pas sur le Métavers !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/ce-que-l-on-ne-vous-dit-pas-sur-le-metavers-pdnaefpb5gm5" class="stretched-link title article position-static"> Ce que l'on ne vous dit pas sur le Métavers ! </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/09e4a98d2ecbf0a195415229b2309171.jpeg" alt="L'Alliance écossaise" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/l-alliance-ecossaise-29w5679ve4c6" class="stretched-link title article position-static"> L'Alliance écossaise </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/36f57bd6e9be06e9fd6c14ab6cefca8a.jpeg" alt="Mon Oncle Benjamin" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/mon-oncle-benjamin-dgsjcq8fn73d" class="stretched-link title article position-static"> Mon Oncle Benjamin </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/e63b74174800d335d82f9cdadb3bd195.png" alt="Métavers : Ressources du Travail social et des Professionnels de l'Education populaire." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/metavers-ressources-du-travail-social-et-des-professionnels-de-l-education-populaire-mdvc594m7hnd" class="stretched-link title article position-static"> Métavers : Ressources du Travail social et des Professionnels de l'Education populaire. </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/e2a3e5efb61554c08a74052b98607557.png" alt="Liberté d'Association en Danger ? Revue de presse ESS, jeu de piste et soirée débat dans le Métavers..." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/revue-de-presse-ess-juin-2022-jeu-et-debat-dans-le-metavers-ppsgjtrad3t5" class="stretched-link title article position-static"> Liberté d'Association en Danger ? Revue de presse ESS, jeu de piste et soirée débat dans le Métavers... </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 20 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/86b4dcde260811ffafe1162faab6e280.png" alt="Rencontres quotidiennes : Café des Langues dans le Métavers" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/education-et-formation/rencontres-quotidiennes-cafe-des-langues-dans-le-metavers-wfq2kccvfufv" class="stretched-link title article position-static"> Rencontres quotidiennes : Café des Langues dans le Métavers </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/e8705b7350af383126ea8ff19c44f2cc.gif" alt="Zaa : Résidence d'artistes dans le Métavers Gather Town" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/image/zaa-residence-d-artistes-dans-le-metavers-gather-town-e987j3umkfh7" class="stretched-link title article position-static"> Zaa : Résidence d'artistes dans le Métavers Gather Town </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 4 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/c9b679194d6015a610172031be70a337.gif" alt="Métavers : revue de presse Juin 2022" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/metavers-revue-de-presse-juin-2022-bekmdtp4dn76" class="stretched-link title article position-static"> Métavers : revue de presse Juin 2022 </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 4 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/d41dd7f9b749af3ec4eb17985961a0e5.gif" alt="[Métavers] Pourquoi c'est en Asie qu'il y a le plus d'utilisateurs Gather Town ?" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/metavers-pourquoi-c-est-en-asie-qu-il-y-a-le-plus-d-utilisateurs-gather-town-8dj2hw6gd5bv" class="stretched-link title article position-static"> [Métavers] Pourquoi c'est en Asie qu'il y a le plus d'utilisateurs Gather Town ? </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 5 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/c739b4c4c3587a27eee4e8862a5ac6ec.gif" alt="Gare au Gorille ! Chasseur à la robe noire et au col blanc..." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/gare-au-gorille-chasseur-a-la-robe-noire-et-au-col-blanc-uq2u6tvbbp5f" class="stretched-link title article position-static"> Gare au Gorille ! Chasseur à la robe noire et au col blanc... </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 4 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/79d451ab567ddc7374b2ee13716112b2.jpeg" alt="Manifestation du 1er Mai : Couteau entre les dents ? Un peu d’Histoire…" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/manifestation-du-1er-mai-couteau-entre-les-dents-un-peu-d-histoire-wuf2q628bhuc" class="stretched-link title article position-static"> Manifestation du 1er Mai : Couteau entre les dents ? Un peu d’Histoire… </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 10 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/b979f1941267f0baff2ba581c08bad30.gif" alt="Education aux Médias : Influenceurs, selfies, des émotions pour de vrai ?" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/education-aux-medias-influenceurs-selfies-des-emotions-pour-de-vrai-6jqbfn7hq933" class="stretched-link title article position-static"> Education aux Médias : Influenceurs, selfies, des émotions pour de vrai ? </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/0b72f532a63252c74151ce831a50285e.png" alt="Développer son Metavers : l’éducation populaire plutôt que la marchandisation au service du Capital" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/developper-son-metavers-l-education-populaire-plutot-que-la-marchandisation-au-service-du-capital-aqq6j3ug7dhv" class="stretched-link title article position-static"> Développer son Metavers : l’éducation populaire plutôt que la marchandisation au service du Capital </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 14 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/e77300bbc33940d798110e0f854516c4.png" alt="Démocratie culturelle : l’Institution muséale, c’est moi, dans mon salon." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/democratie-culturelle-l-institution-museale-c-est-moi-dans-mon-salon-9aa2jfbted8u" class="stretched-link title article position-static"> Démocratie culturelle : l’Institution muséale, c’est moi, dans mon salon. </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 5 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/f1101c7ad549db539162df18eb420559.png" alt="Télétravail et bureaux virtuels 2d : professionnels et entreprises en visio spatialisée dans le Métavers" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/entrepreneuriat-et-start-up/teletravail-et-bureaux-virtuels-2d-professionnels-et-entreprises-en-visioconference-spatialisee-2rne9kagahgc" class="stretched-link title article position-static"> Télétravail et bureaux virtuels 2d : professionnels et entreprises en visio spatialisée dans le Métavers </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/0c408e74024ff8688a148625045f58a6.jpeg" alt="[Histoire - ESS] La Culture du Chanvre, dépollution et annihilation au début du 20ème siècle." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/histoire-ess-la-culture-du-chanvre-mt53prktbk7m" class="stretched-link title article position-static"> [Histoire - ESS] La Culture du Chanvre, dépollution et annihilation au début du 20ème siècle. </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 13 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/c53c9f3ea7b08eb597a585a8367b81ee.png" alt="Comment créer et travailler dans le Métavers" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/comment-creer-et-travailler-dans-le-metavers-qtjgj2p4rdaa" class="stretched-link title article position-static"> Comment créer et travailler dans le Métavers </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 10 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/14f38fe83e1da83166c135e92e531aa6.jpeg" alt="[Droit Public – Histoire] L’Intendant d’Ancien Régime : une genèse du Préfet" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/droit-public-histoire-l-intendant-d-ancien-regime-une-genese-du-prefet-2wfhmhkueg4p" class="stretched-link title article position-static"> [Droit Public – Histoire] L’Intendant d’Ancien Régime : une genèse du Préfet </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 7 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/cd7714cb7cb0617a58785b8a43bc0e8c.jpeg" alt="Sourçage des médias et expression citoyenne : offre d'Atelier" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/sourcage-des-medias-et-expression-citoyenne-offre-d-atelier-mkrnebkm8pdv" class="stretched-link title article position-static"> Sourçage des médias et expression citoyenne : offre d'Atelier </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 5 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/4d3f50125a3edc54b04113b6318054ab.png" alt="Revue de presse Economie Sociale et Solidaire - Mars Avril 2022" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/revue-de-presse-economie-sociale-et-solidaire-mars-2022-sqqupp9pqvum" class="stretched-link title article position-static"> Revue de presse Economie Sociale et Solidaire - Mars Avril 2022 </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4e9f1b5583edd496ca3e16b870852f68.jpeg);"></div> <span class="name"> François Vanhille </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 7 min </div> </div> </article> </div> </div> <div id="categoryArticles" class="position-relative d-none d-lg-block"> <div class="title d-flex align-items-center">Prolonger le voyage dans l'univers <strong>Culture</strong></div> <div class="d-none d-lg-flex flex-wrap justify-content-between" id="contentArticle"> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/f838547e01b5655465f08c2e8c06a16e.png" decoding="async" loading="lazy" alt="Vivement Dimanche ! (François Truffaut, 1983)" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/vivement-dimanche-francois-truffaut-1983-rsatjevwqmec" class="stretched-link title article position-static"> Vivement Dimanche ! (François Truffaut, 1983) </a> <p> </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Florence Oussadi </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 2 min </div> </div> </div> </article> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/88bbaa4dda1a285f770ff428f3cc9e98.png" decoding="async" loading="lazy" alt="Il Negativismo: Analisi del Sistema Filosofico di Nemo De Profetis" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/il-negativismo-analisi-del-sistema-filosoficodi-nemo-de-profetis-m7jejwqa4bwv" class="stretched-link title article position-static"> Il Negativismo: Analisi del Sistema Filosofico di Nemo De Profetis </a> <p> I. La Configurazione Metodologica: Giorgio Ruffa, Nemo De Profetis e </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Giorgio Ruffa </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 20 min </div> </div> </div> </article> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/9c71b269766aa983e1e21d5f62ec7e78.png" decoding="async" loading="lazy" alt="L'Homme voilé (Maroun Bagdadi, 1987)" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/l-homme-voile-maroun-bagdadi-1987-muaujw8av4tr" class="stretched-link title article position-static"> L'Homme voilé (Maroun Bagdadi, 1987) </a> <p> </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Florence Oussadi </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 4 min </div> </div> </div> </article> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/23286902e11ce506c67b07a210d7962a.png" decoding="async" loading="lazy" alt="“Les mots sont un jeu : 100 questions pour trouver ses mots” de Pierre Jaskarzec" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/les-mots-sont-un-jeu-100-questions-pour-trouver-ses-mots-de-pierre-jaskarzec-n3bephngbh83" class="stretched-link title article position-static"> “Les mots sont un jeu : 100 questions pour trouver ses mots” de Pierre Jaskarzec </a> <p> La langue française est difficile. Après avoir... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Philippe Schoepen </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 2 min </div> </div> </div> </article> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/6ebb7b0fa0237d3152b14eefd6242051.png" decoding="async" loading="lazy" alt="Auteurs visibilité de la semaine 49" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/auteurs-visibilite-de-la-semaine-49-nphc7nm5w97m" class="stretched-link title article position-static"> Auteurs visibilité de la semaine 49 </a> <p> Bonjour à toute la commu... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Panodyssey </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 1 min </div> </div> </div> </article> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/c99f18b26643438b9d5139f13abfb383.png" decoding="async" loading="lazy" alt="Nouvelle Chance (Anne Fontaine, 2006)" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/nouvelle-chance-anne-fontaine-2006-a9gef25jw7bb" class="stretched-link title article position-static"> Nouvelle Chance (Anne Fontaine, 2006) </a> <p> </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Florence Oussadi </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 3 min </div> </div> </div> </article> </div> </div> <div id="otherArticles" class="position-relative d-block d-lg-none"> <div class="title d-flex align-items-center">Prolonger le voyage dans l'univers <strong>Culture</strong></div> <div class="d-flex d-lg-none flex-row flex-nowrap overflow-auto pt-2 pb-2"> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/f838547e01b5655465f08c2e8c06a16e.png" alt="Vivement Dimanche ! (François Truffaut, 1983)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/vivement-dimanche-francois-truffaut-1983-rsatjevwqmec" class="stretched-link title article position-static"> Vivement Dimanche ! (François Truffaut, 1983) </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/9c369f74be30efa5a41c55b07c4f67e1.jpeg);"></div> <span class="name"> Florence Oussadi </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/88bbaa4dda1a285f770ff428f3cc9e98.png" alt="Il Negativismo: Analisi del Sistema Filosofico di Nemo De Profetis" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/il-negativismo-analisi-del-sistema-filosoficodi-nemo-de-profetis-m7jejwqa4bwv" class="stretched-link title article position-static"> Il Negativismo: Analisi del Sistema Filosofico di Nemo De Profetis </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/4dd05f42f80d9f3c2f1ba2f6e1ce2314.png);"></div> <span class="name"> Giorgio Ruffa </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 20 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/9c71b269766aa983e1e21d5f62ec7e78.png" alt="L'Homme voilé (Maroun Bagdadi, 1987)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/l-homme-voile-maroun-bagdadi-1987-muaujw8av4tr" class="stretched-link title article position-static"> L'Homme voilé (Maroun Bagdadi, 1987) </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/9c369f74be30efa5a41c55b07c4f67e1.jpeg);"></div> <span class="name"> Florence Oussadi </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 4 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/23286902e11ce506c67b07a210d7962a.png" alt="“Les mots sont un jeu : 100 questions pour trouver ses mots” de Pierre Jaskarzec" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/les-mots-sont-un-jeu-100-questions-pour-trouver-ses-mots-de-pierre-jaskarzec-n3bephngbh83" class="stretched-link title article position-static"> “Les mots sont un jeu : 100 questions pour trouver ses mots” de Pierre Jaskarzec </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/84b49c5e6f4b52195f117dc67dddd315.jpg);"></div> <span class="name"> Philippe Schoepen </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/6ebb7b0fa0237d3152b14eefd6242051.png" alt="Auteurs visibilité de la semaine 49" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/auteurs-visibilite-de-la-semaine-49-nphc7nm5w97m" class="stretched-link title article position-static"> Auteurs visibilité de la semaine 49 </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/28705f9df72eb2e428a112531d6992a3.png);"></div> <span class="name"> Panodyssey </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/c99f18b26643438b9d5139f13abfb383.png" alt="Nouvelle Chance (Anne Fontaine, 2006)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/nouvelle-chance-anne-fontaine-2006-a9gef25jw7bb" class="stretched-link title article position-static"> Nouvelle Chance (Anne Fontaine, 2006) </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/9c369f74be30efa5a41c55b07c4f67e1.jpeg);"></div> <span class="name"> Florence Oussadi </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> </div> </div> </div> <div id="notifications-fixed-bottom" class="d-none" data-liked="Tu as déjà réagi à cette publication" data-copied="Copié!"></div> <div class='d-none w-100 d-flex align-items-end text-center intoarticle' id="messageHint"> <div class="content w-100"> <h1 class="text-start"> <img src="/build/img/donate-popup.bcd31179.png" alt="donate" class="mx-auto d-block"> Tu peux soutenir les auteurs qui te tiennent à coeur </h1> <div id="buttons" class="d-flex flex-column flex-xl-row justify-content-center align-items-center"> <a href="#" class="btn closebtn closebtnarticle">J'ai compris</a> </div> </div> </div> <div id="sidebarrightcontainer"> <div id="sidebarright" class="v-non"> <button id="closesidebar"> <span class="material-icons pt-2 pb-2">close</span> </button> <div class="content d-flex flex-row flex-wrap"> </div> </div> </div> <div id="modalConnect" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center pe-5 ps-5"> Tu dois être connecté pour pouvoir commenter </h4> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span class="material-icons"> close </span> </button> </div> <div class="modal-body text-center" id="contenuModal"> <div class="d-flex align-items-center justify-content-around w-100 pb-4"> <a href="/fr/login" class="modal-close btn"> Connecte-toi </a> </div> </div> </div> </div> </div> <div id="modalIdCheck" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center pe-5 ps-5"> Tu dois avoir publié sur Panodyssey pour commenter </h4> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span class="material-icons"> close </span> </button> </div> <div class="modal-body text-center" id="contenuModal"> <div class="d-flex align-items-center justify-content-around w-100 pb-4"> <a href="/fr/article/create" class="modal-close btn"> Écris ta première publication </a> </div> </div> </div> </div> </div> <div class="modalshare modal fade" id="partageModal" tabindex="-1" aria-labelledby="partageModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title mt-0">Partager</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p>Partager ce lien via</p> <ul class="icons d-flex align-items-center justify-content-between px-0 flex-wrap"> <a target="_blank" href="https://api.whatsapp.com/send?&url=https://panodyssey.com/fr/article/culture/salon-metaversel-des-libre-auteurs-en-4-videos-et-5-recommandations-vhsch3t7q9gt" class="d-flex align-items-center justify-content-center what share_whatsapp"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0,0,256,256" style="fill:#FFFFFF;"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"><g fill="#757575" fill-rule="evenodd" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8,8)"><path d="M24.50391,7.50391c-2.25781,-2.25781 -5.25781,-3.50391 -8.45312,-3.50391c-6.58594,0 -11.94922,5.35938 -11.94922,11.94531c-0.00391,2.10547 0.54688,4.16016 1.59375,5.97266l-1.69531,6.19141l6.33594,-1.66406c1.74219,0.95313 3.71094,1.45313 5.71094,1.45703h0.00391c6.58594,0 11.94531,-5.35937 11.94922,-11.94922c0,-3.19141 -1.24219,-6.19141 -3.49609,-8.44922zM16.05078,25.88281h-0.00391c-1.78125,0 -3.53125,-0.48047 -5.05469,-1.38281l-0.36328,-0.21484l-3.76172,0.98438l1.00391,-3.66406l-0.23437,-0.375c-0.99609,-1.58203 -1.51953,-3.41016 -1.51953,-5.28516c0,-5.47266 4.45703,-9.92578 9.9375,-9.92578c2.65234,0 5.14453,1.03516 7.01953,2.91016c1.875,1.87891 2.90625,4.37109 2.90625,7.02344c0,5.47656 -4.45703,9.92969 -9.92969,9.92969zM21.49609,18.44531c-0.29687,-0.14844 -1.76562,-0.87109 -2.03906,-0.96875c-0.27344,-0.10156 -0.47266,-0.14844 -0.67187,0.14844c-0.19922,0.30078 -0.76953,0.97266 -0.94531,1.17188c-0.17187,0.19531 -0.34766,0.22266 -0.64453,0.07422c-0.30078,-0.14844 -1.26172,-0.46484 -2.40234,-1.48437c-0.88672,-0.78906 -1.48828,-1.76953 -1.66016,-2.06641c-0.17578,-0.30078 -0.01953,-0.46094 0.12891,-0.60937c0.13672,-0.13281 0.30078,-0.34766 0.44922,-0.52344c0.14844,-0.17187 0.19922,-0.29687 0.30078,-0.49609c0.09766,-0.19922 0.04688,-0.375 -0.02734,-0.52344c-0.07422,-0.14844 -0.67187,-1.62109 -0.92187,-2.21875c-0.24219,-0.58203 -0.48828,-0.5 -0.67187,-0.51172c-0.17187,-0.00781 -0.37109,-0.00781 -0.57031,-0.00781c-0.19922,0 -0.52344,0.07422 -0.79687,0.375c-0.27344,0.29688 -1.04297,1.01953 -1.04297,2.48828c0,1.46875 1.07031,2.89063 1.21875,3.08984c0.14844,0.19531 2.10547,3.21094 5.10156,4.50391c0.71094,0.30859 1.26563,0.49219 1.69922,0.62891c0.71484,0.22656 1.36719,0.19531 1.88281,0.12109c0.57422,-0.08594 1.76563,-0.72266 2.01563,-1.42187c0.24609,-0.69531 0.24609,-1.29297 0.17188,-1.41797c-0.07422,-0.125 -0.27344,-0.19922 -0.57422,-0.35156z"></path></g></g></g> </svg> </a> <a target="_blank" href="https://telegram.me/share/url?url=https://panodyssey.com/fr/article/culture/salon-metaversel-des-libre-auteurs-en-4-videos-et-5-recommandations-vhsch3t7q9gt" class="d-flex align-items-center justify-content-center tele share_telegram"> <svg width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path fill="#757575" d="M11.994 2a10 10 0 1 0 10 10a10 10 0 0 0-10-10Zm3.18 15.152a.705.705 0 0 1-1.002.352l-2.715-2.11l-1.742 1.608a.3.3 0 0 1-.285.039l.334-2.989l.01.009l.007-.059s4.885-4.448 5.084-4.637c.202-.189.135-.23.135-.23c.012-.23-.361 0-.361 0l-6.473 4.164l-2.695-.918s-.414-.148-.453-.475c-.041-.324.466-.5.466-.5l10.717-4.258s.881-.392.881.258Z"/> </svg> </a> <div class="break"></div> <a href="#" class="d-flex align-items-center justify-content-center linkedin share_linkedin" data-url="https://panodyssey.com/fr/article/culture/salon-metaversel-des-libre-auteurs-en-4-videos-et-5-recommandations-vhsch3t7q9gt"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0,0,256,256"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"><g fill="#757575" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M41,4h-32c-2.76,0 -5,2.24 -5,5v32c0,2.76 2.24,5 5,5h32c2.76,0 5,-2.24 5,-5v-32c0,-2.76 -2.24,-5 -5,-5zM17,20v19h-6v-19zM11,14.47c0,-1.4 1.2,-2.47 3,-2.47c1.8,0 2.93,1.07 3,2.47c0,1.4 -1.12,2.53 -3,2.53c-1.8,0 -3,-1.13 -3,-2.53zM39,39h-6c0,0 0,-9.26 0,-10c0,-2 -1,-4 -3.5,-4.04h-0.08c-2.42,0 -3.42,2.06 -3.42,4.04c0,0.91 0,10 0,10h-6v-19h6v2.56c0,0 1.93,-2.56 5.81,-2.56c3.97,0 7.19,2.73 7.19,8.26z"></path></g></g></g> </svg> </a> <a href="#" class="d-flex align-items-center justify-content-center fb share_facebook" data-url="https://panodyssey.com/fr/article/culture/salon-metaversel-des-libre-auteurs-en-4-videos-et-5-recommandations-vhsch3t7q9gt"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0,0,256,256"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"> <g fill-opacity="0" fill="#757575" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <path d="M21.33333,234.66667v-213.33333h213.33333v213.33333z" id="bgRectangle"></path> </g> <g fill="#757575" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M41,4h-32c-2.76,0 -5,2.24 -5,5v32c0,2.76 2.24,5 5,5h32c2.76,0 5,-2.24 5,-5v-32c0,-2.76 -2.24,-5 -5,-5zM37,19h-2c-2.14,0 -3,0.5 -3,2v3h5l-1,5h-4v15h-5v-15h-4v-5h4v-3c0,-4 2,-7 6,-7c2.9,0 4,1 4,1z"></path></g></g></g> </svg> </a> <a href="#" class="d-flex align-items-center justify-content-center tw share_twitter" data-url="https://panodyssey.com/fr/article/culture/salon-metaversel-des-libre-auteurs-en-4-videos-et-5-recommandations-vhsch3t7q9gt"> <svg viewBox="0 0 24 24" width="24" aria-hidden="true"> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="#757575"></path> </svg> </a> </ul> <p>Ou copier le lien</p> <div class="field d-flex align-items-center justify-content-between"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="20" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="me-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" /> </svg> <input type="text" class="urllink mb-0" id="urllink" readonly value="https://panodyssey.com/fr/article/culture/salon-metaversel-des-libre-auteurs-en-4-videos-et-5-recommandations-vhsch3t7q9gt"> <button data-clipboard-target="#urllink" class="copylink">Copier</button> </div> </div> </div> </div> </div> <div class="" id="modalDeleteComment" tabindex="-1" role="dialog" aria-labelledby="modalDeleteComment" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-center" id="exampleModalLabel"> Es-tu sûr(e) de vouloir supprimer ce commentaire ? </h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.75 5.25L5.25 18.75" stroke="#111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.75 18.75L5.25 5.25" stroke="#111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> <div class="modal-body text-center" id="contenuModal"> Tu es sur le point de supprimer ce commentaire : <blockquote class="d-block position-relative"></blockquote> </div> <div class="modal-footer"> <div class="d-flex align-items-center justify-content-around w-100"> <button class="waves-effect waves-light btn deleteThisComment d-flex justify-content-center align-items-center del" data-bs-dismiss="modal"> Supprimer </button> <button class="waves-effect waves-light btn closebtn d-flex justify-content-center align-items-center" data-bs-dismiss="modal"> Annuler </button> </div> </div> </div> </div> </div> </div> <div id="applicationpromo" class='container-fluid'> <div class="offset-lg-1 col-12 col-lg-10 info pl-0"> <div class="d-flex align-items-bottom justify-content-center justify-content-sm-between app-promo-wrap"> <img src="/build/img/landing/promoappfr.98b848b4.png" alt='promo' class="screen mx-0"> <p> Télécharge l'application mobile Panodyssey</p> <div class="d-flex align-items-center justify-content-center footer-app-logo"> <a href="https://apps.apple.com/fr/app/panodyssey/id6466750660" class="me-0"> <img width="160" alt='Get it on App Store' src='/build/img/landing/fr/apple_app.cc73a82b.svg'/> </a> <a href='https://play.google.com/store/apps/details?id=com.panodyssey.app'> <img width="160" alt='Disponible sur Google Play' src='/build/img/landing/fr/google_app.a4938c6b.svg'/> </a> </div> </div> </div> </div> <footer> <div class="container-fluid p-lg-0"> <div class="row align-items-center g-0 footer-logo-wrap"> <div class="offset-lg-1 col-12 col-md-12 col-xl-3 info pl-0"> <div class="logofooter"> <img class="" src="/build/img/landing/logo.8467c234.svg" alt="Panodyssey"/> </div> </div> </div> </div> <div class="container-fluid p-lg-0"> <div class="row g-0 social-wrap"> <div class="offset-lg-1 col-12 col-md-3" id="powered_by_stripe"> <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 34" width="120"> <defs> <style>.cls-1 { fill: #fff; }</style> </defs> <title>Powered by Stripe - white</title> <path class="cls-1" d="M146,0H3.73A3.73,3.73,0,0,0,0,3.73V30.27A3.73,3.73,0,0,0,3.73,34H146a4,4,0,0,0,4-4V4A4,4,0,0,0,146,0Zm3,30a3,3,0,0,1-3,3H3.73A2.74,2.74,0,0,1,1,30.27V3.73A2.74,2.74,0,0,1,3.73,1H146a3,3,0,0,1,3,3Z"/> <path class="cls-1" d="M17.07,11.24h-4.3V22h1.92V17.84h2.38c2.4,0,3.9-1.16,3.9-3.3S19.47,11.24,17.07,11.24Zm-.1,5H14.69v-3.3H17c1.38,0,2.11.59,2.11,1.65S18.35,16.19,17,16.19Z"/> <path class="cls-1" d="M25.1,14a3.77,3.77,0,0,0-3.8,4.09,3.81,3.81,0,1,0,7.59,0A3.76,3.76,0,0,0,25.1,14Zm0,6.67c-1.22,0-2-1-2-2.58s.76-2.58,2-2.58,2,1,2,2.58S26.31,20.66,25.1,20.66Z"/> <polygon class="cls-1" points="36.78 19.35 35.37 14.13 33.89 14.13 32.49 19.35 31.07 14.13 29.22 14.13 31.59 22.01 33.15 22.01 34.59 16.85 36.03 22.01 37.59 22.01 39.96 14.13 38.18 14.13 36.78 19.35"/> <path class="cls-1" d="M44,14a3.83,3.83,0,0,0-3.75,4.09,3.79,3.79,0,0,0,3.83,4.09A3.47,3.47,0,0,0,47.49,20L46,19.38a1.78,1.78,0,0,1-1.83,1.26A2.12,2.12,0,0,1,42,18.47h5.52v-.6C47.54,15.71,46.32,14,44,14Zm-1.93,3.13A1.92,1.92,0,0,1,44,15.5a1.56,1.56,0,0,1,1.69,1.62Z"/> <path class="cls-1" d="M50.69,15.3V14.13h-1.8V22h1.8V17.87a1.89,1.89,0,0,1,2-2,4.68,4.68,0,0,1,.66,0v-1.8c-.14,0-.3,0-.51,0A2.29,2.29,0,0,0,50.69,15.3Z"/> <path class="cls-1" d="M57.48,14a3.83,3.83,0,0,0-3.75,4.09,3.79,3.79,0,0,0,3.83,4.09A3.47,3.47,0,0,0,60.93,20l-1.54-.59a1.78,1.78,0,0,1-1.83,1.26,2.12,2.12,0,0,1-2.1-2.17H61v-.6C61,15.71,59.76,14,57.48,14Zm-1.93,3.13a1.92,1.92,0,0,1,1.92-1.62,1.56,1.56,0,0,1,1.69,1.62Z"/> <path class="cls-1" d="M67.56,15a2.85,2.85,0,0,0-2.26-1c-2.21,0-3.47,1.85-3.47,4.09s1.26,4.09,3.47,4.09a2.82,2.82,0,0,0,2.26-1V22h1.8V11.24h-1.8Zm0,3.35a2,2,0,0,1-2,2.28c-1.31,0-2-1-2-2.52s.7-2.52,2-2.52c1.11,0,2,.81,2,2.29Z"/> <path class="cls-1" d="M79.31,14A2.88,2.88,0,0,0,77,15V11.24h-1.8V22H77v-.83a2.86,2.86,0,0,0,2.27,1c2.2,0,3.46-1.86,3.46-4.09S81.51,14,79.31,14ZM79,20.6a2,2,0,0,1-2-2.28v-.47c0-1.48.84-2.29,2-2.29,1.3,0,2,1,2,2.52S80.25,20.6,79,20.6Z"/> <path class="cls-1" d="M86.93,19.66,85,14.13H83.1L86,21.72l-.3.74a1,1,0,0,1-1.14.79,4.12,4.12,0,0,1-.6,0v1.51a4.62,4.62,0,0,0,.73.05,2.67,2.67,0,0,0,2.78-2l3.24-8.62H88.82Z"/> <path class="cls-1" d="M125,12.43a3,3,0,0,0-2.13.87l-.14-.69h-2.39V25.53l2.72-.59V21.81a3,3,0,0,0,1.93.7c1.94,0,3.72-1.59,3.72-5.11C128.71,14.18,126.91,12.43,125,12.43Zm-.65,7.63a1.61,1.61,0,0,1-1.28-.52l0-4.11a1.64,1.64,0,0,1,1.3-.55c1,0,1.68,1.13,1.68,2.58S125.36,20.06,124.35,20.06Z"/> <path class="cls-1" d="M133.73,12.43c-2.62,0-4.21,2.26-4.21,5.11,0,3.37,1.88,5.08,4.56,5.08a6.12,6.12,0,0,0,3-.73V19.64a5.79,5.79,0,0,1-2.7.62c-1.08,0-2-.39-2.14-1.7h5.38c0-.15,0-.74,0-1C137.71,14.69,136.35,12.43,133.73,12.43Zm-1.47,4.07c0-1.26.77-1.79,1.45-1.79s1.4.53,1.4,1.79Z"/> <path class="cls-1" d="M113,13.36l-.17-.82h-2.32v9.71h2.68V15.67a1.87,1.87,0,0,1,2.05-.58V12.54A1.8,1.8,0,0,0,113,13.36Z"/> <path class="cls-1" d="M99.46,15.46c0-.44.36-.61.93-.61a5.9,5.9,0,0,1,2.7.72V12.94a7,7,0,0,0-2.7-.51c-2.21,0-3.68,1.18-3.68,3.16,0,3.1,4.14,2.6,4.14,3.93,0,.52-.44.69-1,.69a6.78,6.78,0,0,1-3-.9V22a7.38,7.38,0,0,0,3,.64c2.26,0,3.82-1.15,3.82-3.16C103.62,16.12,99.46,16.72,99.46,15.46Z"/> <path class="cls-1" d="M107.28,10.24l-2.65.58v8.93a2.77,2.77,0,0,0,2.82,2.87,4.16,4.16,0,0,0,1.91-.37V20c-.35.15-2.06.66-2.06-1V15h2.06V12.66h-2.06Z"/> <polygon class="cls-1" points="116.25 11.7 118.98 11.13 118.98 8.97 116.25 9.54 116.25 11.7"/> <rect class="cls-1" x="116.25" y="12.61" width="2.73" height="9.64"/> </svg> </div> <div class="col-12 mt-md-0 col-md-7 social" id="sociallinks"> <div class=""> <a href="https://www.instagram.com/panodyssey_official/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewBox="0,0,256,256"> <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <g transform="scale(5.12,5.12)"> <path d="M16,3c-7.16752,0 -13,5.83248 -13,13v18c0,7.16752 5.83248,13 13,13h18c7.16752,0 13,-5.83248 13,-13v-18c0,-7.16752 -5.83248,-13 -13,-13zM16,5h18c6.08648,0 11,4.91352 11,11v18c0,6.08648 -4.91352,11 -11,11h-18c-6.08648,0 -11,-4.91352 -11,-11v-18c0,-6.08648 4.91352,-11 11,-11zM37,11c-1.10457,0 -2,0.89543 -2,2c0,1.10457 0.89543,2 2,2c1.10457,0 2,-0.89543 2,-2c0,-1.10457 -0.89543,-2 -2,-2zM25,14c-6.06329,0 -11,4.93671 -11,11c0,6.06329 4.93671,11 11,11c6.06329,0 11,-4.93671 11,-11c0,-6.06329 -4.93671,-11 -11,-11zM25,16c4.98241,0 9,4.01759 9,9c0,4.98241 -4.01759,9 -9,9c-4.98241,0 -9,-4.01759 -9,-9c0,-4.98241 4.01759,-9 9,-9z"></path> </g> </g> </svg> </a> <a href="https://panodyssey.com/fr/user/panodyssey-nfram"> <img src="/build/img/footer/logo-panodyssey.f5378e82.svg" alt="Panodyssey" class="m-0 panodysseylogo"> </a> <a href="https://twitter.com/Panodysseyoff" target="_blank"> <svg viewBox="0 0 24 24" width="24" aria-hidden="true" class=""> <g> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path> </g> </svg> </a> <a href="https://www.tiktok.com/@panodyssey" target="_blank"> <svg width="28" height="28" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48z"/> </svg> </a> <a href="https://www.linkedin.com/company/panodyssey/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewBox="0,0,256,256"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"> <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <g transform="scale(5.12,5.12)"> <path d="M41,4h-32c-2.76,0 -5,2.24 -5,5v32c0,2.76 2.24,5 5,5h32c2.76,0 5,-2.24 5,-5v-32c0,-2.76 -2.24,-5 -5,-5zM17,20v19h-6v-19zM11,14.47c0,-1.4 1.2,-2.47 3,-2.47c1.8,0 2.93,1.07 3,2.47c0,1.4 -1.12,2.53 -3,2.53c-1.8,0 -3,-1.13 -3,-2.53zM39,39h-6c0,0 0,-9.26 0,-10c0,-2 -1,-4 -3.5,-4.04h-0.08c-2.42,0 -3.42,2.06 -3.42,4.04c0,0.91 0,10 0,10h-6v-19h6v2.56c0,0 1.93,-2.56 5.81,-2.56c3.97,0 7.19,2.73 7.19,8.26z"></path> </g> </g> </g> </svg> </a> <a href="https://www.facebook.com/panodysseyoff/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewBox="0,0,256,256"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"> <g fill-opacity="0" fill="#dddddd" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <path d="M21.33333,234.66667v-213.33333h213.33333v213.33333z" id="bgRectangle"></path> </g> <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <g transform="scale(5.12,5.12)"> <path d="M41,4h-32c-2.76,0 -5,2.24 -5,5v32c0,2.76 2.24,5 5,5h32c2.76,0 5,-2.24 5,-5v-32c0,-2.76 -2.24,-5 -5,-5zM37,19h-2c-2.14,0 -3,0.5 -3,2v3h5l-1,5h-4v15h-5v-15h-4v-5h4v-3c0,-4 2,-7 6,-7c2.9,0 4,1 4,1z"></path> </g> </g> </g> </svg> </a> <a href="https://www.youtube.com/channel/UCey1b4NcVBDX_6FSQ9EUXZQ/videos/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewBox="0,0,256,256"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"> <g fill-opacity="0" fill="#dddddd" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <path d="M21.33333,234.66667v-213.33333h213.33333v213.33333z" id="bgRectangle"></path> </g> <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <g transform="scale(5.33333,5.33333)"> <path d="M43.2,33.9c-0.4,2.1 -2.1,3.7 -4.2,4c-3.3,0.5 -8.8,1.1 -15,1.1c-6.1,0 -11.6,-0.6 -15,-1.1c-2.1,-0.3 -3.8,-1.9 -4.2,-4c-0.4,-2.3 -0.8,-5.7 -0.8,-9.9c0,-4.2 0.4,-7.6 0.8,-9.9c0.4,-2.1 2.1,-3.7 4.2,-4c3.3,-0.5 8.8,-1.1 15,-1.1c6.2,0 11.6,0.6 15,1.1c2.1,0.3 3.8,1.9 4.2,4c0.4,2.3 0.9,5.7 0.9,9.9c-0.1,4.2 -0.5,7.6 -0.9,9.9z"></path> <path d="M20,31v-14l12,7z" fill="#495051"></path> </g> </g> </g> </svg> </a> </div> </div> </div> </div> <div class="row g-0"> <div class="col-12 row g-0 p-0 d-flex align-items-start justify-content-center" id="footerlinks"> <div class="row links col-12 p-0 g-0"> <div class="col-12 col-md-3 d-flex flex-column"> <b class='text-uppercase'>À propos</b> <a href="/fr/bienvenue">Présentation Panodyssey</a> <a href="/fr/panodyssey-app">Application Mobile</a> <a href="/fr/a-propos">Notre Odyssée européenne</a> <a href=" https://panodyssey.com/fr/article/tech/manifeste-panodyssey-reconcilier-ethique-et-numerique-5nhps6mk8k9p ">Manifeste</a> <a href="https://panodyssey.com/fr/creative/room/concours-d-ecriture-panodyssey-h2prebbwk8e2">Concours d'écriture</a> </div> <div class="col-12 col-md-3 d-flex flex-column"> <b class='text-uppercase'>Offres</b> <a href="/fr/offres-gratuites-et-payantes">Offres gratuites et payantes</a> <a href="/fr/panodyssey-gratuit">Panodyssey Gratuit</a> <a href="/fr/panodyssey-pro">Panodyssey Pro</a> <a href="/fr/panodyssey-visibilite">Panodyssey Visibilité</a> <a href="/fr/panodyssey-entreprise">Panodyssey Entreprise</a> </div> <div class="col-12 col-md-3 d-flex flex-column"> <b>Services</b> <a href="mailto:info@panodyssey.com ">Contact</a> <a href="/fr/login">Mon Compte</a> <a href="/fr/bienvenue">FAQ</a> <a href="/fr/offres-gratuites-et-payantes">FAQ Offres</a> </div> <div class="col-12 col-md-3 d-flex flex-column"> <b>Légal</b> <a href="/fr/legales" class="href">Mentions légales</a> <a href="/fr/cgu" class="href">CGU / CGV</a> <a id="dpp" href="/fr/privacy" class="href">Protection des données</a> <a href="https://airtable.com/shrtzrqq0OeQvWAcE" class="href" target="_blank">Procédure de signalement</a> <a href="#" class="href" data-bs-toggle="modal" data-bs-target="#rgpdbox">Gestion des cookies</a> <a href="/fr/politique-de-securite-des-enfants" class="href">Politique de sécurité des enfants</a> </div> </div> </div> </div> <div class="row g-0" id="categoriesfooter"> <div class="offset-lg-1 col-12 col-sm-6 col-lg-5"> <strong> <svg width="24" height="24" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 23.625C23.5919 23.625 28.125 19.0919 28.125 13.5C28.125 7.90812 23.5919 3.375 18 3.375C12.4081 3.375 7.875 7.90812 7.875 13.5C7.875 19.0919 12.4081 23.625 18 23.625Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M13.5 13.5H22.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18 9V18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M28.336 23.8359C25.5947 26.5772 21.8768 28.1172 18 28.1172C14.1233 28.1172 10.4054 26.5772 7.6641 23.8359C4.92284 21.0947 3.38281 17.3767 3.38281 13.5C3.38281 9.62327 4.92284 5.90532 7.6641 3.16406" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M13.5 32.625H22.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18 28.125V32.625" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span>Non-Fiction</span> </strong> <div class='d-flex flex-wrap flex-column listofcategories'> <div class="col-6"> <a href="/fr/category/artisanat"> Artisanat </a> </div> <div class="col-6"> <a href="/fr/category/arts"> Arts </a> </div> <div class="col-6"> <a href="/fr/category/bien-etre"> Bien-être </a> </div> <div class="col-6"> <a href="/fr/category/biographie"> Biographie </a> </div> <div class="col-6"> <a href="/fr/category/cuisine"> Cuisine </a> </div> <div class="col-6"> <a href="/fr/category/culture"> Culture </a> </div> <div class="col-6"> <a href="/fr/category/curiosites"> Curiosités </a> </div> <div class="col-6"> <a href="/fr/category/developpement-personnel"> Développement personnel </a> </div> <div class="col-6"> <a href="/fr/category/economie"> Économie </a> </div> <div class="col-6"> <a href="/fr/category/education-et-formation"> Éducation et formation </a> </div> <div class="col-6"> <a href="/fr/category/entrepreneuriat-et-start-up"> Entrepreneuriat et start-up </a> </div> <div class="col-6"> <a href="/fr/category/environnement"> Environnement </a> </div> <div class="col-6"> <a href="/fr/category/famille"> Famille </a> </div> <div class="col-6"> <a href="/fr/category/finance-et-marches"> Finance et marchés </a> </div> <div class="col-6"> <a href="/fr/category/gastronomie"> Gastronomie </a> </div> <div class="col-6"> <a href="/fr/category/ia"> IA </a> </div> <div class="col-6"> <a href="/fr/category/image"> Image </a> </div> <div class="col-6"> <a href="/fr/category/jeux-video-et-jeux"> Jeux vidéo et jeux </a> </div> <div class="col-6"> <a href="/fr/category/maison-decoration-et-diy"> Maison, décoration et DIY </a> </div> <div class="col-6"> <a href="/fr/category/mode-et-beaute"> Mode et beauté </a> </div> <div class="col-6"> <a href="/fr/category/musique"> Musique </a> </div> <div class="col-6"> <a href="/fr/category/nature"> Nature </a> </div> <div class="col-6"> <a href="/fr/category/politique"> Politique </a> </div> <div class="col-6"> <a href="/fr/category/sante"> Santé </a> </div> <div class="col-6"> <a href="/fr/category/science"> Science </a> </div> <div class="col-6"> <a href="/fr/category/societe"> Société </a> </div> <div class="col-6"> <a href="/fr/category/sport"> Sport </a> </div> <div class="col-6"> <a href="/fr/category/technologie"> Technologie </a> </div> <div class="col-6"> <a href="/fr/category/voyage"> Voyage </a> </div> </div> </div> <div class="col-12 col-sm-6 col-lg-5 mt-3 mt-sm-0"> <strong> <svg width="24" height="24" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.25 5.625H6.75C6.12868 5.625 5.625 6.12868 5.625 6.75V29.25C5.625 29.8713 6.12868 30.375 6.75 30.375H11.25C11.8713 30.375 12.375 29.8713 12.375 29.25V6.75C12.375 6.12868 11.8713 5.625 11.25 5.625Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M5.625 11.25H12.375" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18 5.625H13.5C12.8787 5.625 12.375 6.12868 12.375 6.75V29.25C12.375 29.8713 12.8787 30.375 13.5 30.375H18C18.6213 30.375 19.125 29.8713 19.125 29.25V6.75C19.125 6.12868 18.6213 5.625 18 5.625Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12.375 24.75H19.125" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M24.6848 5.25683L20.3198 6.42683C19.7171 6.58837 19.3595 7.2079 19.521 7.81058L25.371 29.6356C25.5326 30.2383 26.1521 30.5959 26.7548 30.4343L31.1198 29.2643C31.7224 29.1028 32.0801 28.4833 31.9185 27.8806L26.0685 6.05558C25.907 5.4529 25.2874 5.09529 24.6848 5.25683Z" stroke="white" stroke-width="2.00848" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M24.075 25.2L30.6 23.4422" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M20.5875 12.15L27.1125 10.4062" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span>Fiction</span> </strong> <div class='d-flex flex-wrap flex-column listofcategories'> <div class="col-6"> <a href="/fr/category/absurde"> Absurde </a> </div> <div class="col-6"> <a href="/fr/category/aventure"> Aventure </a> </div> <div class="col-6"> <a href="/fr/category/bande-dessinee-manga-et-comics"> Bande déssinée, manga et comics </a> </div> <div class="col-6"> <a href="/fr/category/conte"> Conte </a> </div> <div class="col-6"> <a href="/fr/category/drame"> Drame </a> </div> <div class="col-6"> <a href="/fr/category/erotisme"> Érotisme </a> </div> <div class="col-6"> <a href="/fr/category/esoterisme"> Ésotérisme </a> </div> <div class="col-6"> <a href="/fr/category/fanfiction"> Fanfiction </a> </div> <div class="col-6"> <a href="/fr/category/fantaisie"> Fantaisie </a> </div> <div class="col-6"> <a href="/fr/category/historique"> Historique </a> </div> <div class="col-6"> <a href="/fr/category/horreur"> Horreur </a> </div> <div class="col-6"> <a href="/fr/category/humour"> Humour </a> </div> <div class="col-6"> <a href="/fr/category/illustration"> Illustration </a> </div> <div class="col-6"> <a href="/fr/category/jeunesse"> Jeunesse </a> </div> <div class="col-6"> <a href="/fr/category/mer-et-ocean"> Mer et océan </a> </div> <div class="col-6"> <a href="/fr/category/new-romance"> New Romance </a> </div> <div class="col-6"> <a href="/fr/category/poesie-et-chanson"> Poésie et chanson </a> </div> <div class="col-6"> <a href="/fr/category/policier"> Policier </a> </div> <div class="col-6"> <a href="/fr/category/romance"> Romance </a> </div> <div class="col-6"> <a href="/fr/category/romance-chick-lit"> Romance chick-lit </a> </div> <div class="col-6"> <a href="/fr/category/romance-erotique"> Romance érotique </a> </div> <div class="col-6"> <a href="/fr/category/romance-historique"> Romance historique </a> </div> <div class="col-6"> <a href="/fr/category/romance-paranormale"> Romance paranormale </a> </div> <div class="col-6"> <a href="/fr/category/science-fiction"> Science fiction </a> </div> <div class="col-6"> <a href="/fr/category/theatre"> Théâtre </a> </div> </div> </div> </div> <hr class="mx-auto mobile-hide"> <div class="row align-items-flex-start g-0 footer-form-wrap"> <div class="offset-lg-1 col-12 col-md-12 col-xl-3 info pl-0"> <div class="subscribe-text"> S'inscrire à la newsletter </div> </div> <div class="offset-lg-1 col-12 info pl-0 text-start text-md-end pr-0 col-md-12 col-lg-10 col-xl-6 "> <form class="subscribe-from" action="https://38b83ab1.sibforms.com/serve/MUIEAMZ5lneqVBRNwHQyRYjMb4fj3AmqeBySZ9ZwYcQ_agrZJ5p0m9U-VNmeyyAUoEVRNe2AsnXQo-UH4HCtU_ARvyQ0Q3g2WlRGo_egc2QF0JemiwSusBLBS_onLcdUrwJO08CYB0BMRHfszcwHWT0MMvZ817boJH622ka0QpFv5w-jqHmExjQ6NyorRx7oo_AnzzDcXX_dZenh" method="post"> <div class="form-group subscribe-from-name"> <input type="text" class="form-control inputform" name="name" placeholder=" Nom et prénom" required=""> </div> <div class="form-group subscribe-from-email"> <input type="text" class="form-control inputform mb-0" name="email" placeholder=" Email" required=""> </div> <div class="form-group subscribe-from-btn"> <button type="submit" class="btn btnprimary"> S'inscrire </button> </div> </form> </div> </div> <div class="row align-items-center g-0"> <div class="offset-lg-1 col-12 col-md-10 tems"> <div class="footer-partner"> <div class=" europe europe-m1"> <a href="https://www.panodyssey.com/fr/article/technologie/crea-trust-ai-nouveau-consortium-europeen-dedie-au-numerique-de-confiance-et-aux-technologies-ia-uad2tjeftt4r" id="trustai"> <img src="/build/img/landing/trustai_white.a12f577c.svg" alt="Crea Trust AI" class="mx-0 europe1"> </a> </div> <div class=" europe europe-m2"> <img src="/build/img/landing/eu.771f3df5.svg" alt="europe" class="mx-0"> <p class="text-start ms-2 mb-0">Co-funded by<br/>the European Union</p> </div> <div class="europetems europe-m3"> <a href="https://panodyssey.com/fr/article/tech/lancement-du-consortium-europeen-trust-european-media-data-space-tems-b38sfv3tjpjs" id="tems"> <img src="/build/img/tems-logo-H.e82d51dd.svg" alt="Trusted european media data space" class="mx-0 europe1"> </a> </div> <div class="europe europe-m4"> <img src="/build/img/landing/eu.771f3df5.svg" alt="europe" class="mx-0"> <p class="text-start ms-2 mb-0">Funded by the Digital<br> Europe Programme </p> </div> </div> </div> </div> <div class="row copyright-wrap "> <hr class="mx-auto mx24-auto"> <div class="col-12 text-center copyright"> © 2025 Panodyssey Holding Group. Tous droits réservés </div> </div> </div> </footer> <div class="modal fade" id="appmode" tabindex="-1" role="dialog" aria-hidden="true" > <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="container-fluid"> <div class="row"> <div class="col-12 pt-3 text-center"> <img src="/build/img/appmode.f6eeff29.png" alt="appmode" class="top"> <h5 class="text-center modal-title" id="sign-up-title"> Panodyssey arrive sur mobile </h5> </div> </div> </div> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" > <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>Ajoute Panodyssey à tes applications</p> <ul class="p-0 apple d-none"> <li>- Ouvrir Panodyssey dans Safari</li> <li>- Cliquer sur le partage, en bas de l’écran <img src="/build/img/partage.8588bcbb.png" alt="partage"></li> <li>- Puis sur l’option “Sur l’écran d’accueil” et confirmer</li> </ul> <ul class="p-0 android d-none"> <li>- Ouvrir Panodyssey dans un navigateur</li> <li>- Cliquer sur option, en haut à gauche de l’écran <img src="/build/img/partage-android.1eaed603.png" alt="partage"></li> <li>- Puis sur “Ajouter à l’écran d’accueil” et confirmer</li> </ul> <button class='btn mx-auto mt-4 mb-2 d-block' data-bs-dismiss="modal" aria-label="Close"> J'ai compris </button> </div> </div> </div> </div> <div class="modal fade" id="rgpdbox" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false" > <div class="modal-dialog modal-dialog-centered"> <form id="cookiesForm" name="cookiesForm" action="/cookie/rgpd/consent" method="post"> <div class="modal-content"> <div id="gestion"> <div class="modal-header"> <h5 class="modal-title text-start">Panodyssey respects your privacy</h5> </div> <div class="modal-body"> <p>There are <b>no ads</b> on Panodyssey. Cookies will never be used to serve targeted advertising.</p> <p>With your permission, we would like to use cookies requiring your consent in order to measure our audience by tracking the number of visitors to our site and understanding how you arrived here.</p> <p>For more information you can check out our <a href="/en/privacy" class="link me-0">Privacy Policy page</a>.</p> <p><b>You are free</b> to accept, manage or reject the use of cookies but byt doing so, your experience will not be optimised.</p> </div> <div class="d-flex align-items-center btns justify-content-center flex-column flex-sm-row"> <a href="#" class="link text-underline" id="gestionBtn">Manage cookies</a> <a href="#" class="btn reject">Refuse</a> <a href="#" class="btn btn-reverse accept">Accept</a> </div> </div> <div id="options" class='d-none'> <div class="modal-header"> <div class="d-flex align-items-center justify-content-between cursor-pointer w-100" role="button" tabindex="0"> <i class="fas fa-chevron-left"></i> <h5 class="modal-title text-center">Manage cookies</h5> </div> </div> <div class="modal-body"> <div class="switcher d-flex flex-column flex-sm-row align-items-center justify-content-between"> <span><b>Necessary cookies</b></span> <div class="toggle d-flex align-items-center justify-content-end justify-content-sm-between"> <span class="active d-block">Enabled</span> <span class="inactive d-none">Disabled</span> <div class="form-check form-switch" data-bs-toggle="tooltip" data-placement="bottom" title="Cannot be disabled"> <input type="checkbox" role="switch" class="form-check-input d-flex" id="necessaryCookies" name="necessaryCookies" value="1" checked disabled> <label class="form-check-label" for="necessaryCookies"></label> </div> </div> </div> <p class='mt-3'>These cookies ensure the proper functioning of the platform, which cannot work without them. They allow us to limit the number of publications you can read without being registered. They are accepted by default.</p> <div class="switcher d-flex flex-column flex-sm-row align-items-center justify-content-between mt-3"> <span><b>Analytics cookies</b></span> <div class="toggle d-flex align-items-center justify-content-end justify-content-sm-between"> <span class="active d-block">Enabled</span> <span class="inactive d-none">Disabled</span> <div class="form-check form-switch"> <input type="checkbox" role="switch" class="form-check-input d-flex" id="analyticsCookies" name="analyticsCookies" value="1" checked> <label class="custom-control-label" for="analyticsCookies"></label> </div> </div> </div> <p class='mt-3'>These cookies allow us to measure our audience and to know how you ended up on the Panodyssey website.</p> <div class="switcher d-flex flex-column flex-sm-row align-items-center justify-content-between mt-3"> <span><b>Targeted advertising cookies</b></span> <div class="toggle d-flex align-items-center justify-content-end justify-content-sm-between"> <span class="inactive">Disabled</span> <div class="form-check form-switch" data-bs-toggle="tooltip" data-placement="bottom" title="Cannot be activated"> <input type="checkbox" role="switch" class="form-check-input d-flex" id="advertisingTargetingCookies" name="advertisingTargetingCookies" value="1" disabled> <label class="custom-control-label" for="advertisingTargetingCookies"></label> </div> </div> </div> <p class='mt-3'>Panodyssey is committed to providing an ad-free platform. We do not use this type of cookies. They are disabled by default.</p> <div class="switcher d-flex flex-column flex-sm-row align-items-center justify-content-between mt-3"> <span><b>Social media cookies</b></span> <div class="toggle d-flex align-items-center justify-content-end justify-content-sm-between"> <span class="inactive">Disabled</span> <div class="form-check form-switch" data-bs-toggle="tooltip" data-placement="bottom" title="Cannot be activated"> <input type="checkbox" role="switch" class="form-check-input d-flex" id="socialNetworkingCookies" name="socialNetworkingCookies" value="1" disabled> <label class="custom-control-label" for="socialNetworkingCookies"></label> </div> </div> </div> <p class='mt-3'>Panodyssey is committed to respecting your privacy. We do not use cookies to manage the posts you share on your social media handles. These are therefore disabled by default.</p> <div class="d-flex align-items-center btns justify-content-end pe-0"> <a href="#" class="btn btn-reverse me-0 save">Save</a> </div> </div> </div> </div> </form> </div> </div> <div class='modal fade' id="nwslModal" tabindex="-1" role="dialog" aria-labelledby="nwslModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-content border-0 d-flex flex-column justify-content-between"> </div> </div> </div> </div></div> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script src="/build/cookies.bfd0a621.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="/build/3011.8e1a4c6a.js"></script><script src="/build/277.4fe2c017.js"></script><script src="/build/app.728e7b99.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.1.62/jquery.inputmask.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/autosize.js/4.0.2/autosize.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script> <script src="/build/menu-toggle.6a9c49a6.js"></script> <script src="/build/navbar-reduce.5272359c.js"></script> <script src="/build/popup.8a439736.js"></script> <script src="/build/article-display.3627cca8.js"></script> <script src="/build/modaljs.1c1400f5.js"></script> <script src="/build/menu.cc377ae4.js"></script> <script src="/build/rgpdjs.74b64fcd.js"></script> <script src="/build/lazyloadsrc.63ac3b83.js"></script> <script> var rgparefuse = "\/fr\/bye"; $(document).ready(function(){ if($('#rgpdbox').length){ $('#rgpdbox').modal('toggle') } }); $(document).on('click',"a.nwsl",function(){ if($('#nwslModal .modal-content .modal-content .sib-form').length < 1){ $.ajax({ type: 'POST', url: $(this).attr('data-href'), success: function(html) { $('#nwslModal .modal-content .modal-content').html(html) } }); } }); </script> <script> var ajax = function (url) { return new Promise(function (resolve, reject) { var xhr = new window.XMLHttpRequest() xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status === 200) { resolve(xhr.response) } else { reject(xhr) } } } xhr.open('GET', url, true) xhr.send() }) }; var getElement = async function (url) { try { let response = await ajax(url) return response } catch (e) { console.error('Error : ', e) } } var skeletonLi = `<li class="p-3"> <div class="d-flex flex-row link position-relative"> <skeleton-box radius="100%" width="42" height="42"></skeleton-box> <div class="position-relative d-block" style="margin-left: 10px;width: 100%"> <skeleton-box lines="2" width="100%"></skeleton-box> <skeleton-box lines="2" width="100%"></skeleton-box> </div> </div> </li>` var skeletonLiMessage = `<li class="p-3"> <div class="d-flex flex-row link position-relative"> <skeleton-box radius="100%" width="42" height="42"></skeleton-box> <div class="position-relative d-block" style="margin-left: 10px;width: 100%"> <skeleton-box lines="3" width="100%"></skeleton-box> </div> </div> </li>` var skeletonArticle = `<article class="row col-12 col-lg-4 d-flex flex-column flex-wrap mb-3"> <skeleton-box radius="0" width="100%" height="252px"></skeleton-box> <div class="position-relative d-block" style="margin-top: 1rem;width: 100%"> <skeleton-box class="category" width="50%"></skeleton-box> </div> <div class="position-relative d-block title" style="margin-top: 1rem;margin-bottom: 1rem;width: 100%"> <skeleton-box height="35" class="h2" width="100%"></skeleton-box> </div> <div class="position-absolute d-block author" style="bottom: 0;width: 100%"> <skeleton-box height="19" width="80%"></skeleton-box> </div> </article>` var skeletonArticleTag = `<article class="col-12 col-lg-6 col-xl-3 flex-column flex-wrap mb-3 p-0 d-flex"> <skeleton-box radius="0" width="100%" height="350px"></skeleton-box> <div class="position-relative d-block mx-auto" style="margin-top: 1rem;width: 100%;margin-left:5%!important"> <skeleton-box class="h2" lines="2" width="90%"></skeleton-box> </div> <div class="d-flex flex-row align-items-center link position-relative" style="margin-left:5%!important;padding-bottom: 30px"> <skeleton-box radius="100%" width="42" height="42"></skeleton-box> <div class="position-relative d-block" style="margin-left: 10px;width: 100%"> <skeleton-box width="50%"></skeleton-box> </div> </div> </article>` var addSkeleton = async function(type,page){ try{ if(type == 'notifications'){ let skeleton = `<div id="skeletonWait`+ page +`">`; let count = parseInt($('#notification-count').html()) - $('#notification-data #ctnscroll li').length if(count >= 3){ for($i = 1;$i <= 3;$i++){ skeleton += skeletonLi } }else{ skeleton += skeletonLi } skeleton += `</div>`; let response = await $('#notification-data #ctnscrollnotifs').append(skeleton) return response } if(type == "messages"){ let skeleton = `<div id="skeletonWait`+ page +`">`; let count = parseInt($('#message-notification-count').html()) - $('#notification-message-data #ctnscroll li').length if(count >= 3){ for($i = 1;$i <= 3;$i++){ skeleton += skeletonLiMessage } }else{ skeleton += skeletonLiMessage } skeleton += `</div>`; let response = await $('#notification-message-data #ctnscrollmessages').append(skeleton) return response } if(type == "articles"){ let skeleton = `<div id="skeleton`+ page +`" class="d-flex flex-wrap w-100">`; let count = parseInt($('#contentListing').data('articles')) if(count >= 3){ for($i = 1;$i <= 3;$i++){ skeleton += skeletonArticle } }else{ skeleton += skeletonArticle } skeleton += `</div>`; let response = await $('#contentListing').append(skeleton) return response } if(type == "articlesTag"){ let skeleton = `<div id="skeleton`+ page +`" class="d-flex flex-wrap w-100">`; let count = parseInt($('#contentListing').data('articles')) if(count >= 3){ for($i = 1;$i <= count;$i++){ skeleton += skeletonArticleTag } }else{ skeleton += skeletonArticleTag } skeleton += `</div>`; let response = await $('#contentListing').append(skeleton) return response } }catch(e){ console.log('Error : ',e) } } </script> <script src="/build/partage.061c8f0c.js"></script> <script src="/build/follow-btn.fb392923.js"></script> <script src="/build/btn-friend.e94541a6.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <script> let removeURL = ""; let likeboxposition; $(document).on('click','.copylink',function(e){ $('.modalshare.show').append(`<div class="alert alert-success" role="alert">lien <strong>copié</strong> !</div>`) setTimeout(function(){ $('.modalshare.show .alert').addClass('d-none') }, 5000); }) $(document).ready(function(){ new ClipboardJS('.copylink'); //patch -- remove if($(window).width() > 991) $(window).scrollTop(500) //patch -- remove likeboxposition = $('#likeMobile').offset().top // if($('#article .content.contentarticle.premium').length > 0){ // var maxHeight = 0; // $('#article .content.contentarticle.premium p').each(function() { // maxHeight += $(this).height(); // } // ); // maxHeight = maxHeight*0.25; // $('#article .content.contentarticle.premium').css('max-height',maxHeight+'px'); // } if(window.location.hash != ""){ $('#sidebarrightcontainer').addClass("v-on"); $('article').each(function(){ if("#"+$(this).data('id') == window.location.hash){ $('#comments').scrollTop($(this).offset().top); $(this).addClass('effectIn'); } }) } $('#article .content iframe').each(function() { if ($(this).parent().is('blockquote')) { if($(this).parent('blockquote').hasClass('tiktok-embed')){ //tiktok }else{ $(this).wrapAll('<div class="iframevideo">'); } } }); if($('#otherArticles article').length * $('#otherArticles article').width() > $('#otherArticles .overflow-auto').width()){ $('#scrollContainer').removeClass('d-none').addClass('d-flex'); } $('#comments').appendTo($('#sidebarright .content')); $('textarea#comment_comment').characterCounter(); }); $(document).on('focus','#comment_comment',function(){ if(!$('.infocontact').hasClass('focus')){ $('.infocontact').addClass('focus'); $('#commentaire').addClass('focus'); }else{ if($('#commentaire').hasClass('focusout')){ $('#commentaire').removeClass('focusout'); } } }); $(document).on('focusout','#comment_comment',function(){ if($('.infocontact').hasClass('focus')){ $('#commentaire').addClass('focusout'); } }); $(document).on('click','#commentsBtn',function(){ $('#sidebarrightcontainer').addClass("v-on"); $('.interactionButton').each(function(){ if($(this).hasClass('active')){ $(this).removeClass('active') $(this).parent().removeClass('active') } }) }); $(document).on('click','.btnComments',function(){ $('#sidebarrightcontainer').addClass("v-on"); $('.interactionButton').each(function(){ if($(this).hasClass('active')){ $(this).removeClass('active') $(this).parent().removeClass('active') } }) }); $(document).on('click','#commentsBtnBottom',function(){ $('#sidebarrightcontainer').addClass("v-on"); }); $(document).on('click','#closesidebar',function(){ $("#sidebarrightcontainer").addClass("v-on-animate").delay(1000).queue(function(next){ $(this).removeClass("v-on").removeClass("v-on-animate"); next(); }); }); let lastScrollTop = 0; let state = 'bottom' $(document).on('click','.scrollable',function(){ $('.collabs').animate({scrollLeft: 110}, 500) }); $(document).on('scroll',function(){ if($(window).width() > 980){ var st = $(this).scrollTop(); if (st > lastScrollTop){ //if($(window).scrollTop() > 320 && !$('#articler').hasClass('minibanner')){ if($(window).scrollTop() > 570 && !$('#articler').hasClass('minibanner')){ $('#article').addClass('minibanner'); $('.minibanner .banner').removeAttr('style'); } if($(document).scrollTop() + 150 >= $('#sidebararticle').offset().top && !$('#sidebararticle').hasClass('position-fixed')){ $('#sidebararticle').addClass('position-fixed'); } if($('#prev').length > 0){ if($(window).scrollTop()+$(window).height() >= $('#prev').position().top && !$('.minibanner').hasClass('end')){ $('.minibanner').addClass('end'); $('.minibanner .banner').addClass('absolute').css('top',($(window).scrollTop() - 680)); $('.minibanner .read_progress').addClass('absolute').css('top',($(window).scrollTop() - 390)); $('.minibanner #sidebararticle').addClass('absolute').css('top',($(window).scrollTop() + 132)); } }else{ if($(window).scrollTop()+$(window).height() >= ($('#article .content').height() + $('#article .content').offset().top) && !$('.minibanner').hasClass('end')){ $('.minibanner').addClass('end'); $('.minibanner .banner').addClass('absolute').css('top',($(window).scrollTop() - 680)); $('.minibanner .read_progress').addClass('absolute').css('top',($(window).scrollTop() - 390)); $('.minibanner #sidebararticle').addClass('absolute').css('top',($(window).scrollTop() + 132)); } } } else { // || $('.contentarticle').hasClass('premium')) //if($(window).scrollTop() <= 320 && $('#article').hasClass('minibanner')){ if($(window).scrollTop() <= 570 && $('#article').hasClass('minibanner')){ $('#article').removeClass('minibanner'); $('.minibanner .banner').removeClass('absolute'); } if($(document).scrollTop() < ($('.title h1').offset().top - $('#top-nav').height() - 64) && $('#sidebararticle').hasClass('position-fixed')){ $('.minibanner .banner').css('top',0); $('#sidebararticle').removeClass('position-fixed'); $('#article').removeClass('minibanner'); $('.minibanner .banner').removeClass('absolute'); if($('#article').hasClass('end')) $('#article').removeClass('end'); } if(($(window).scrollTop() + 150) < ($('#article #sidebararticle').offset().top) && ($('.minibanner').hasClass('end') || $('.contentarticle').hasClass('premium'))){ $('#article').removeClass('end'); $('#article .banner').removeClass('absolute').removeAttr('style'); $('#article .read_progress').removeClass('absolute').removeAttr('style'); $('#article #sidebararticle').removeClass('absolute').css('top', ''); } } }else{ var st = $(this).scrollTop(); if (st < lastScrollTop){ if(likeboxposition > $(window).scrollTop() + $(window).height() && state == 'bottom'){ $('#likeMobile').addClass('float') $('.blockLikes .likeBox').addClass('float') state = 'float' } /*else{ if($('#likeMobile').hasClass('float') && state == 'float'){ $('#likeMobile').removeClass('float') console.log('float remove #1') } }*/ }else{ if($('#likeMobile').hasClass('float') && state == 'float'){ $('#likeMobile').removeClass('float') $('.blockLikes .likeBox').removeClass('float') state = 'bottom' } } } lastScrollTop = st; var wintop = $(window).scrollTop(); var docheight = $('#article .content').height() + $('#article .content').offset().top; var winheight = $(window).height(); var scrolled = (wintop/(docheight-winheight))*100; $('.read_progress .bar').css('width', (scrolled + '%')); if(($(document).scrollTop() + $('#top-nav').outerHeight()) > $('footer').offset().top){ if($('.read_progress').hasClass('position-fixed')) $('.read_progress').removeClass('position-fixed') $('.read_progress').addClass('position-absolute') }else{ if(!$('.read_progress').hasClass('position-fixed')){ if($('.read_progress').hasClass('position-absolute')) $('.read_progress').removeClass('position-absolute') $('.read_progress').addClass('position-fixed') } } }); $('.contribs .button').on('click',function(){ $(this).removeClass('d-flex').addClass('d-none'); $('#contributors').slideToggle('slow',function(){ if($('#article #contributors .collabs').width() < (($('#article #contributors .collabs article').length) * 108) && $('.scrollable').hasClass('d-none')){ $('.scrollable').removeClass('d-none').addClass('d-flex'); } }); }); $('.contribs .close').on('click',function(){ $('.contribs .button').removeClass('d-none').addClass('d-flex'); $('#contributors').slideToggle('slow') }); $('.share').on('click',function(){ $('.shareBox').toggleClass('active'); $('.share img').each(function(){ if($(this).hasClass('d-block')) { $(this).removeClass('d-block').addClass('d-none'); } else{ $(this).removeClass('d-none').addClass('d-block'); } }) }) $('.likeBox article').on('click',function(e){ e.stopPropagation(); $btn = $(this).find('.count').attr('id'); $this = $(this); window.location.href = "/fr/login"; if($(this).hasClass('active')){ // unlike $.ajax({ url: '/likes/unlike/25706', success: function(){ $this.toggleClass('active'); var countTotal = parseInt($(document).find('.blockStats .likesType span span').html()) - 1; $this.find('.count').html(parseInt($this.find('.count').html()) - 1); $('.blockStats .likesType span span').each(function(){ $(this).html(countTotal); if(countTotal > 1){ $('.blockStats .likesType span article').html($('.blockStats .likesType span article').attr('data-reaction')+'s') }else{ $('.blockStats .likesType span article').html($('.blockStats .likesType span article').attr('data-reaction')) } }); } }); }else{ //like if($('.likeBox article.active').length > 0){ $('#notifications-fixed-bottom').html($('#notifications-fixed-bottom').data('liked')); $('#notifications-fixed-bottom').removeClass('d-none'); setTimeout( function(){ $('#notifications-fixed-bottom').addClass('d-none') }, 5000 ) }else{ $.ajax({ url: $(this).data('url'), success: function(data){ $('.interactionButton.active').html( "<img src='/img/icon/icon-active-"+$this.data('like')+".svg' class='ms-0 me-2' />"+ $this.data('name') ); $('.interactionButton.active').removeClass('heart').removeClass('genius').removeClass('hand').removeClass('hat').addClass($this.data('like')); var count = 0; while (data[count]) { count++; } if(count > 0){ $('#sign-in').modal('show'); }else{ $this.toggleClass('active'); var countTotal = parseInt($(document).find('.blockStats .likesType span span').html())+1; $this.find('.count').html(parseInt($this.find('.count').html()) + 1); $('.blockStats .likesType span span').each(function(){ $(this).html(countTotal); if(countTotal > 1){ $('.blockStats .likesType span article').html($('.blockStats .likesType span article').attr('data-reaction')+'s') }else{ $('.blockStats .likesType span article').html($('.blockStats .likesType span article').attr('data-reaction')) } }); } } }); } } }) $('.shareBox div').hover(function(){ $(this).find('img').each(function () { if($(this).hasClass('d-none')){ $(this).removeClass('d-none'); $(this).addClass('d-block'); } else{ $(this).addClass('d-none'); $(this).removeClass('d-block'); } }) }) $('.shareBox a').hover(function(){ $(this).find('img').each(function () { if($(this).hasClass('d-none')){ $(this).removeClass('d-none'); $(this).addClass('d-block'); } else{ $(this).addClass('d-none'); $(this).removeClass('d-block'); } }) }) new ClipboardJS('.copyLink'); new ClipboardJS('.copy2'); $(document).on('click','.copyLink',function(){ $('#notifications-fixed-bottom').html($('#notifications-fixed-bottom').data('copied')); $('#notifications-fixed-bottom').removeClass('d-none'); setTimeout( function(){ $('#notifications-fixed-bottom').addClass('d-none') }, 5000 ) }) $(document).on('click','.copy2',function(){ $('#notifications-fixed-bottom').html($('#notifications-fixed-bottom').data('copied')); $('#notifications-fixed-bottom').removeClass('d-none'); setTimeout( function(){ $('#notifications-fixed-bottom').addClass('d-none') }, 5000 ) }) let widthArticles = $('#otherArticles .overflow-auto article').outerWidth() + parseInt($('#otherArticles .overflow-auto article').css('marginRight')); $(document).on('click','#articles-right',function(){ if(!$(this).hasClass('disabled')) { $('#otherArticles .overflow-auto').animate( {scrollLeft: $('#otherArticles .overflow-auto').scrollLeft() + widthArticles}, 500 ) } }); $(document).on('click','#articles-left',function(){ if(!$(this).hasClass('disabled')){ $('#otherArticles .overflow-auto').animate( {scrollLeft: $('#otherArticles .overflow-auto').scrollLeft() - widthArticles}, 500 ) } }); $('#otherArticles .overflow-auto').on('scroll',function(){ if($('#otherArticles .overflow-auto').scrollLeft() > 0){ if($('#articles-left').hasClass('disabled')) $("#articles-left").removeClass('disabled') }else{ if(!$('#articles-left').hasClass('disabled')) $("#articles-left").addClass('disabled') } }); $('#otherArticles .overflow-auto').on('scroll',function(){ if(($('#otherArticles .overflow-auto article').length * widthArticles) - parseInt($('#otherArticles .overflow-auto article').css('marginRight')) == ($('#otherArticles .overflow-auto').scrollLeft() + $('#otherArticles .overflow-auto').width())){ if(!$('#articles-right').hasClass('disabled')) $("#articles-right").addClass('disabled') }else{ if($('#articles-right').hasClass('disabled')) $("#articles-right").removeClass('disabled') } }); $('#popupCollaborate').on('shown.bs.modal', function () { $.ajax({ url: '/fr/contributor/request/access/article/25706', success: function(data) { $('#popupCollaborate .modal-body').html(data); } }); }); $(document).on('submit','#collaborateMessagePopup',function(e){ e.preventDefault(); $('#popupCollaborate .close').click(); $('#notifications-fixed-bottom').html($('#collaborateMessagePopup').data('successmessage')); $('#notifications-fixed-bottom').removeClass('d-none'); setTimeout( function(){ $('#notifications-fixed-bottom').addClass('d-none') }, 5000 ) $.ajax({ method: 'POST', url: '/fr/contributor/request/access/article/25706', data: $('#collaborateMessagePopup').serialize() }).done(function() { $('#notifications-fixed-bottom').html($('#collaborateMessagePopup').data('successmessage')); $('#notifications-fixed-bottom').removeClass('d-none'); $('.d-none #contribute').removeClass('d-flex').addClass('d-none'); $('.d-block #contribute').removeClass('d-flex').addClass('d-none'); setTimeout( function(){ $('#notifications-fixed-bottom').addClass('d-none') }, 5000 ) }); }) var clickHandler = ('ontouchstart' in document.documentElement ? "touchstart" : "click"); $('#collectionlist').scroll(function(e){ e.preventDefault(); e.stopPropagation(); var $this = $(this); var totalWidth = ($('#collectionlist article.card').outerWidth() + 20 ) * $('#collectionlist article.card').length - 20; if(($this.outerWidth() + $(this).scrollLeft()) == totalWidth || ($this.outerWidth() + $(this).scrollLeft()) > totalWidth ){ $('#collection-right').addClass('disabled') if($('#collection-left').hasClass('disabled')) $('#collection-left').removeClass('disabled') }else{ if($('#collection-right').hasClass('disabled')) $('#collection-right').removeClass('disabled') } if($(this).scrollLeft() < 10){ $('#collection-left').addClass('disabled') if($('#collection-right').hasClass('disabled')) $('#collection-right').removeClass('disabled') }else{ if($('#collection-left').hasClass('disabled')) $('#collection-left').removeClass('disabled') } }); $(document).on(clickHandler,'#collection-right',function(){ $('#collectionlist').each(function(){ var $this = $(this); if(!$this.hasClass('d-lg-none')){ var totalWidth = $('#collectionlist article.card').outerWidth() * $('#collectionlist article.card').length; if($this.outerWidth() < totalWidth){ let Newpos = $this.scrollLeft() + $('#collectionlist article').outerWidth() + 20; $this.animate({scrollLeft: Newpos}, 500); if($('#collection-left').hasClass('disabled')){ $('#collection-left').removeClass('disabled') } if(($this.outerWidth() + $(this).scrollLeft()) == totalWidth || ($this.outerWidth() + $(this).scrollLeft()) > totalWidth ){ $('#collection-right').addClass('disabled') } } } }) }) $(document).on(clickHandler,'#collection-left',function(){ $('#collectionlist').each(function(){ var $this = $(this); if(!$this.hasClass('d-lg-none')){ var totalWidth = $('#collectionlist article.card').outerWidth() * $('#collectionlist article.card').length; if(($this.outerWidth()) < totalWidth){ let Newpos = $this.scrollLeft() - $('#collectionlist article').outerWidth() - 20; $this.animate({scrollLeft: Newpos}, 500); if($('#collection-right').hasClass('disabled')){ $('#collection-right').removeClass('disabled') } if(Newpos == 0 || Newpos < 0){ $('#collection-left').addClass('disabled') } } } }) }); $(document).on('submit','#commentaire', function (e) { e.preventDefault(); $('#comments').addClass('wait'); $('#comments.wait .preloader-wrapper').addClass('active'); $.ajax({ method: 'POST', data: $('#commentaire').serialize(), url: $(this).attr('action'), success: function(html) { $('#comments').html(html); $('#comments.wait .preloader-wrapper').removeClass('active'); $('#comments').removeClass('wait'); $('#commentsBtnBottom span').html($('#cmptComment span').html()); } }); }); $(document).on('click','#sidebarrightcontainer',function(e){ if(e.target == e.currentTarget){ $("#sidebarrightcontainer").addClass("v-on-animate").delay(1000).queue(function(next){ $(this).removeClass("v-on").removeClass("v-on-animate"); next(); }); } }) $(document).on('click', '.deletecomment', function() { removeURL = $(this).data('url'); $this = $(this) $this.parents('article.comment').addClass('deletethiscomment') $('#modalDeleteComment').addClass('active'); $('#contenuModal blockquote').html($(this).closest('article').find('.content').html()); }); $(document).on('click', '.deleteThisComment', function(e) { e.preventDefault(); $.ajax({ url: removeURL, success: function(data) { if (data[0] === 'success') { //We have no error with the form and data have been added to DB $('.comments article.comment.deletethiscomment').each(function() { $(this).slideUp(); $('#modalDeleteComment').removeClass('active'); }) var nbrcomments = parseInt($("article.btnComments").find('span').html()) nbrcomments-- $("article.btnComments").find('span').html(nbrcomments) $('#cmptComment span').html(nbrcomments) } else { //There is an form error, so we show the form again with the error console.log('Houston we have a problem'); console.log(data); } }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { console.log('Error on form submit'); } }) }) $(document).on('click','#modalDeleteComment .close',function(){ $('#modalDeleteComment').removeClass('active'); }); $(document).on('click','#modalDeleteComment .closebtn',function(){ $('#modalDeleteComment').removeClass('active'); }); $(document).on('focus','#comment_commentnc',function(e){ $('#modalConnect').addClass('active'); }); $(document).on('focus','#comment_commentcheckid',function(e){ $('#modalIdCheck').addClass('active'); }); $(document).on('click','#modalIdCheck .close',function(){ $('#modalIdCheck').removeClass('active'); }); $(document).on('click','#modalConnect .close',function(){ $('#modalConnect').removeClass('active'); }); $(document).on('click','.bottom button',function(e){ $(this).addClass('closecomment'); $(this).html("<span class='material-icons'>close</span>Annuler"); $(this).parents('article').append($('#commentaire')); $('#comment_parent').val($(this).parents('article').data('id')); }); $(document).on('click','.bottom button.closecomment',function(e){ $(this).removeClass('closecomment'); $(this).html("<span class='material-icons'>reply</span>Répondre"); $('.containercomments').prepend($('#commentaire')); $('#comment_parent').val(''); }) $(document).on('click', '.editcomment', function(e) { $this = $(this) $.ajax({ url: $(this).attr('data-url'), type: 'GET', success: function(html) { $this.parents('.comment').first().find('.content').html(html) $('#comment_edit').first().focus() }, error: function(res) { console.log('error' + res) } }); }); $(document).on('submit','#commentaireedit', function(e){ e.preventDefault(); $.ajax({ url: $('#commentaireedit').attr('action'), type: 'POST', data: $('#commentaireedit').serialize(), success: function(html) { $.ajax({ method: 'GET', url: $('#commentaire').attr('action'), success: function(html) { $('#comments').html(html); $('#comments.wait .preloader-wrapper').removeClass('active'); $('#comments').removeClass('wait'); $('#commentsBtnBottom span').html($('#cmptComment span').html()); } }); // $this.parents('.comment').find('.content').html(html) }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { console.log('Error on form submit'); } }); }); $(document).on('click','.blockLinks .share',function(){ $('.blockShare').removeClass('active'); $('.blockShare .interactionButton').removeClass('active'); }) $(window).click(function(e) { if($('.blockShare.active').length){ $('.blockShare.active .interactionButton').removeClass('active') $('.blockShare.active').removeClass('active') } if($('.blockLikes.active').length){ $('.blockLikes.active .interactionButton').removeClass('active') $('.blockLikes.active').removeClass('active') } }); $(document).on('click', '.interactionButton', function(e) { e.preventDefault(); e.stopPropagation(); if(!$(this).hasClass('active')){ $('.interactionButton').each(function(){ if($(this).hasClass('active')){ $(this).removeClass('active') $(this).parent().removeClass('active') } }) $(this).addClass('active') $(this).parent().toggleClass('active') }else{ $(this).removeClass('active') $(this).parent().removeClass('active') } }) $(document).on('click', '.deleteArticle', function(e) { e.preventDefault(); articleDeleteRoute = $('#btnDeleteArticle').attr('data-url') console.log("Trying to delete article " + articleDeleteRoute); //action AJAX pour la suppression // ----- $.ajax({ url: articleDeleteRoute, success: function(data) { if (data == 'success') { window.location.href = $('#btnDeleteArticle').attr('data-redirect') } else { //There is an form error, so we show the form again with the error //console.log('Houston we have a problem'); } }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { //console.log('Error on form submit'); // ajout du message d'erreur $('#error-modal #message').html('Rien ne va plus !'); // ouverture de la modal d'erreur $('#error-modal').modal('toggle'); } }); $('#confirm-delete-article').modal('toggle'); }); $(document).on('click', '.reply', function(e) { $thisbtn = $(this) if($('#commentairenc').length > 0){ return false }else{ $this = $(this).parents('article.comment') $(this).addClass('closecomment'); $(this).html('<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" class="me-2" fill="none"><path d="M18.75 5.25L5.25 18.75" stroke="#111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.75 18.75L5.25 5.25" stroke="#111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>' + $this.data('cancel')); $this.append($thisbtn.parents('.containercomments').find("#commentaire")); $('#comment_parent').val($(this).data('parentid')); $( "#comment_comment" ).attr( "rows", "1" ) $( "#comment_comment" ).on('keydown', autosize) } }); $(document).on('click', '.reply.closecomment', function(e) { $this = $(this).parents('.comment') $(this).removeClass('closecomment'); $(this).html($this.data('reply')); $('.containercomments').prepend($('#commentaire')); $('#comment_parent').val(''); }) $(document).on("click",'.hidereplies',function(e){ $(this).addClass('showreplies').removeClass('hidereplies') $(this).parents('.comments').find('.child').each(function(){ $(this).addClass('d-none') }) }) $(document).on("click",'.showreplies',function(e){ $(this).addClass('hidereplies').removeClass('showreplies') $(this).parents('.comments').find('.child').each(function(){ $(this).removeClass('d-none') }) }) $(document).on('click', '.edit_comment', function(e) { $this = $(this) $.ajax({ url: $this.attr('data-url'), type: 'GET', success: function(html) { $this.parents('.comment').first().find('.content').html(html) var elmt = document.getElementById("commentaireedit") var txtarea = elmt.querySelector("textarea") register_auto_resize_textarea(txtarea, true); txtarea.focus() }, error: function(res) { console.log('error' + res) } }); }); $(document).on('submit','#commentaireedit', function(e){ e.preventDefault(); $.ajax({ url: $('#commentaireedit').attr('action'), type: 'POST', data: $('#commentaireedit').serialize(), success: function(html) { $commentaire = $('#commentaireedit') $this = $commentaire.parents('.comments') $this.addClass('wait'); $.ajax({ method: 'GET', url: $(document).find('form[name=comment_feed]').attr('action'), success: function(html) { $this.html(html); $this.removeClass('wait'); } }); // $this.parents('.comment').find('.content').html(html) }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { console.log('Error on form submit'); } }); }); function autosize(){ var el = this; setTimeout(function(){ el.style.cssText = 'height:auto; padding:0'; el.style.cssText = 'height:' + el.scrollHeight + 'px'; },0); } function register_auto_resize_textarea(element, need_scroll_to_bottom) { var min_height = element.scrollHeight; // Fonction pour ajuster la hauteur du textarea function adjustHeight() { // Réinitialise la hauteur pour recalculer element.style.height = 'auto'; // Calcule la nouvelle hauteur var newHeight = Math.max(element.scrollHeight, min_height); // Applique la nouvelle hauteur element.style.height = newHeight + 'px'; // Si besoin, faites défiler jusqu'en bas if (need_scroll_to_bottom) { element.scrollTop = element.scrollHeight; } } // Ajuste la hauteur à l'input et au focus element.addEventListener('input', adjustHeight); element.addEventListener('focus', adjustHeight); // Optionnel : pour ajuster la hauteur dès l'initialisation adjustHeight(); } $(document).on('click','.icon.thumb',function(e){ $this = $(this) $action = "" if($this.hasClass('active')){ $action = $this.attr('data-unlike') }else{ $action = $this.attr('data-like') } $.ajax({ url: $action, success: function(data) { $this.toggleClass('active') var number = parseInt($this.parents('article').find('.likenbr').text()) // console.log(number) if($this.hasClass('active')){ number++ }else{ number-- } $this.parents('article').find('.likenbr').html(number) }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { console.log('Error on form submit'); } }) }) $(document).on('submit','#newPost form', function(e){ e.preventDefault() $.ajax({ url: $(this).attr('action'), type: 'POST', data: $(this).serialize(), success: function(data) { if(data == 'success'){ $('#newPost').modal('toggle') $('#article').append(`<div class="alert alert-success position-fixed start-50 translate-middle-x" style='bottom: 30px!important;width:max-content;' role="alert">La publication a bien été postée dans ton fil d'actualité</div>`) setTimeout(function(){ $('#article .alert').addClass('d-none') }, 10000); } }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { console.log('Error on form submit'); } }); }) </script> </body> </html>