---
import Base from "../layout/Base.astro";
const allFics = await Astro.glob("./fanfic/*.md*");
---

<Base title="ruthenic.com: Fanfics">
    <h1>Fanfics</h1>
    <div>
    {
        allFics
            .sort((a, b) =>
                a.frontmatter.title.localeCompare(b.frontmatter.title)
            )
            .map((fic) =>
                (
                    <a href={fic.url}>
                        <div
                            class="main-content"
                            style="margin-bottom: 10px; font-size: 125%;"
                        >
                            <div style="display:flex;">
                                <b>{fic.frontmatter.title}</b>{fic.frontmatter.oneshot ? (<span>&nbsp;- (Oneshot)</span>) : undefined}
                            </div>
                            {fic.frontmatter.description ? (<br/><i>{fic.frontmatter.description}</i>) : undefined}
                            {fic.frontmatter.tags.toString().split(",").join(", ")}
                        </div>
                    </a>
                )
            )
    }
    </div>
</Base>