assets/title.html

<style>
.hover-badge:hover {
    transform: scale(1.075);
    opacity: 0.9;
    transition: 0.15s;
}
</style>

<div style="text-align: center;">
    <h1>DuoSubs</h1>
    <p>A semantic subtitle aligner and merger for bilingual subtitle syncing</p>
    <div style="display: flex; justify-content: center; gap: 5px; flex-wrap: wrap; margin-top: 1em;">
        <a href="https://github.com/CK-Explorer/DuoSubs" target="_blank">
            <img class="hover-badge" src="https://img.shields.io/github/stars/CK-Explorer/DuoSubs?style=social" />
        </a>
        <a href="https://pypi.org/project/duosubs/" target="_blank">
            <img class="hover-badge" src="https://img.shields.io/pypi/v/duosubs.svg" />
        </a>
        <a href="https://duosubs.readthedocs.io/en/latest/" target="_blank">
            <img class="hover-badge" src="https://img.shields.io/badge/docs-available-blue?logo=readthedocs" />
        </a>
            <a href="https://github.com/CK-Explorer/DuoSubs/blob/main/LICENSE" target="_blank">
            <img class="hover-badge" src="https://img.shields.io/badge/license-Apache--2.0-blueviolet.svg" />
        </a>
        </a>
            <a href="https://colab.research.google.com/github/CK-Explorer/DuoSubs/blob/main/notebook/DuoSubs-webui.ipynb" target="_blank">
            <img class="hover-badge" src="https://colab.research.google.com/assets/colab-badge.svg" />
        </a>
    </div>
</div>