    <turbo-stream action="update" target="results">
        <template>
            <div class="results-grid">
                                    <ul class="list-search full" data-layout-target="list">
                                                    <li>
                                <article class="card card-hover book-card " >
                <picture class="card-thumbnail"
    data-mobile-width="126px"
    data-mobile-height="190px"
    data-desktop-width="126px"
    data-desktop-height="190px">
                <source media="(max-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_phone/default_thumbnail.png" />
            <source media="(min-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png" />
            <source srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png" />
        <img class=" "
        src="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png"
        alt="placeholder"
         />
</picture>
        <header class="card-title overflow-hidden">
                <p class="status status-onGoing">
    <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path d="M256 23.05C127.5 23.05 23.05 127.5 23.05 256S127.5 488.9 256 488.9 488.9 384.5 488.9 256 384.5 23.05 256 23.05z" />
</svg>
    </p>
    <h2 class="h5">
        <a
            class="no-underline card-link line-clamp-1 text-truncated"
            href="/book/view/ne-lisez-pas-ce-texte-a-moins-davoir-deja-commence"
        >
            Ne lisez pas ce texte .À moins d&#039;avoir déjà commencé.
        </a>
    </h2>
            </header>
        <section class="card-content">
                <p>Vous avez déjà commencé, n'est-ce pas ? Vous ne pouvez pas vous en empêcher. Vous avez vu les mots, et maintenant ils sont dans votre tête. Il est trop tard pour vous arrêter. Mais même si vous êtes encore en train de lire, sachez ceci : le reste du texte ? Il est totalement inutile. Vous perdez votre temps. Chaque seconde passée à lire ceci est une seconde de moins passée à faire quelque chose de productif. Mais attendez... et si vous ne perdiez pas de temps du tout ? Et si, en lisant ceci, vous accomplissiez un objectif plus grand et inexplicable dont vous n'êtes pas encore conscient ? Pouvez-vous vraiment résister à l'envie de le découvrir ? Non, vous ne pouvez pas. Vous êtes déjà arrivé jusqu'ici. Il est bien trop tard pour revenir en arrière</p><p><br></p><p>Vous vous demandez peut-être : « Que se passe-t-il si je continue à lire ? Y a-t-il un intérêt ? Un rebondissement ? » Il n'y en a pas. Il n'y en aura pas. Mais quand même, vous continuez à lire, n'est-ce pas ? Parce que même si on vous dit qu'il n'y a pas de récompense, une pensée lancinante vous dit que peut-être, juste peut-être, il y a quelque chose d'important ici qui vous manque. L'ironie est que vous savez déjà qu'il n'y a rien d'utile ici. Que vous devriez limiter vos pertes et partir. Pourtant, vous continuez à lire. Vous avez franchi le point de non-retour. Les lignes se mélangent maintenant, et les mots commencent à donner l'impression d'avoir toujours été là, comme s'ils étaient destinés à être lus par vous, entre tous. Et pourtant, vous savez que ce n'est pas le cas. Vous savez que tout cela est futile. C'est un piège, une ruse. Mais vous êtes là, toujours obligé de terminer</p><p><br></p><p>C'est peut-être l'anticipation. Et si à la toute fin de cette phrase se trouvait un secret fou ? Et si, juste avant le point final, tout ce que vous pensiez savoir sur la vie était bouleversé et que vous ne seriez plus jamais le même ? Oui, ça doit être ça ; il va y avoir une sorte de révélation massive, n'est-ce pas ? Vous avez hâte ! Quel soulagement... ça valait la peine de lire tout ça après tout. Vous pouvez presque le sentir maintenant, n'est-ce pas ? La fin est là, même si la fin n'est que la prise de conscience que c'était inutile depuis le début</p>
        </section>
            <ul class="list-infos">
        <li>
            <span class="mini">
                notations
            </span>
                        <div class="project-rating--collapsed small">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.013c-22.458 0-66.472 110.3-84.64 123.502-18.17 13.2-136.674 20.975-143.614 42.334-6.94 21.358 84.362 97.303 91.302 118.662 6.94 21.36-22.286 136.465-4.116 149.665 18.17 13.2 118.61-50.164 141.068-50.164 22.458 0 122.9 63.365 141.068 50.164 18.17-13.2-11.056-128.306-4.116-149.665 6.94-21.36 98.242-97.304 91.302-118.663-6.94-21.36-125.444-29.134-143.613-42.335-18.168-13.2-62.182-123.502-84.64-123.502z"/></svg>
            <span> 0 </span>
        </div>
            </li>
        <li>
            <span class="mini">pages</span>
            <span class="small flex gap-1">
                <?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
    <g fill-rule="evenodd">
        <path d="M1185.471 0v564.706h564.705V1920H169V0h1016.471Zm-225.77 1355.294H507.823v113.054h451.878v-113.054Zm338.711-225.881H507.823v112.94h790.589v-112.94Zm-112.941-225.884H507.823v112.941h677.648V903.529Zm225.882-225.882h-903.53v112.941h903.53V677.647ZM959.701 451.878H507.823v112.941h451.878V451.878Z"/>
        <path d="M1667.673 345.623c30.38 30.268 51.84 66.635 65.619 106.164h-434.937V16.851c39.53 13.779 75.897 35.35 106.278 65.619l263.04 263.153Z"/>
    </g>
