caesarschinas.com/index.html

111 lines
4.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8" />
<title>Caesar Schinas</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Gentium+Basic&subset=latin-ext&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-837569-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-837569-4');
</script>
<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png" />
<link rel="icon" type="image/jpeg" sizes="128x128" href="./images/caesar-128.jpg" />
<link rel="icon" type="image/webp" sizes="128x128" href="./images/caesar-128.webp" />
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"name": "Caesar Schinas",
"url": "https://caesarschinas.com",
"image": "https://caesarschinas.com/images/caesar-500.jpg",
"sameAs": [
"https://github.com/caesar",
"https://twitter.com/CaesarSchinas",
"https://www.linkedin.com/in/caesarschinas/",
"https://keyoxide.org/hkp/5119c11d57d14127aca1b6cfeab09a2560ec3bc6"
]
}
</script>
<link rel="pgpkey" href="https://keys.openpgp.org/vks/v1/by-fingerprint/5119C11D57D14127ACA1B6CFEAB09A2560EC3BC6" title="Caesar Schinas' PGP key" />
</head>
<body class="h-card vcard">
<header>
<h1 class="p-name fn">
<a class="u-url u-uid url" href="https://caesarschinas.com" rel="home canonical">
Caesar Schinas
</a>
</h1>
<picture>
<source srcset="./images/caesar-256.webp 256w, ./images/caesar-128.webp 128w" type="image/webp" />
<source srcset="./images/caesar-256.jpg 256w, ./images/caesar-128.jpg 128w" type="image/jpeg" />
<img class="profile u-photo photo" src="./images/caesar-128.jpg" width="128" height="128" alt="" />
</picture>
<p class="ipa p-ipa" lang="en-fonipa">
<a href="http://ipa-reader.xyz/?text=%CB%88si%CB%90z%C9%99%20%CB%88sk%C9%AAn%C9%99s&voice=Emma">
/ˈsiːˈskɪnəs/
</a>
</p>
<p class="dfn p-role">
Sailor;&nbsp; programmer;&nbsp; web developer;&nbsp; publisher.
</p>
</header>
<p>
<strong>Hello.</strong> Thanks for dropping by. Theres not much to see here at the moment, but feel free to drop me a line using one of the links below.
</p>
<ul id="contact" class="contact">
<li><a rel="me" title="GitHub" class="u-url url" href="https://github.com/caesar">
<svg class="icon icon-github"><use xlink:href="images/icon-defs.svg#icon-github"></use></svg>
GitHub
</a></li>
<li><a rel="me" title="Twitter" class="u-url url" href="https://twitter.com/caesarschinas">
<svg class="icon icon-twitter"><use xlink:href="images/icon-defs.svg#icon-twitter"></use></svg>
Twitter
</a></li>
<li><a rel="me" title="Matrix" class="u-url url" href="https://matrix.to/#/@caesar:schinas.net">
<svg class="icon icon-keybase"><use xlink:href="images/icon-defs.svg#icon-matrix"></use></svg>
Matrix
</a></li>
<li><a rel="me" title="Keyoxide (PGP identity proofs)" class="u-url url" href="https://keyoxide.org/hkp/5119c11d57d14127aca1b6cfeab09a2560ec3bc6">
<svg class="icon icon-key"><use xlink:href="images/icon-defs.svg#icon-key"></use></svg>
Keyoxide
</a></li>
</ul>
<script>
(function(){
if (!('addEventListener' in window && 'createElement' in document)) return;
var a = document.createElement('a');
a.text = 'email';
a.title = 'Email';
a.innerHTML = '<svg class="icon icon-envelope"><use xlink:href="images/icon-defs.svg#icon-envelope"></use></svg>';
a.className = 'u-email email'
function setHref(e) {
var x = 'pnrfne' + '@pnrfnefpuvanf' + '.pbz';
x = x.replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);});
this.href = 'mailto:' + x;
this.removeEventListener('mouseover', setHref);
}
a.addEventListener('mouseover', setHref, false);
var li = document.createElement('li');
li.appendChild(a);
document.getElementById('contact').appendChild(li);
})();
</script>
</body>
</html>