<!-- instance features -->
<article id="features" class="window">
    <div class="header">
        <div class="titlebar-icon" aria-hidden="true">
            <span class="icon tabler--info-circle"></span>
        </div>
        <a href="#features">Features</a>
        <div class="window-buttons" aria-hidden="true">
            <span class="icon tabler--minimize"></span>
            <span class="icon tabler--maximize"></span>
        </div>
        <div class="close-button" aria-hidden="true">
            <span class="icon tabler--x"></span>
        </div>
    </div>
    <section>
        <h2><a href="#features">Features</a></h2>
        <p>What users receive in terms of differences from, for example here, the average <small>(vanilla)</small> Mastodon instance:</p>
        <ul>
            <li>
                Quote posting
            </li>
            <li>
                Emoji reactions
            </li>
            <li>
                All of the fun/average Misskey features: cat ears/speaking as a cat, "Drive" management for files, etc.
            </li>
            <li>
                100,000 character limit, with a 5,000 content warning character limit
            </li>
            <li>
                20 gigabyte drive space per user <small>(can be increased if needed)</small>
            </li>
        </ul>
    </section>
</article>