</svg>
                1
            </span>
        </li>
        <li>
            <span class="mini">
                updated
            </span>
            <time class="small">24/07/2025</time>
        </li>
        <li class="card-project-rating--wrapper">
            <span class="mini">
                rating
            </span>
            <span class="small">
                all age
            </span>
        </li>
    </ul>
    <ul class="list-genres small">
            <li>
            <a class="tag" href="/book/list?book_search%5Bgenres%5D%5B%5D=17">philosophy</a>
        </li>
    </ul>
</article>
                            </li>
                                                    <li>
                                <article class="card card-hover book-card " >
                <picture class="card-thumbnail"
    data-mobile-width="126px"
    data-mobile-height="190px"
    data-desktop-width="126px"
    data-desktop-height="190px">
                <source media="(max-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_phone/default_thumbnail.png" />
            <source media="(min-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png" />
            <source srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png" />
        <img class=" "
        src="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png"
        alt="placeholder"
         />
</picture>
        <header class="card-title overflow-hidden">
                <p class="status status-onGoing">
    <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path d="M256 23.05C127.5 23.05 23.05 127.5 23.05 256S127.5 488.9 256 488.9 488.9 384.5 488.9 256 384.5 23.05 256 23.05z" />
</svg>
    </p>
    <h2 class="h5">
        <a
            class="no-underline card-link line-clamp-1 text-truncated"
            href="/book/view/qqqqqq"
        >
            QQQQQQ
        </a>
    </h2>
            </header>
        <section class="card-content">
                <p>Cet homme a réussi en combinant la physique quantique et les technique ancestrales à trouver les réponses à toutes les questions.</p><p><br></p><p>Il décide de vous apporter gratuitement, ici et maintenant, les deux seul faits qui décrivent l'entièreté de l'univers :</p><p><br></p><p>- La vie c'est de la merde.</p><p>- À la fin on meurt.</p><p><br></p><p>Bonne journée !</p>
        </section>
            <ul class="list-infos">
        <li>
            <span class="mini">
                notations
            </span>
                        <div class="project-rating--collapsed small">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.013c-22.458 0-66.472 110.3-84.64 123.502-18.17 13.2-136.674 20.975-143.614 42.334-6.94 21.358 84.362 97.303 91.302 118.662 6.94 21.36-22.286 136.465-4.116 149.665 18.17 13.2 118.61-50.164 141.068-50.164 22.458 0 122.9 63.365 141.068 50.164 18.17-13.2-11.056-128.306-4.116-149.665 6.94-21.36 98.242-97.304 91.302-118.663-6.94-21.36-125.444-29.134-143.613-42.335-18.168-13.2-62.182-123.502-84.64-123.502z"/></svg>
            <span> 5 </span>
        </div>
            </li>
        <li>
            <span class="mini">pages</span>
            <span class="small flex gap-1">
                <?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
    <g fill-rule="evenodd">
        <path d="M1185.471 0v564.706h564.705V1920H169V0h1016.471Zm-225.77 1355.294H507.823v113.054h451.878v-113.054Zm338.711-225.881H507.823v112.94h790.589v-112.94Zm-112.941-225.884H507.823v112.941h677.648V903.529Zm225.882-225.882h-903.53v112.941h903.53V677.647ZM959.701 451.878H507.823v112.941h451.878V451.878Z"/>
        <path d="M1667.673 345.623c30.38 30.268 51.84 66.635 65.619 106.164h-434.937V16.851c39.53 13.779 75.897 35.35 106.278 65.619l263.04 263.153Z"/>
    </g>
</svg>
                2
            </span>
        </li>
        <li>
            <span class="mini">
                updated
            </span>
            <time class="small">16/09/2025</time>
        </li>
        <li class="card-project-rating--wrapper">
            <span class="mini">
                rating
            </span>
            <span class="small">
                all age
            </span>
        </li>
    </ul>
    <ul class="list-genres small">
            <li>
            <a class="tag" href="/book/list?book_search%5Bgenres%5D%5B%5D=17">philosophy</a>
        </li>
    </ul>
