Panodyssey - Et un nuage passe - Sébastien Bonmarchand

Et un nuage passe
Comme un navire
Tirant sa nasse
Que l'océan aspire.

Indolent voyageur
Au dessus des fleurs
Qui implorent son voile
En inclinant leurs étoiles.

Les maisons allanguies
Et les terres jaunies
Devinent des fresques
En ses pâles arabesques.

Et pendant ce temps
Les vents en écumant
Poussent leurs wagons

Comme on pousse la chanson.

<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="/de/article/tag/Culture" class="badge">Culture</a></li> <li><a href="/de/article/tag/culture" class="badge">culture</a></li> <li><a href="/de/article/tag/nuage" class="badge">nuage</a></li> <li><a href="/de/article/tag/Po%C3%A9sie" class="badge">Poésie</a></li> <li><a href="/de/article/tag/poesie" class="badge">poesie</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" /> Veröffentlichung speichern </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" /> Veröffentlichung zurücknehmen </button> <script> function addOnClick(button, oppositeButton, likeCount, path) { button.addEventListener('click', function (event) { button.disabled = true; return window.location.replace('/de/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'), '/de/bookmarks/add/7177' ); addOnClick( unbookButton, bookButton, document.getElementById('bookmark-unlike'), '/de/bookmarks/remove/7177' ); </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>307 Aufrufe</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"> Kommentar </article> <div class="d-flex align-items-center justify-content-end likesType col-6 p-0"> <div class="heart icon d-flex align-items-center justify-content-center"><img src="/build/img/icon/coeur-actif.02fe14a0.svg" class="ms-0" /></div> <span class='ms-2'> <span>1</span> <article class="d-inline-block" data-reaction="Reaktion"> Reaktion </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"> Kommentieren </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="Gefällt mir" data-url="https://panodyssey.com/likes/like/7177/like"> <div id="countlike" class="count">0</div> <div class="explain">Gefällt mir</div> </article> <article class="heart position-relative " data-like="heart" data-name="Liebe ich" data-url="https://panodyssey.com/likes/like/7177/heart"> <div id="countheart" class="count">1</div> <div class="explain">Liebe ich</div> </article> <article class="hand position-relative " data-like="hand" data-name="Solidarität" data-url="https://panodyssey.com/likes/like/7177/hand"> <div id="counthand" class="count">0</div> <div class="explain">Solidarität</div> </article> <article class="wow position-relative " data-like="wow" data-name="Wow" data-url="https://panodyssey.com/likes/like/7177/wow"> <div id="countwow" class="count">0</div> <div class="explain">Wow</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"> Gefällt mir </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"> Teilen </button> </div> </div> </div> <div class="row w-100 m-0"> <div class="col-10 offset-1 customwidth"> <div id="messageConnection" class="d-flex justify-content-center align-items-center flex-column text-center"> <p> Ohne Anmeldung kannst du diesen Monat keine Veröffentlichungen mehr lesen.<br /> <br /> Um neue Funktionen in vollem Umfang zu nutzen, logge dich ein oder erstelle ein Konto, indem du unten klickst. Es ist kostenlos! <a href="/de/login" class='btn mt-3 mb-3 d-flex align-items-center justify-content-center mx-auto'>Einloggen</a> </p> </div> </div> </div> <div class="row align-items-top"> <div class="col-10 offset-1 customwidth"> <ul id="tagslist" class="ms-0 ps-0 d-flex flex-wrap mt-3 mb-0 pb-0"> <li><a href="/de/article/tag/Culture" class="badge">Culture</a></li> <li><a href="/de/article/tag/culture" class="badge">culture</a></li> <li><a href="/de/article/tag/nuage" class="badge">nuage</a></li> <li><a href="/de/article/tag/Po%C3%A9sie" class="badge">Poésie</a></li> <li><a href="/de/article/tag/poesie" class="badge">poesie</a></li> </ul> </div> </div> <div id="prev" class="position-absolute d-none d-lg-block" style="background: url(https://panodyssey.com/media/cache/resolve/230x215/uploads/article/604baed24958ffe51312f3cfcb51a04d.jpeg) no-repeat center;background-size: cover;"> <a href="/de/article/kultur/j-ai-reve-de-toi-ev2rfufhnknk" 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="/de/article/kultur/j-ai-reve-de-toi-ev2rfufhnknk" 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"> Vorherige Veröffentlichung </div> <p class="w-100">J'ai rêvé de toi</p> <span class="d-flex justify-content-end align-items-center w-100"> <img src="/build/img/icon/clock.506b7db6.svg" alt="time"> 1 min</span> </a> </div> <div class="position-relative d-block d-lg-none card"> <a href="/de/article/kultur/slam-en-hommage-a-samuel-paty-enseignant-martyr-mpwwc6n2pqeq" class="d-flex justify-content-end align-items-center stretched-link h-100 flex-wrap" > <div class="d-flex w-100"> Nächste Veröffentlichung <img src="/build/img/icon/arrowright.c532aaa2.svg" alt="right" class="right"> </div> <p class="w-100">Slam en hommage à Samuel Paty, enseignant martyr</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/resolve/230x215/uploads/article/7353f7d3bb574ae6e42ab94ae6601dfa.jpeg) no-repeat center;background-size: cover;"> <a href="/de/article/kultur/slam-en-hommage-a-samuel-paty-enseignant-martyr-mpwwc6n2pqeq" 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"> Kommentar (<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"> Du musst dich einloggen, um kommentieren zu können. <a class="btn btnprimary mt-2 fitcontent" type="submit" href="/de/login"> Einloggen </a> </div> </div> <div class="comments"> </div> </div> </div> <div id="breakDon"> <div class="d-flex flex-wrap flex-column align-items-center"> <p>Dir gefallen die Artikel von Panodyssey?<br/>Unterstütze die freien Autoren!</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="/de/login" class="stretched-link text-light text-decoration-none"> <img src="/build/img/soutenir.82779237.png" alt="soutenir"> Ich unterstütze die Autoren! </a> </button> </div> </div> </div> <div class="F8F8F8 w-100"> <div id="otherArticles" class="position-relative"> <div class="title d-flex align-items-center">Veröffentlichungen in <strong>Poétise le monde et le monde te poétisera</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/dee98184f2b64c45599dbb0c1a9b0ec1.jpeg" alt="Je cherche des artistes !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/je-cherche-des-artistes-ju4cpdn6sbab" class="stretched-link title article position-static"> Je cherche des artistes ! </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/b72deaea9ff7b64ab3c38a4d8d9ebd49.jpeg" alt="F comme Wipotek (nouvelle)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/f-comme-wipotek-nouvelle-r4b993bvf63t" class="stretched-link title article position-static"> F comme Wipotek (nouvelle) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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"> 15 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/b9a45bc6f6c2e9c5cd117f414c6827e4.jpeg" alt="Le vieillard et le nouveau né, poème du nouvel an 😉" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/le-vieillard-et-le-nouveau-ne-poeme-du-nouvel-an-tee32kd7djva" class="stretched-link title article position-static"> Le vieillard et le nouveau né, poème du nouvel an 😉 </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/941e0e540aafd33d1de1e9b8af142913.jpeg" alt="Panodyssey : Lis mes ratures !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/panodyssey-lis-mes-ratures-me4td7sedfrj" class="stretched-link title article position-static"> Panodyssey : Lis mes ratures ! </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/af1f2df50b337682f5e30b32eb9e3c21.jpeg" alt="Pourquoi écrire ?" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/pourquoi-ecrire-727nv78bptaf" class="stretched-link title article position-static"> Pourquoi écrire ? </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/6e5eeb4dd6d99c73fcbfb738ba78afe8.jpeg" alt="Poème pour une bonne nouvelle 😊" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/poeme-pour-une-bonne-nouvelle-w2mdtq3793mv" class="stretched-link title article position-static"> Poème pour une bonne nouvelle 😊 </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/00071a0cf1d0f4ca5d76d3b47846e249.jpeg" alt="Beaux rêves" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/beaux-reves-gdavgwffkwfs" class="stretched-link title article position-static"> Beaux rêves </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/23a5fe3b35164d244e0a42b4c2ca8f79.jpeg" alt="Poème sur l'endormissement " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/poeme-sur-l-endormissement-bvvc3nkqm36m" class="stretched-link title article position-static"> Poème sur l'endormissement </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/78acf8df8c020b36d0d7fd99dbc03297.jpeg" alt="Mon poème pour Panodyssey : je ne suis qu'un poète et toi qu'es-tu ?" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/mon-poeme-pour-panodyssey-je-ne-suis-qu-un-poete-et-toi-qu-es-tu-g5tg6re4wg6r" class="stretched-link title article position-static"> Mon poème pour Panodyssey : je ne suis qu'un poète et toi qu'es-tu ? </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/d9ed3c857959e8639e81e3dd0fe82e6b.jpeg" alt="Poème sur la canicule : courage ! 💪💪" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/poeme-sur-la-canicule-courage-qqan47ts2ddn" class="stretched-link title article position-static"> Poème sur la canicule : courage ! 💪💪 </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/7d25f8b3490bf3c661b13a17c0c8c212.png" alt="Soutenez mon projet théâtral 💪💪" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/soutenez-mon-projet-theatral-ucavcn6b9ndp" class="stretched-link title article position-static"> Soutenez mon projet théâtral 💪💪 </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/d48bd074107337b6778c19f009d69a4b.jpeg" alt="Soutenez mon projet théâtral 💪💪" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/soutenez-mon-projet-theatral-7nfukvpmdu9f" class="stretched-link title article position-static"> Soutenez mon projet théâtral 💪💪 </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/8810308d3be35c134a154fb403d6e035.jpeg" alt="Panodyssey et moi, poème autobiographique" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/panodyssey-et-moi-poeme-autobiographique-kn2wmq3p3aw4" class="stretched-link title article position-static"> Panodyssey et moi, poème autobiographique </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/1eb2ad9272e6096151c0f541155020aa.jpeg" alt="Portrait de femme (poème qui console ?)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/portrait-de-femme-poeme-qui-console-wkgcr5tq6gp8" class="stretched-link title article position-static"> Portrait de femme (poème qui console ?) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/2fb4c88c0e5185765fe21d3461be6875.jpeg" alt="Balade vespérale (poème)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/balade-vesperale-poeme-eeka84eatp7n" class="stretched-link title article position-static"> Balade vespérale (poème) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/379b6082b97b92c6a0f86f4a81b76f38.jpeg" alt="Poème d'avant scrutin législatif" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/poeme-d-avant-scrutin-legislatif-rbgghk6bfu35" class="stretched-link title article position-static"> Poème d'avant scrutin législatif </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/b36be9da3553ad2cf25dd88178934ac1.jpeg" alt="Miroir, poème sur le temps qui passe 😱" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/miroir-poeme-sur-le-temps-qui-passe-eaggsuhf2dge" class="stretched-link title article position-static"> Miroir, poème sur le temps qui passe 😱 </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/63c18f6cd4c1573acfe7017d4d737b7e.jpeg" alt="Génèse d'un poème : deux versions différentes" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/genese-d-un-poeme-deux-versions-differentes-4bttmtw5j35p" class="stretched-link title article position-static"> Génèse d'un poème : deux versions différentes </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/915b9c4dba7937cb01ed448ff1b0774b.jpeg" alt="Quand je ne serai plus (poème, Mariage)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/quand-je-ne-serai-plus-poeme-mariage-hhd6nssvv74n" class="stretched-link title article position-static"> Quand je ne serai plus (poème, Mariage) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/a34227725c80f15e1da468acb67874ab.jpeg" alt="Quel éditeur de théâtre sera assez fou pour publier ma pièce ?" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/quel-editeur-de-theatre-sera-assez-fou-pour-publier-ma-piece-erqwpcdqj4b3" class="stretched-link title article position-static"> Quel éditeur de théâtre sera assez fou pour publier ma pièce ? </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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"> 11 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/resolve/180x145/uploads/article/bc0ed7a3b3983e1815a6dd96a141fd29.jpeg" alt="Par la fenêtre (poème)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/par-la-fenetre-poeme-ddcg5d4j4ns7" class="stretched-link title article position-static"> Par la fenêtre (poème) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/8c6109156ae9a2cd3ba1dcf9700d5739.jpeg" alt="Un 25 avril sur la Terre (poème)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/un-25-avril-sur-la-terre-poeme-3aq9ddsmupa8" class="stretched-link title article position-static"> Un 25 avril sur la Terre (poème) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/6241cf1d1c9ccdb46c6703eeb3885241.jpeg" alt="L'adolescence est un vilain défaut (poème monde de demain)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/l-adolescence-est-un-vilain-defaut-poeme-monde-de-demain-7q55r7qun3hq" class="stretched-link title article position-static"> L'adolescence est un vilain défaut (poème monde de demain) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/103089e13a518af8d2fd21058afc09e9.jpeg" alt="Marée noire après le 1er tour de la présidentielle (poème)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/politik/maree-noire-apres-le-1er-tour-de-la-presidentielle-poeme-kueva97wdj6m" class="stretched-link title article position-static"> Marée noire après le 1er tour de la présidentielle (poème) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/e80d7cc362398d7ad8635f9aaf4ac748.png" alt="Chronique d'un recueil de nouvelles à découvrir 😊" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/chronique-d-un-recueil-de-nouvelles-a-decouvrir-tbdnj8g3mvfh" class="stretched-link title article position-static"> Chronique d'un recueil de nouvelles à découvrir 😊 </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/62bfc6ec2447c5ecdd2860788571b128.jpeg" alt="Le poète et l'analphabete (poème sur le rapport à l'argent et au monde)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/le-poete-et-l-analphabete-poeme-sur-le-rapport-a-l-argent-et-au-monde-98emvf9mauaw" class="stretched-link title article position-static"> Le poète et l'analphabete (poème sur le rapport à l'argent et au monde) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/65f485d76100d41d86d3ac3f0a69384f.jpeg" alt="Postface de mon prochain livre" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/postface-de-mon-prochain-livre-p2jucqvm6mt2" class="stretched-link title article position-static"> Postface de mon prochain livre </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/9944df50e5d070868aee3c7cba88d2c9.jpeg" alt="Dans... (Poème cherche illustration)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/dans-poeme-cherche-illustration-kvbgj8bwbgaj" class="stretched-link title article position-static"> Dans... (Poème cherche illustration) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/5decd2581af604d0bb9c069c81a21e5e.jpeg" alt="Petit moineau (poème)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/petit-moineau-poeme-uctdpe29ep3p" class="stretched-link title article position-static"> Petit moineau (poème) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/d4b205f0409c7a9b541f50ea56f89f85.jpeg" alt="Ma nuit chez Rimbaud (poèmes)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/ma-nuit-chez-rimbaud-poemes-66er39nv7df4" class="stretched-link title article position-static"> Ma nuit chez Rimbaud (poèmes) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/c97ee1f7dc282ade492d14418d046397.jpeg" alt="Scène de théâtre en hommage à Claude François" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/scene-de-theatre-en-hommage-a-claude-francois-n3c2mkc5qdqu" class="stretched-link title article position-static"> Scène de théâtre en hommage à Claude François </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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"> 16 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/resolve/180x145/uploads/article/5b382beacd460530d128bdab1b53dc2e.jpeg" alt="Les bonnes fées de Molière (pièce de théâtre en quête de comédiens)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/les-bonnes-fees-de-moliere-piece-de-theatre-en-quete-de-comediens-w2vatp262j6f" class="stretched-link title article position-static"> Les bonnes fées de Molière (pièce de théâtre en quête de comédiens) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/7294a33340cc818525657036401f2ab4.png" alt="Recueil de nouvelles à découvrir 😊" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/recueil-de-nouvelles-a-decouvrir-3qe9s49bnkfs" class="stretched-link title article position-static"> Recueil de nouvelles à découvrir 😊 </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/b9541a5627394aceeb7f10592ef2beb2.jpeg" alt="Attaque d'une centrale nucléaire, ce qu'en disent la Terre et la Lune (poème)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/attaque-d-une-centrale-nucleaire-ce-qu-en-disent-la-terre-et-la-lune-poeme-6qrb3qt4shbq" class="stretched-link title article position-static"> Attaque d'une centrale nucléaire, ce qu'en disent la Terre et la Lune (poème) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/e278005530c41078dbdf1768bdfa8bc0.jpeg" alt="Guerre en Ukraine : Je pensais ne jamais te connaître (poème)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/je-pensais-ne-jamais-te-connaitre-poeme-2ebeq4vuc42g" class="stretched-link title article position-static"> Guerre en Ukraine : Je pensais ne jamais te connaître (poème) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/aeedd97215605e784cc1d2df53581d2e.jpeg" alt="11 septembre 2001 - 11 septembre 2021 : 20 ans ! (Slam)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/11-09-01-11-09-21-20-ans-slam-fk7q9duvam4v" class="stretched-link title article position-static"> 11 septembre 2001 - 11 septembre 2021 : 20 ans ! (Slam) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/529c8af58e9149b5284785068b49ef33.jpeg" alt="La mer se retire (poème)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/la-mer-se-retire-poeme-bvwct8u5e7fb" class="stretched-link title article position-static"> La mer se retire (poème) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/3e68779a32737917cad9593f42748168.jpeg" alt="A la Saint Rémi (poème)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/a-la-saint-remi-poeme-bujf8wbu6pn6" class="stretched-link title article position-static"> A la Saint Rémi (poème) </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/aeaf14bb2f2e332a3ffe0443cc310e56.jpeg" alt="Le Blues du Prof" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/le-blues-du-prof-usv6p9cqwsej" class="stretched-link title article position-static"> Le Blues du Prof </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/4acc7ebfd795dcbcd03b99078f96383a.jpeg" alt="La littérature ce soir est morte" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/la-litterature-ce-soir-est-morte-gtm3jgv2mjur" class="stretched-link title article position-static"> La littérature ce soir est morte </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/1b97103c30081313ad9612dc664d5a00.jpeg" alt="Le Cheval et l'Enfant" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/le-cheval-et-l-enfant-8ndh57fp6qfs" class="stretched-link title article position-static"> Le Cheval et l'Enfant </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/4909c11b477e4ca35a59c89b8b348c74.jpeg" alt="Devant "Bleu du ciel" de Kandinsky" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/devant-bleu-du-ciel-de-kandinsky-8j2vefqtvb6v" class="stretched-link title article position-static"> Devant "Bleu du ciel" de Kandinsky </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/042a33a3c0c32838a8c90a7b26cdbbdf.jpeg" alt="Mon alphabet poétique" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/mon-alphabet-poetique-hucjfa6dmdff" class="stretched-link title article position-static"> Mon alphabet poétique </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/47a9b20b4614fa6176df7a4da4828942.jpeg" alt="Les Larmes d'Arlequin" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/les-larmes-d-arlequin-ukf4ue43webw" class="stretched-link title article position-static"> Les Larmes d'Arlequin </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/7353f7d3bb574ae6e42ab94ae6601dfa.jpeg" alt="Slam en hommage à Samuel Paty, enseignant martyr" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/slam-en-hommage-a-samuel-paty-enseignant-martyr-mpwwc6n2pqeq" class="stretched-link title article position-static"> Slam en hommage à Samuel Paty, enseignant martyr </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/6e0cefed85c7b2ea92cb4cf7cbea1779.jpeg" alt="Flocon migrant" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/flocon-migrant-8dhu3uq76jc6" class="stretched-link title article position-static"> Flocon migrant </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/07d6cec39df2839fb0410029d6e6f392.jpeg" alt="Poème pour mon fils" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/poeme-pour-mon-fils-pjv3jwqabjcw" class="stretched-link title article position-static"> Poème pour mon fils </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/8d193332872646937020fbd407d57c5e.jpeg" alt="Feuille d'or" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/feuille-d-or-vfqae8q6qhgg" class="stretched-link title article position-static"> Feuille d'or </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/124ce4ed3a709dc2864604529af384fb.jpeg" alt="Pour découvrir mon prochain livre" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/pour-decouvrir-mon-prochain-livre-gk4gvrt7c7r9" class="stretched-link title article position-static"> Pour découvrir mon prochain livre </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/3f61ec7cde531226ef7857ebfa309d10.png" alt="La littérature ce soir est morte" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/la-litterature-ce-soir-est-morte-3tmar4b9bkv7" class="stretched-link title article position-static"> La littérature ce soir est morte </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/8e00b6a562b789abba362c218eb58876.jpeg" alt="Pour les nostalgiques de la poignée de mains et de la bise..." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/pour-le-nostalgiques-de-la-poignee-de-mains-et-de-la-bise-tr7v38t8tuje" class="stretched-link title article position-static"> Pour les nostalgiques de la poignée de mains et de la bise... </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/7031cda6bb827a369361c336ba65aaef.jpeg" alt="Slam en hommage à Samuel Paty, enseignant martyr" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/bildung/slam-en-hommage-a-samuel-paty-enseignant-martyr-uk2demq4kufb" class="stretched-link title article position-static"> Slam en hommage à Samuel Paty, enseignant martyr </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/fd9d5675c013523f7ac1d3d2823f296b.jpeg" alt="Et un nuage passe" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/et-un-nuage-passe-57mfunb58rp8" class="stretched-link title article position-static"> Et un nuage passe </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/604baed24958ffe51312f3cfcb51a04d.jpeg" alt="J'ai rêvé de toi" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/j-ai-reve-de-toi-ev2rfufhnknk" class="stretched-link title article position-static"> J'ai rêvé de toi </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/ee56f5f95eabec9f076b751bb63dab17.jpeg" alt="Pièce de théâtre jouée par des Playmobils !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/piece-de-theatre-jouee-par-des-playmobils-wstr4pkqjjn7" class="stretched-link title article position-static"> Pièce de théâtre jouée par des Playmobils ! </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/e5d17f79182770681f90a9da406eb90d.jpeg" alt="Poéto le Chat présente les poèmes du confinement" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/poeto-le-chat-presente-les-poemes-du-confinement-c3ncjjqbajsq" class="stretched-link title article position-static"> Poéto le Chat présente les poèmes du confinement </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/19bc34e9f6312fcb803d7b0e9ac71c5a.jpeg" alt="Le Match du Millénaire (au moins !) en approche !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/le-match-du-millenaire-au-moins-en-approche-ewccjgaa4eeq" class="stretched-link title article position-static"> Le Match du Millénaire (au moins !) en approche ! </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/c696502e127b9818b49148a6fb0b5c30.jpeg" alt="Masques, poésie du déconfinement" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/masques-poesie-du-deconfinement-3vgmfjweuw2p" class="stretched-link title article position-static"> Masques, poésie du déconfinement </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/d2587c7a2f71b1c410beb063de02e765.jpeg" alt="Pièce de théâtre : le mot fatidique" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/piece-de-theatre-le-mot-fatidique-a89b95gtnjpa" class="stretched-link title article position-static"> Pièce de théâtre : le mot fatidique </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/62e24a6a8afc757262da5ce0b68b9046.jpeg" alt="Le poète allongé" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/le-poete-allonge-8w9uqnaksj7u" class="stretched-link title article position-static"> Le poète allongé </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/183e1dd210114547a8e96fd4d65ddee9.jpeg" alt="#20secondesdebonheur" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kurioses/20secondesdebonheur-wvkaqrqrdnvq" class="stretched-link title article position-static"> #20secondesdebonheur </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/44f67045510fabdd011df511ae6e13e3.jpeg" alt="J'aimerais que ça continue" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/umwelt/j-aimerais-que-ca-continue-9h78q67dd3bm" class="stretched-link title article position-static"> J'aimerais que ça continue </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/9beed7da016a8e72165b9aa0fb5b017f.jpeg" alt="Quand on est dans les bras..." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/quand-on-est-dans-les-bras-8hdwafh3r2up" class="stretched-link title article position-static"> Quand on est dans les bras... </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/b45dd526db98e93f6eb49f31d9d36dd9.jpeg" alt="On attend à la fenêtre, poème" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/on-attend-a-la-fenetre-poeme-fwhucdnfb4rm" class="stretched-link title article position-static"> On attend à la fenêtre, poème </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/fa92501de1ce374a7ad8d7d409f5dd99.jpeg" alt="L'oiseau et le confiné" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/l-oiseau-et-le-confine-vdhcvf2v2tc8" class="stretched-link title article position-static"> L'oiseau et le confiné </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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/resolve/180x145/uploads/article/7b225c531abd02f46bb89e1747c5a99e.jpeg" alt="La Maison et ses voisins" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/la-maison-et-ses-voisins-83eept4u9vw4" class="stretched-link title article position-static"> La Maison et ses voisins </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/cafd5227b44ada615cd3d7cd93aefb32.jpeg);"></div> <span class="name"> Sébastien Bonmarchand </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> </div> </div> <div id="categoryArticles" class="position-relative d-none d-lg-block"> <div class="title d-flex align-items-center">Die Reise durch dieses Themengebiet verlängern <strong>Kultur</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/bc562a0979596745780bd06c810fe811.png" decoding="async" loading="lazy" alt="Petit lexique du parler ancien" class="m-0 cover"> <div class="content position-static"> <a href="/de/article/kultur/petit-lexique-du-parler-ancien-e8tuvpmh6akn" class="stretched-link title article position-static"> Petit lexique du parler ancien </a> <p> Comprendre les vieuxEh oui je sais, ils sont parfois tellement différends, tellement loin d... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Thomas Andouard </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/38e68be8e09f1deef415871b9709d25c.png" decoding="async" loading="lazy" alt="Petit lexique du parler moderne" class="m-0 cover"> <div class="content position-static"> <a href="/de/article/kultur/petit-lexique-du-parler-moderne-s85kncfap6k9" class="stretched-link title article position-static"> Petit lexique du parler moderne </a> <p> Comprendre la jeunesseDans un souci de rapprochement entre les générations, voici un petit... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Thomas Andouard </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/f1ac0065f6bb0b4983e1b20e4ca47d94.png" decoding="async" loading="lazy" alt="LE XXe SIECLE :COMMENT LE MOUVEMENT MODERNE ET LES POLITIQUES PUBLIQUESONT FACONNE LE PAYSAGE FRANÇAIS D’AUJOURD’HUI ?" class="m-0 cover"> <div class="content position-static"> <a href="/de/article/kultur/le-xxe-siecle-comment-le-mouvement-moderne-et-les-politiques-publiquesont-faconne-le-paysage-francais-d-aujourd-hui-qek2smv382u7" class="stretched-link title article position-static"> LE XXe SIECLE :COMMENT LE MOUVEMENT MODERNE ET LES POLITIQUES PUBLIQUESONT FACONNE LE PAYSAGE FRANÇAIS D’AUJOURD’HUI ? </a> <p> Le XXe siècle marque une période de profonds bouleversements pour la France, jalonnée par deux conflits mondiaux, une crise... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Fanny Azan-Brulhet </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/c1a20a98820ee281e315cfd50b481fdf.png" decoding="async" loading="lazy" alt="Les erreurs de la France" class="m-0 cover"> <div class="content position-static"> <a href="/de/article/kultur/les-erreurs-de-la-france-krsfmbn9wk37" class="stretched-link title article position-static"> Les erreurs de la France </a> <p> NégationnismeC'est a... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Thomas Andouard </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/0e433fd619f1e6ab36b50148edb6911e.png" decoding="async" loading="lazy" alt="L'Urbanisme féministe" class="m-0 cover"> <div class="content position-static"> <a href="/de/article/kultur/l-urbanisme-feministe-4vfm5ua6rwgf" class="stretched-link title article position-static"> L'Urbanisme féministe </a> <p> I. Le mouvement féministe au cœur de l'histoire politique françaiseLe féminisme français s'inscrit d... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Fanny Azan-Brulhet </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 3 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/6e01e7eb5fe4305ebf3c5a07aa3ce288.png" decoding="async" loading="lazy" alt="Holy Shit !" class="m-0 cover"> <div class="content position-static"> <a href="/de/article/kultur/holy-shit-u5a7kn522f7k" class="stretched-link title article position-static"> Holy Shit ! </a> <p> Titre original : Ach du Scheisse ! </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Stéphane Hoegel </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 1 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">Die Reise durch dieses Themengebiet verlängern <strong>Kultur</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/bc562a0979596745780bd06c810fe811.png" alt="Petit lexique du parler ancien" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/petit-lexique-du-parler-ancien-e8tuvpmh6akn" class="stretched-link title article position-static"> Petit lexique du parler ancien </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/533f439fc7a7c9e50d8e40866acc6a5d.png);"></div> <span class="name"> Thomas Andouard </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/38e68be8e09f1deef415871b9709d25c.png" alt="Petit lexique du parler moderne" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/petit-lexique-du-parler-moderne-s85kncfap6k9" class="stretched-link title article position-static"> Petit lexique du parler moderne </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/533f439fc7a7c9e50d8e40866acc6a5d.png);"></div> <span class="name"> Thomas Andouard </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/f1ac0065f6bb0b4983e1b20e4ca47d94.png" alt="LE XXe SIECLE :COMMENT LE MOUVEMENT MODERNE ET LES POLITIQUES PUBLIQUESONT FACONNE LE PAYSAGE FRANÇAIS D’AUJOURD’HUI ?" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/le-xxe-siecle-comment-le-mouvement-moderne-et-les-politiques-publiquesont-faconne-le-paysage-francais-d-aujourd-hui-qek2smv382u7" class="stretched-link title article position-static"> LE XXe SIECLE :COMMENT LE MOUVEMENT MODERNE ET LES POLITIQUES PUBLIQUESONT FACONNE LE PAYSAGE FRANÇAIS D’AUJOURD’HUI ? </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(/build/img/avatarhd.83978a70.png);"></div> <span class="name"> Fanny Azan-Brulhet </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/c1a20a98820ee281e315cfd50b481fdf.png" alt="Les erreurs de la France" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/les-erreurs-de-la-france-krsfmbn9wk37" class="stretched-link title article position-static"> Les erreurs de la France </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/533f439fc7a7c9e50d8e40866acc6a5d.png);"></div> <span class="name"> Thomas Andouard </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/0e433fd619f1e6ab36b50148edb6911e.png" alt="L'Urbanisme féministe" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/l-urbanisme-feministe-4vfm5ua6rwgf" class="stretched-link title article position-static"> L'Urbanisme féministe </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(/build/img/avatarhd.83978a70.png);"></div> <span class="name"> Fanny Azan-Brulhet </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/6e01e7eb5fe4305ebf3c5a07aa3ce288.png" alt="Holy Shit !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/de/article/kultur/holy-shit-u5a7kn522f7k" class="stretched-link title article position-static"> Holy Shit ! </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/bc3899c7be5b3e288de361f74336a19d.jpeg);"></div> <span class="name"> Stéphane Hoegel </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> </div> </div> </div> <div id="notifications-fixed-bottom" class="d-none" data-liked="Du hast bereits auf diesen Artikel reagiert" data-copied="Kopiert!"></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"> Du kannst deine Lieblingsautoren unterstützen </h1> <div id="buttons" class="d-flex flex-column flex-xl-row justify-content-center align-items-center"> <a href="#" class="btn closebtn closebtnarticle">Alles klar</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"> Du musst dich einloggen, um kommentieren zu können. </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="/de/login" class="modal-close btn"> Einloggen </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"> Du kannst nur kommentieren, wenn du bereits etwas auf Panodyssey veröffentlicht hast </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="/de/article/create" class="modal-close btn"> Schreibe deinen ersten Artikel </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">Teilen</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p>Share this link with</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/de/article/kultur/et-un-nuage-passe-57mfunb58rp8" 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/de/article/kultur/et-un-nuage-passe-57mfunb58rp8" 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/de/article/kultur/et-un-nuage-passe-57mfunb58rp8"> <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/de/article/kultur/et-un-nuage-passe-57mfunb58rp8"> <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/de/article/kultur/et-un-nuage-passe-57mfunb58rp8"> <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>Or copy the link</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/de/article/kultur/et-un-nuage-passe-57mfunb58rp8"> <button data-clipboard-target="#urllink" class="copylink">Copy</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"> Bist du sicher, dass du diesen Kommentar löschen möchtest? </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"> Du bist dabei, diesen Kommentar zu löschen: <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"> Löschen </button> <button class="waves-effect waves-light btn closebtn d-flex justify-content-center align-items-center" data-bs-dismiss="modal"> Abbrechen </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/promoappen.207b47f9.png" alt='promo' class="screen mx-0"> <p> Download the Panodyssey mobile app</p> <div class="d-flex align-items-center justify-content-center footer-app-logo"> <a href="https://apps.apple.com/us/app/panodyssey/id6466750660" class="me-0"> <img width="160" alt='Get it on App Store' src='/build/img/landing/en/apple_app.abb7bf99.svg'/> </a> <a href='https://play.google.com/store/apps/details?id=com.panodyssey.app'> <img width="160" alt='Get it on Google Play' src='/build/img/landing/en/google_app.ac2196d5.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/creative/room/panodyssey-ke5smc3pfa7g"> <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'>Über uns</b> <a href="/de/willkommen">Introducing Panodyssey</a> <a href="/de/panodyssey-app">Mobile application</a> <a href="/de/uber-uns">Our odyssey</a> <a href=" https://panodyssey.com/fr/article/tech/panodyssey-manifesto-reconciling-the-digital-world-with-ethics-dr36tgu2qdbq ">Manifest</a> <a href="https://panodyssey.com/fr/creative/room/concours-d-ecriture-panodyssey-h2prebbwk8e2">Schreibwettbewerbe</a> </div> <div class="col-12 col-md-3 d-flex flex-column"> <b class='text-uppercase'>OFFERS</b> <a href="/de/pricing-and-plans">Free and paid offers</a> <a href="/de/free-plan">Panodyssey Free</a> <a href="/de/pro-plan">Panodyssey Pro</a> <a href="/de/visibility-plan">Panodyssey Visibility</a> <a href="/de/enterprise-plan">Panodyssey Enterprise</a> </div> <div class="col-12 col-md-3 d-flex flex-column"> <b>Dienste</b> <a href="mailto:info@panodyssey.com ">Kontakt</a> <a href="/de/login">Mein Konto</a> <a href="/de/willkommen">FAQ</a> <a href="/de/pricing-and-plans">FAQ Offers</a> </div> <div class="col-12 col-md-3 d-flex flex-column"> <b>Rechtliches</b> <a href="/de/legales" class="href">Rechtliche Hinweise</a> <a href="/de/cgu" class="href">Nutzungsbedingungen / AGB</a> <a id="dpp" href="/de/privacy" class="href">Datenschutzerklärung</a> <a href="#" class="href" data-bs-toggle="modal" data-bs-target="#rgpdbox">Cookie-Einstellungen</a> <a href="/de/child-safety-policy" class="href">Child safety policy</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="/de/category/ai"> AI </a> </div> <div class="col-6"> <a href="/de/category/arts"> Arts </a> </div> <div class="col-6"> <a href="/de/category/bildung"> Bildung </a> </div> <div class="col-6"> <a href="/de/category/biography"> Biography </a> </div> <div class="col-6"> <a href="/de/category/cooking"> Cooking </a> </div> <div class="col-6"> <a href="/de/category/family"> Family </a> </div> <div class="col-6"> <a href="/de/category/finance-and-markets"> Finance and Markets </a> </div> <div class="col-6"> <a href="/de/category/fotografie"> Fotografie </a> </div> <div class="col-6"> <a href="/de/category/gastronomie"> Gastronomie </a> </div> <div class="col-6"> <a href="/de/category/gesundheit"> Gesundheit </a> </div> <div class="col-6"> <a href="/de/category/handwerk"> Handwerk </a> </div> <div class="col-6"> <a href="/de/category/home-decor-and-diy"> Home, Decor, and DIY </a> </div> <div class="col-6"> <a href="/de/category/kultur"> Kultur </a> </div> <div class="col-6"> <a href="/de/category/kurioses"> Kurioses </a> </div> <div class="col-6"> <a href="/de/category/mode"> Mode </a> </div> <div class="col-6"> <a href="/de/category/musik"> Musik </a> </div> <div class="col-6"> <a href="/de/category/nature"> Nature </a> </div> <div class="col-6"> <a href="/de/category/personal-development"> Personal Development </a> </div> <div class="col-6"> <a href="/de/category/politik"> Politik </a> </div> <div class="col-6"> <a href="/de/category/reisen"> Reisen </a> </div> <div class="col-6"> <a href="/de/category/science"> Science </a> </div> <div class="col-6"> <a href="/de/category/society"> Society </a> </div> <div class="col-6"> <a href="/de/category/sport"> Sport </a> </div> <div class="col-6"> <a href="/de/category/technik"> Technik </a> </div> <div class="col-6"> <a href="/de/category/umwelt"> Umwelt </a> </div> <div class="col-6"> <a href="/de/category/unternehmertum"> Unternehmertum </a> </div> <div class="col-6"> <a href="/de/category/video-games-and-games"> Video Games and Games </a> </div> <div class="col-6"> <a href="/de/category/wirtschaft"> Wirtschaft </a> </div> <div class="col-6"> <a href="/de/category/wohlbefinden"> Wohlbefinden </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="/de/category/absurd"> Absurd </a> </div> <div class="col-6"> <a href="/de/category/adventure"> Adventure </a> </div> <div class="col-6"> <a href="/de/category/chick-lit-romance"> Chick-lit romance </a> </div> <div class="col-6"> <a href="/de/category/comics-and-manga"> Comics and Manga </a> </div> <div class="col-6"> <a href="/de/category/crime-stories"> Crime stories </a> </div> <div class="col-6"> <a href="/de/category/drama"> Drama </a> </div> <div class="col-6"> <a href="/de/category/erotic-romance"> Erotic romance </a> </div> <div class="col-6"> <a href="/de/category/erotica"> Erotica </a> </div> <div class="col-6"> <a href="/de/category/esoterism"> Esoterism </a> </div> <div class="col-6"> <a href="/de/category/fan-fiction"> Fan fiction </a> </div> <div class="col-6"> <a href="/de/category/fantasy"> Fantasy </a> </div> <div class="col-6"> <a href="/de/category/historical"> Historical </a> </div> <div class="col-6"> <a href="/de/category/historical-romance"> Historical romance </a> </div> <div class="col-6"> <a href="/de/category/horror"> Horror </a> </div> <div class="col-6"> <a href="/de/category/humor"> Humor </a> </div> <div class="col-6"> <a href="/de/category/illustration"> Illustration </a> </div> <div class="col-6"> <a href="/de/category/new-romance"> New Romance </a> </div> <div class="col-6"> <a href="/de/category/paranormal-romance"> Paranormal romance </a> </div> <div class="col-6"> <a href="/de/category/poetry-and-songs"> Poetry and Songs </a> </div> <div class="col-6"> <a href="/de/category/romance"> Romance </a> </div> <div class="col-6"> <a href="/de/category/science-fiction"> Science fiction </a> </div> <div class="col-6"> <a href="/de/category/sea-and-ocean"> Sea and ocean </a> </div> <div class="col-6"> <a href="/de/category/tale"> Tale </a> </div> <div class="col-6"> <a href="/de/category/theater"> Theater </a> </div> <div class="col-6"> <a href="/de/category/young-adult"> Young Adult </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"> Newsletter subscription </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=" First name and last name" 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"> Sign up </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/creative/room/revue-de-presse-panodyssey-x-creative-room-european-alliance-mj82tgb3r335" 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. Alle Rechte vorbehalten </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 ist bald auch auf Mobilgeräten verfügbar </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>Panodyssey zu deinen Apps hinzufügen</p> <ul class="p-0 apple d-none"> <li>- Öffne Panodyssey in Safari</li> <li>- Klick auf den Teilen-Button am unteren Bildschirmrand <img src="/build/img/partage.8588bcbb.png" alt="partage"></li> <li>- Klick dann auf die Option "Zum Startbildschirm hinzufügen" und bestätige</li> </ul> <ul class="p-0 android d-none"> <li>- Öffne Panodyssey im Browser</li> <li>- Klick auf Option am linken oberen Bildschirmrand <img src="/build/img/partage-android.1eaed603.png" alt="partage"></li> <li>- Klick dann auf "Zum Startbildschirm hinzufügen" und bestätige</li> </ul> <button class='btn mx-auto mt-4 mb-2 d-block' data-bs-dismiss="modal" aria-label="Close"> Alles klar </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 = "\/de\/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">Link <strong>kopiert</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 = "/de/login"; if($(this).hasClass('active')){ // unlike $.ajax({ url: '/likes/unlike/7177', 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: '/de/contributor/request/access/article/7177', 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: '/de/contributor/request/access/article/7177', 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>Abbrechen"); $(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>Antworten"); $('.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">The publication was successfully posted to your news feed</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>