description.html

<div style="display: flex; justify-content: center; align-items: center; text-align: center;">
    <div>
        <!-- Logo Row -->
        <div style="display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;">
            <a href="https://github.com/mit-han-lab/nunchaku">
                <img src="https://github.com/mit-han-lab/nunchaku/raw/refs/heads/main/assets/nunchaku.svg"
                     alt="nunchaku logo"
                     style="height: 150px; width: auto;"/>
            </a>
            <a href="https://hanlab.mit.edu/projects/svdquant">
                <img src="https://github.com/mit-han-lab/nunchaku/raw/refs/heads/main/assets/svdquant.svg"
                     alt="svdquant logo"
                     style="height: 40px; width: auto;"/>
            </a>
        </div>

        <!-- Title -->
        <h1 style="margin-top: 0;">FLUX.1-{model} Demo</h1>

        <!-- Device Info -->
        <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
            {device_info}
        </div>

        <!-- Notice -->
        <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
            {notice}
        </div>

        <!-- Count Info -->
        {count_info}
    </div>
</div>