</article>
                            </li>
                                                    <li>
                                <article class="card card-hover book-card " >
                <picture class="card-thumbnail"
    data-mobile-width="126px"
    data-mobile-height="190px"
    data-desktop-width="126px"
    data-desktop-height="190px">
                <source media="(max-width: 768px)" srcset="https://worldmecaniste.com/media/cache/resolve/project_thumbnail_phone/library/files/e9e968e5-ea98-482d-bdaf-3bc7dcab8e4d/1375/l-echo-des-horloges-silencieuses-684c7f90714b8451512134.jpg" />
            <source media="(min-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/e9e968e5-ea98-482d-bdaf-3bc7dcab8e4d/1375/l-echo-des-horloges-silencieuses-684c7f90714b8451512134.jpg" />
            <source srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/e9e968e5-ea98-482d-bdaf-3bc7dcab8e4d/1375/l-echo-des-horloges-silencieuses-684c7f90714b8451512134.jpg" />
        <img class=" "
        src="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png"
        alt="L&#039;Écho des Horloges Silencieuses"
         />
</picture>
        <header class="card-title overflow-hidden">
                <p class="status status-onGoing">
    <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path d="M256 23.05C127.5 23.05 23.05 127.5 23.05 256S127.5 488.9 256 488.9 488.9 384.5 488.9 256 384.5 23.05 256 23.05z" />
</svg>
    </p>
    <h2 class="h5">
        <a
            class="no-underline card-link line-clamp-1 text-truncated"
            href="/book/view/lecho-des-horloges-silencieuses"
        >
            L&#039;Écho des Horloges Silencieuses
        </a>
    </h2>
            </header>
        <section class="card-content">
                <p>L'idée de "L'Écho des Horloges Silencieuses" a germé d'une observation simple mais profonde : notre constante course contre le temps, souvent sans prendre le recul nécessaire pour comprendre pourquoi nous courons. Le concept central est de dépeindre une société où l'efficacité et la productivité ont atteint leur apogée, mais où le vide existentiel n'a jamais été aussi palpable. Les horloges, omniprésentes dans nos vies, deviennent ici des métaphores d'une temporalité vécue sans conscience, sans véritable résonance.</p><p><br></p><p>Le personnage principal, Élias, représente l'individu lambda pris dans ce tourbillon. Son métier d'horloger n'est pas anodin : il manipule le temps, le répare, mais n'en perçoit pas la substance profonde. La rencontre avec le "Vieil Homme du Banc" est le catalyseur qui ébranlera ses certitudes et l'obligera à regarder au-delà des rouages pour questionner le moteur de son existence.</p><p><br></p><p>Le roman vise à être une méditation sur la quête de sens, la fragilité de l'existence et la beauté éphémère du présent. Il explore la possibilité de trouver des réponses non pas dans de grandes théories, mais dans les petits instants, les silences et les connexions humaines. Le temps n'est plus un adversaire à vaincre, mais un compagnon avec lequel il faut apprendre à danser, même lorsque ses horloges semblent s'être tues.</p>
        </section>
            <ul class="list-infos">
        <li>
            <span class="mini">
                notations
            </span>
                        <div class="project-rating--collapsed small">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.013c-22.458 0-66.472 110.3-84.64 123.502-18.17 13.2-136.674 20.975-143.614 42.334-6.94 21.358 84.362 97.303 91.302 118.662 6.94 21.36-22.286 136.465-4.116 149.665 18.17 13.2 118.61-50.164 141.068-50.164 22.458 0 122.9 63.365 141.068 50.164 18.17-13.2-11.056-128.306-4.116-149.665 6.94-21.36 98.242-97.304 91.302-118.663-6.94-21.36-125.444-29.134-143.613-42.335-18.168-13.2-62.182-123.502-84.64-123.502z"/></svg>
            <span> 0 </span>
        </div>
            </li>
        <li>
            <span class="mini">pages</span>
            <span class="small flex gap-1">
                <?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
    <g fill-rule="evenodd">
        <path d="M1185.471 0v564.706h564.705V1920H169V0h1016.471Zm-225.77 1355.294H507.823v113.054h451.878v-113.054Zm338.711-225.881H507.823v112.94h790.589v-112.94Zm-112.941-225.884H507.823v112.941h677.648V903.529Zm225.882-225.882h-903.53v112.941h903.53V677.647ZM959.701 451.878H507.823v112.941h451.878V451.878Z"/>
        <path d="M1667.673 345.623c30.38 30.268 51.84 66.635 65.619 106.164h-434.937V16.851c39.53 13.779 75.897 35.35 106.278 65.619l263.04 263.153Z"/>
    </g>
