Socials share link

social-links.php

<?php
/**
 * @see https://gist.github.com/HoldOffHunger/1998b92acb80bc83547baeaff68aaaf4
 */
$title = 'Awesome link';
$url = 'https://seliga.cz';
?>
<a href="http://www.facebook.com/share.php?u=<?php echo $url ?>" data-popup>Facebook</a>
<a href="https://twitter.com/intent/tweet?text=<?php echo $url ?>" data-popup>Twitter</a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=<?php echo $url ?>" data-popup>LinkedIn</a>
<a href="mailto:@?subject=<?php echo $title ?>&body=<?php echo $url ?>">E-mail</a>

social-popup.js

/**
 * Centered window popups ie. for social sharers
 */
(function() {
	const $popups = document.querySelectorAll('[data-popup]');
	$popups.forEach($popup => {
		$popup.addEventListener('click', (e) => {
			e.preventDefault();
			const w = Math.min(640, window.innerWidth);
			const h = Math.min(400, window.innerHeight);
			const x = (window.innerWidth - w) / 2;
			const y = (window.innerHeight - h) / 2;
			window.open($popup.href, 'popupModal', `left=${x},top=${y},width=${w},height=${h}`);
		});
	});
})();