website/templates/index.html

{% extends "base.html" %}

{% block styles %}
	<style>
		.at {
			height: 1rem;
		}
	</style>
{% endblock styles %}

{% block content %}

<section class="home">
	<section>
		<p>Filip Rojek &ltfilip<img src="/img/at.svg" alt=" (at) " class="at">filiprojek.cz&gt</p>
		<br>
		<p>Backend node.js & php developer <a href="https://www.fofrweb.com/" target="_blank">@fofrweb</a>,<br> GNU/Linux <a href="http://voidlinux.org" target="_blank">Void</a> 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)
			navigator.clipboard.writeText("fc37b989787acf8cbce7c0c2a56a345efe321161")
			alert("pgp has been copied to the clipboard")
		}

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

{% endblock content %}