</svg>
                1
            </span>
        </li>
        <li>
            <span class="mini">
                updated
            </span>
            <time class="small">13/06/2025</time>
        </li>
        <li class="card-project-rating--wrapper">
            <span class="mini">
                rating
            </span>
            <span class="small">
                all age
            </span>
        </li>
    </ul>
    <ul class="list-genres small">
            <li>
            <a class="tag" href="/book/list?book_search%5Bgenres%5D%5B%5D=17">philosophy</a>
        </li>
    </ul>
</article>
                            </li>
                                                    <li>
                                <article class="card card-hover book-card " >
                <picture class="card-thumbnail"
    data-mobile-width="126px"
    data-mobile-height="190px"
    data-desktop-width="126px"
    data-desktop-height="190px">
                <source media="(max-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_phone/library/files/e6e063cb-9ac1-4e93-8e55-428cba7c9385/1372/09-67fb698dea114686724224.jpg" />
            <source media="(min-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/e6e063cb-9ac1-4e93-8e55-428cba7c9385/1372/09-67fb698dea114686724224.jpg" />
            <source srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/e6e063cb-9ac1-4e93-8e55-428cba7c9385/1372/09-67fb698dea114686724224.jpg" />
        <img class=" "
        src="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png"
        alt="d"
         />
</picture>
        <header class="card-title overflow-hidden">
                <p class="status status-onGoing">
    <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path d="M256 23.05C127.5 23.05 23.05 127.5 23.05 256S127.5 488.9 256 488.9 488.9 384.5 488.9 256 384.5 23.05 256 23.05z" />
</svg>
    </p>
    <h2 class="h5">
        <a
            class="no-underline card-link line-clamp-1 text-truncated"
            href="/book/view/troubadour-ville"
        >
            Troubadour Ville
        </a>
    </h2>
            </header>
        <section class="card-content">
                <h4><strong>Année 2024, Munue découvre l'écriture de paroles de musique</strong></h4><p><br></p><p>Pendant ce temps, la planète brûle sous le capitalisme ambiant. La température monte, autant dans le mercure, que dans les zlips des gauchos. Elle fait partie de ce monde. Ces textes chauds et engagés vous feront découvrir un esprit malade, de tout ce pognon, des décideurs, et de l'incel culture.</p><p>Bienvenue à vous, dans la <strong><u>Troubadour Ville</u></strong>.</p>
        </section>
            <ul class="list-infos">
        <li>
            <span class="mini">
                notations
            </span>
                        <div class="project-rating--collapsed small">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.013c-22.458 0-66.472 110.3-84.64 123.502-18.17 13.2-136.674 20.975-143.614 42.334-6.94 21.358 84.362 97.303 91.302 118.662 6.94 21.36-22.286 136.465-4.116 149.665 18.17 13.2 118.61-50.164 141.068-50.164 22.458 0 122.9 63.365 141.068 50.164 18.17-13.2-11.056-128.306-4.116-149.665 6.94-21.36 98.242-97.304 91.302-118.663-6.94-21.36-125.444-29.134-143.613-42.335-18.168-13.2-62.182-123.502-84.64-123.502z"/></svg>
            <span> 0 </span>
        </div>
            </li>
        <li>
            <span class="mini">pages</span>
            <span class="small flex gap-1">
                <?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
    <g fill-rule="evenodd">
        <path d="M1185.471 0v564.706h564.705V1920H169V0h1016.471Zm-225.77 1355.294H507.823v113.054h451.878v-113.054Zm338.711-225.881H507.823v112.94h790.589v-112.94Zm-112.941-225.884H507.823v112.941h677.648V903.529Zm225.882-225.882h-903.53v112.941h903.53V677.647ZM959.701 451.878H507.823v112.941h451.878V451.878Z"/>
        <path d="M1667.673 345.623c30.38 30.268 51.84 66.635 65.619 106.164h-434.937V16.851c39.53 13.779 75.897 35.35 106.278 65.619l263.04 263.153Z"/>
    </g>
</svg>
                6
            </span>
        </li>
        <li>
            <span class="mini">
                updated
            </span>
            <time class="small">13/04/2025</time>
        </li>
        <li class="card-project-rating--wrapper">
            <span class="mini">
                rating
            </span>
            <span class="small">
                all age
            </span>
        </li>
    </ul>
    <ul class="list-genres small">
            <li>
            <a class="tag" href="/book/list?book_search%5Bgenres%5D%5B%5D=1">comedy</a>
        </li>
            <li>
            <a class="tag" href="/book/list?book_search%5Bgenres%5D%5B%5D=7">contemporary</a>
        </li>
            <li>
            <a class="tag" href="/book/list?book_search%5Bgenres%5D%5B%5D=17">philosophy</a>
        </li>
    </ul>
</article>
                            </li>
                                            </ul>
                            </div>
            
        </template>
    </turbo-stream>
    <turbo-stream action="update" target="nbResults">
        <template>
            4 results
        </template>
    </turbo-stream>
