    <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/library/files/d6da2efc-cc3f-4bed-9636-756d34d5c263/141/forain-687131b2535a5902219158.jpg" />
            <source media="(min-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/d6da2efc-cc3f-4bed-9636-756d34d5c263/141/forain-687131b2535a5902219158.jpg" />
            <source srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/d6da2efc-cc3f-4bed-9636-756d34d5c263/141/forain-687131b2535a5902219158.jpg" />
        <img class=" "
        src="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png"
        alt="Ciel étoilé généré aléatoirement avec le texte : &quot;Cirque forain /Gliese Æ&quot;"
         />
</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/fete-foraine-sur-gliese-ae"
        >
            Fête foraine sur Gliese Æ
        </a>
    </h2>
            </header>
        <section class="card-content">
                <p>On suit les pérégrination d'un couple dans une fête foraine.</p><p><br></p><p><em>Petit texte écrit dans le cadre d'un échange de texte sur le thème "fête foraine" de 4 000 à 10 000 mots</em></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>
                10
            </span>
        </li>
        <li>
            <span class="mini">
                updated
            </span>
            <time class="small">08/08/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=15">science-fiction</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/f35f2e55-fbe4-4f4b-a7f2-7c184819fdd3/1375/l-echo-des-cendres-cover-6849b8bf286e0565834332.jpg" />
            <source media="(min-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/f35f2e55-fbe4-4f4b-a7f2-7c184819fdd3/1375/l-echo-des-cendres-cover-6849b8bf286e0565834332.jpg" />
            <source srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/f35f2e55-fbe4-4f4b-a7f2-7c184819fdd3/1375/l-echo-des-cendres-cover-6849b8bf286e0565834332.jpg" />
        <img class=" "
        src="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png"
        alt="L&#039;Écho des Cendres"
         />
</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-cendres"
        >
            L&#039;Écho des Cendres
        </a>
    </h2>
            </header>
        <section class="card-content">
                <p>Dans un futur lointain, la Terre a été ravagée par une série de catastrophes climatiques et de conflits mondiaux, réduisant les nations à néant et laissant derrière elle un paysage dévasté.</p><p><br></p><p>De ce chaos est née une nouvelle civilisation, régie par l'Autorité, une entité monolithique et omniprésente qui promet l'ordre et la survie à tout prix.</p><p><br></p><p>Pour maintenir le contrôle sur les populations fragmentées et prévenir toute rébellion, l'Autorité a mis en place les "Jeux du Sacrifice". Chaque année, des adolescents sont choisis parmi les différentes Enclaves, contraints de s'affronter dans une arène naturelle impitoyable, où seule la survie du plus fort est garantie. Ces jeux sont diffusés en direct, servant de divertissement macabre et de rappel constant de la puissance inébranlable de l'Autorité.</p><p><br></p><p>"L'Écho des Cendres" se déroule dans ce monde. Le roman explore les thèmes de la survie, de la résistance et de l'humanité face à l'oppression. Il suit le parcours de Lyra, une jeune femme de l'Enclave 7, connue pour ses ressources limitées et sa population résiliente. Lyra, poussée par le désir de protéger sa famille et de venger les injustices du passé, se retrouve malgré elle au cœur des Jeux du Sacrifice, où elle découvrira la vérité derrière le pouvoir de l'Autorité et la force insoupçonnée de l'espoir.</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>
                1
            </span>
        </li>
        <li>
            <span class="mini">
                updated
            </span>
            <time class="small">11/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=5">drama</a>
        </li>
            <li>
            <a class="tag" href="/book/list?book_search%5Bgenres%5D%5B%5D=6">dystopian</a>
        </li>
            <li>
            <a class="tag" href="/book/list?book_search%5Bgenres%5D%5B%5D=15">science-fiction</a>
        </li>
    </ul>
</article>
                            </li>
                                            </ul>
                            </div>
            
        </template>
    </turbo-stream>
    <turbo-stream action="update" target="nbResults">
        <template>
            2 results
        </template>
    </turbo-stream>
