src/routes/About.svelte

<div class="section" style="padding: 10px 0;">
    <p class="muted">
        The <span class="emphasis">3D Arena</span> leaderboard evaluates leading generative 3D models. It is inspired by
        <a class="emphasis" target="_blank" href="https://huggingface.co/spaces/TTS-AGI/TTS-Arena">TTS-Arena</a>
        and
        <a class="emphasis" target="_blank" href="https://chat.lmsys.org/">Chatbot Arena</a>.
    </p>
</div>
<div class="section">
    <h3 class="emphasis">Motivation</h3>
    <p class="muted">
        Evaluating generated 3D quality quantitatively is challenging, and there is no standard practice for reporting
        critical factors like mesh topology in real-world applications.
    </p>
    <p class="muted">This leaderboard displays usable, final results side-by-side for the community to rank.</p>
</div>
<div class="section">
    <h3 class="emphasis">Criteria</h3>
    <p class="muted">
        Models must handle <span class="emphasis">image</span> (.png, .jpg) inputs and produce
        <span class="emphasis">mesh</span>
        (.obj, .glb) or <span class="emphasis">splat</span> (.splat, .ply) outputs. They should run end-to-end without human
        intervention, including UV unwrapping, texture mapping, and other post-processing.
    </p>
    <p class="muted">
        To preview how your results will look in the leaderboard, upload them to any <a
            class="emphasis"
            target="_blank"
            href="https://huggingface.co/spaces/gradio/model3D">gradio/model3d</a
        > viewer.
    </p>
</div>
<div class="section">
    <h3 class="emphasis">Contributing</h3>
    <p class="muted">
        All inputs and outputs are publicly available <a
            class="emphasis"
            target="_blank"
            href="https://huggingface.co/datasets/dylanebert/3d-arena">here</a
        >.
    </p>
    <p class="muted">
        To contribute a model, run your model on all input images and create a pull request with your model's output.
        Refer to other examples in the dataset to understand the expected format.
    </p>
</div>
<div class="section">
    <h3 class="emphasis">Citing</h3>
    <div class="pre-wrapper">
        <pre>
            <code>
                @misc&lbrace;3d-arena,
                    author = &lbrace;Dylan Ebert&rbrace;
                    title = &lbrace;3D Arena&rbrace;
                    year = &lbrace;2024&rbrace;
                    publisher = &lbrace;Hugging Face&rbrace;
                    howpublished = \url&lbrace;https://huggingface.co/spaces/dylanebert/3d-arena&rbrace;
                &rbrace;
            </code>
        </pre>
    </div>
</div>