index-main/site/snippets/modal-share.php

<?php
$shareUrl   = $page->url();
$shareTitle = $page->title()->value();
if ($page->subtitle()->isNotEmpty()) {
    $shareTitle .= ' — ' . $page->subtitle()->value();
}
$shareText = $shareTitle . ' — ' . $shareUrl;
?>
<div class="modal--share">
    <p class="title"><?= htmlspecialchars($shareTitle) ?></p>

    <ul class="socials">
        <li class="socials__x">
            <a href="https://x.com/intent/tweet?url=<?= rawurlencode($shareUrl) ?>&text=<?= rawurlencode($shareTitle) ?>&via=index_ngo" target="_blank" rel="noopener noreferrer">
                <span class="icon"><?= svg('assets/icons/socials/x-social.svg') ?></span>
                <span class="text">X</span>
            </a>
        </li>
        <li class="socials__facebook">
            <a href="https://www.facebook.com/sharer/sharer.php?u=<?= rawurlencode($shareUrl) ?>" target="_blank" rel="noopener noreferrer">
                <span class="icon"><?= svg('assets/icons/socials/facebook.svg') ?></span>
                <span class="text">Facebook</span>
            </a>
        </li>
        <li class="socials__linkedin">
            <a href="https://www.linkedin.com/sharing/share-offsite/?url=<?= rawurlencode($shareUrl) ?>" target="_blank" rel="noopener noreferrer">
                <span class="icon"><?= svg('assets/icons/socials/linkedin.svg') ?></span>
                <span class="text">LinkedIn</span>
            </a>
        </li>
        <li class="socials__bsk">
            <a href="https://bsky.app/intent/compose?text=<?= rawurlencode($shareText) ?>" target="_blank" rel="noopener noreferrer">
                <span class="icon"><?= svg('assets/icons/socials/bluesky.svg') ?></span>
                <span class="text">Bluesky</span>
            </a>
        </li>
        <li class="socials__mastodon">
            <a href="https://toot.kytta.dev/?text=<?= rawurlencode($shareText) ?>" target="_blank" rel="noopener noreferrer">
                <span class="icon"><?= svg('assets/icons/socials/mastodon.svg') ?></span>
                <span class="text">Mastodon</span>
            </a>
        </li>
    </ul>

    <div class="copy-link">
        <div class="copy-link__field">
            <span class="icon"><?= svg('assets/icons/link.svg') ?></span>
            <input type="text" readonly="" value="<?= $shareUrl ?>">
        </div>
        <button class="copy-link__btn">Copier</button>
    </div>
</div>