header.html

<style>
    .button-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }
</style>

<div style="text-align: center; max-width: 900px; margin: 0 auto;">
    <div>
        <h1>
            StyleCrafter: Enhancing Stylized Text-to-Video Generation with Style Adapter
        </h1>
    </div>

    &nbsp;

    <div style="text-align: center; max-width: 700px; margin: 0 auto;">
        <p style="align-items: center; margin-bottom: 10px;">
            This is a online demo for StyleCrafter, a model that can generate images/videos with your favorite style.
        </p>
        <p style="align-items: center; margin-bottom: 10px;">
            You can upload your own style image and text description, and StyleCrafter will intelligently combine the style elements from the image and the text to create a unique and visually appealing output.
        </p>
    </div>

    &nbsp;

    <div class="column has-text-centered button-container">
        <a href='https://arxiv.org/abs/2312.00330'><img src='https://img.shields.io/badge/arXiv-2312.00330-b31b1b.svg'></a> 
        <a href='https://gongyeliu.github.io/StyleCrafter.github.io/'><img src='https://img.shields.io/badge/Project-Page-Green'></a>
        <a href='https://github.com/GongyeLiu/StyleCrafter'><img src='https://img.shields.io/badge/GitHub-Code-181717?logo=github&labelCase=asis'></a>
    </div>

</div>