website/v4.0/index.html
2023-03-05 01:48:43 +01:00

106 lines
3.4 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0">
<meta id="contentLanguage" http-equiv="Content-Language" content="en_US" />
<meta name="keywords" content="filip rojek, filiprojek, rojek, developer, webdeveloper">
<meta name="description" content="Backend nodejs & php developer @fofrweb, Linux Void user, student and coffee enthusiast">
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Filip Rojek" />
<meta property="og:description" content="Backend nodejs & php developer @fofrweb, Linux Void user, student and coffee enthusiast">
<meta property="og:site_name" content="filiprojek.cz" />
<meta name="author" content="Filip Rojek <filip(at)filiprojek.cz>" />
<meta name="email" content="webmaster(@)fofrweb.com" />
<meta name="copyright" content="(c) filiprojek.cz" />
<meta name="expires" content="never" />
<meta name="robots" content="index,follow" />
<meta name="Seznambot" content="index,follow" />
<meta name="Googlebot" content="index,follow" />
<title>Filip Rojek</title>
<link rel="canonical" href="https://www.filiprojek.cz/" />
<link rel="icon" type="image/x-icon" href="fr.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Source Code Pro', monospace;
background: black;
color: white;
font-size: 1.2rem;
height: 100vh
max-height: -webkit-fill-available;
max-width: 100vw;
overflow: hidden;
}
section {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
text-align: center;
}
a {
color: lightblue;
cursor: pointer;
text-decoration: underline;
}
#pgp {
cursor: pointer;
}
#pgpmobile {
display: none;
}
@media (max-width: 600px) {
#pgp {
display: none;
}
#pgpmobile {
display: inline-block;
}
}
</style>
</head>
<body>
<section>
<p>Filip Rojek &ltfilip(at)filiprojek.cz&gt</p>
<br>
<p>Backend nodejs & php developer <a href="https://www.fofrweb.com/">@fofrweb</a>,<br> Linux Void 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://github.com/filiprojek">Github</a> <a href="https://t.me/filiprojek">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>
</body>
</html>