    <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/resolve/project_thumbnail_phone/library/files/0e7c5b5c-5cf6-4168-afcc-69aa0301efd2/1371/img-9913-683b5d69261f5853601191.jpg" />
            <source media="(min-width: 768px)" srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/0e7c5b5c-5cf6-4168-afcc-69aa0301efd2/1371/img-9913-683b5d69261f5853601191.jpg" />
            <source srcset="https://worldmecaniste.com/media/cache/project_thumbnail_mini/library/files/0e7c5b5c-5cf6-4168-afcc-69aa0301efd2/1371/img-9913-683b5d69261f5853601191.jpg" />
        <img class=" "
        src="https://worldmecaniste.com/media/cache/project_thumbnail_mini/default_thumbnail.png"
        alt="Folder"
         />
</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/mirror-dream"
        >
            Mirror Dream🌙
        </a>
    </h2>
            </header>
        <section class="card-content">
                <div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block">For absolutely nothing at all</div></div>
        </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">31/05/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=21">poetry</a>
        </li>
    </ul>
</article>
                            </li>
                                            </ul>
                            </div>
            
        </template>
    </turbo-stream>
    <turbo-stream action="update" target="nbResults">
        <template>
            1 result
        </template>
    </turbo-stream>
