includes/modals/about_modal.php

<dialog class="modal" id="about-modal">
    <div>
        <h2><?= h(t('about.title')) ?></h2>

        <div>
            <h3><?= h(t('about.why.title')) ?></h3>

            <p><?= h(t('about.why.p1')) ?></p>
            <p><?= h(t('about.why.p2')) ?></p>
            <p><?= h(t('about.why.p3')) ?></p>

            <ul>
                <li><?= h(t('about.why.q1')) ?></li>
                <li><?= h(t('about.why.q2')) ?></li>
                <li><?= h(t('about.why.q3')) ?></li>
                <li><?= h(t('about.why.q4')) ?></li>
            </ul>

            <p><?= h(t('about.why.p4')) ?></p>
        </div>

        <div>
            <h3><?= h(t('about.privacy.title')) ?></h3>

            <p><?= h(t('about.privacy.p1')) ?></p>
            <p><?= h(t('about.privacy.p2')) ?></p>
            <p><?= h(t('about.privacy.p3')) ?></p>

            <ul>
                <li><?= h(t('about.privacy.no_ip')) ?></li>
                <li><?= h(t('about.privacy.no_permanent_id')) ?></li>
                <li><?= h(t('about.privacy.no_history')) ?></li>
                <li><?= h(t('about.privacy.no_profile')) ?></li>
                <li><?= h(t('about.privacy.no_cross_site_tracking')) ?></li>
            </ul>

            <p><?= h(t('about.privacy.p4')) ?></p>
            <p><?= h(t('about.privacy.p5')) ?></p>
            <p><?= h(t('about.privacy.p6')) ?></p>
            <p><?= h(t('about.privacy.p7')) ?></p>
            <p><?= h(t('about.privacy.p8')) ?></p>
        </div>

        <div>
            <h3><?= h(t('about.simplicity.title')) ?></h3>

            <p><?= h(t('about.simplicity.p1')) ?></p>
            <p><?= h(t('about.simplicity.p2')) ?></p>
            <blockquote><?= h(t('about.simplicity.quote')) ?></blockquote>
            <p><?= h(t('about.simplicity.p3')) ?></p>

            <h3><?= h(t('about.opensource.title')) ?></h3>

            <p><?= h(t('about.opensource.p1')) ?></p>
            <p><?= h(t('about.opensource.p2')) ?></p>
        </div>

        <div>
            <h3><?= h(t('about.name.title')) ?></h3>

            <p><?= h(t('about.name.p1')) ?></p>

            <ul>
                <li><?= h(t('about.name.breat')) ?></li>
                <li><?= h(t('about.name.privacy')) ?></li>
                <li><?= h(t('about.name.analytics')) ?></li>
            </ul>

            <p><?= h(t('about.name.p2')) ?></p>
        </div>

        <div>
            <h3><?= h(t('about.summary.title')) ?></h3>

            <p><?= h(t('about.summary.p1')) ?></p>
        </div>

        <div>
            <h3><?= h(t('about.credits.title')) ?></h3>

            <ul>
                <li><?= externalLink('http://mapsvg.com/', 'MapSVG') ?> : <?= h(t('about.credits.mapsvg')) ?></li>
            </ul>
        </div>
    </div>
</dialog>