<footer class="mask-footer">
    <div class="mask-footer__column mask-footer__column--left">
        <div class="mask-footer__item mask-footer__item--first">
            <div class="mask-footer__version">
                <img src="{f:uri.resource(path: 'EXT:mask/Resources/Public/Images/legacy-icon.gif')}" alt="Mask legacy icon" title="&#128489; Have fun with Mask!"/>v{{ version }}
            </div>
        </div>
        <div class="mask-footer__separator"></div>
        <div class="mask-footer__item">
            <a href="https://github.com/gernott/mask/issues/" target="_blank" title="Create an issue on Github"><core:icon identifier="actions-git" size="small" /> Report a bug</a>
        </div>
        <div class="mask-footer__separator"></div>
        <div class="mask-footer__item">
            <a href="https://typo3.org/community/meet/chat-slack/" target="_blank" title="Go to typo3.org slack info page" ><core:icon identifier="actions-brand-slack" size="small" /> Get help on slack <code>#ext-mask</code></a>
        </div>
        <div class="mask-footer__separator"></div>
        <div class="mask-footer__item">
            <a href="https://mask.webprofil.at/featurelist/overview/" target="_blank" title="Go to official Mask website feature overview"><core:icon identifier="actions-lightbulb-on" size="small" /> Suggest a new feature</a>
        </div>
        <div class="mask-footer__separator"></div>
        <div class="mask-footer__item">
            <a href="https://github.com/sponsors/nhovratov" class="btn btn-mask" target="_blank" title="Sponsor me if you like Mask"><core:icon identifier="actions-shield-star" size="small" /> Become a sponsor of mask</a>
        </div>
    </div>
    <div class="mask-footer__separator"></div>
    <div class="mask-footer__column mask-footer__column--right">
        <div class="mask-footer__item">
            <a href="https://tvconverter.webprofil.at/" target="_blank" class="templa" title="Go to https://tvconverter.webprofil.at/">
                <div class="templa__wrap">
                    <img src="{f:uri.resource(path: 'EXT:mask/Resources/Public/Images/Logo_TVconverter.png')}" width="120" alt="TemplaVoila to Mask" class="templa__image img-fluid"/>
                    <div>
                        <div class="templa__header">TemplaVoila to Mask</div>
                        <p class="templa__text">Convert the entire content of your old project to Mask.</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="mask-footer__separator"></div>
        <div class="mask-footer__item mask-footer__item--last">
            <div>
                developed with <core:icon identifier="content-heart" size="small" /> by <a href="https://www.webprofil.at/" target="_blank" title="Go to https://www.webprofil.at/">WEBprofil</a> & <a href="https://www.nikita-hovratov.de" target="_blank" title="Go to https://www.nikita-hovratov.de">Nikita Hovratov</a>
            </div>
        </div>
    </div>
</footer>
