website/pages/home/home.php

<link rel="stylesheet" href="./css/home.css" >
<section class="home">
	<section>
		<p>Filip Rojek &ltfilip(at)filiprojek.cz&gt</p>
		<br>
		<p>Backend node.js & php developer <a href="https://www.fofrweb.com/" target="_blank">@fofrweb</a>,<br> Linux Gentoo user, student and coffee enthusiast<span class="underscore">_</span><p>
		<br>
		<p id="pgp" title="copy pgp to clipboard">PGP: fc37b989787acf8cbce7c0c2a56a345efe321161</p>
		<br>
		<p><a href="https://git.filiprojek.cz/fr" target="_blank">Git</a> <a href="https://t.me/filiprojek" target="_blank">Telegram</a> <a href="#" id="pgpmobile" title="copy pgp to clipboard">PGP</a></p>
	</section>

	<script>
		const _ = document.querySelector(".underscore")
		let b = false
		setInterval(() => {
			b ? _.style.visibility = "visible" : _.style.visibility = "hidden"
			b = !b
		}, 500)

		const pgp = document.querySelector("#pgp")
		const pgpmobile = document.querySelector("#pgpmobile")
		const pgpcp = (e) => {
			console.log(e)
			e.preventDefault()
			navigator.clipboard.writeText("fc37b989787acf8cbce7c0c2a56a345efe321161")
			alert("pgp has been copied to the clipboard")
		}

		pgp.addEventListener("click", e => pgpcp)
		pgpmobile.addEventListener("click", e => pgpcp)
	</script>
</section>