121 lines
4.9 KiB
HTML
121 lines
4.9 KiB
HTML
<!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" />
|
||
|
||
<link rel="authorization_endpoint" href="https://indieauth.com/auth">
|
||
<link rel="token_endpoint" href="https://tokens.indieauth.com/token">
|
||
</head>
|
||
<body class="h-card vcard">
|
||
<header>
|
||
<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>
|
||
<h1>
|
||
<ruby>
|
||
<a class="p-name fn u-url u-uid url" href="https://caesarschinas.com" rel="home canonical">
|
||
Caesar Schinas
|
||
</a>
|
||
<rt class="ipa p-ipa" lang="en-GB-fonipa" title="pronunciation (IPA)">
|
||
<a href="http://ipa-reader.xyz/?text=%CB%88si%CB%90z%C9%99%20%CB%88sk%C9%AAn%C9%99s&voice=Emma">
|
||
/ˈsiːzə ˈskɪnəs/
|
||
</a>
|
||
</rt>
|
||
</ruby>
|
||
</h1>
|
||
<p class="dfn p-role">
|
||
Sailor; programmer; web developer; publisher.
|
||
</p>
|
||
</header>
|
||
<p>
|
||
<strong>Hello.</strong> Thanks for dropping by. There’s not much to see here at the moment, but feel free to drop me a line using one of the links below.
|
||
</p>
|
||
<section id="contact-section">
|
||
<ul id="contact" class="contact">
|
||
<li><a rel="me" 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" 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" 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>
|
||
</ul>
|
||
<footer>
|
||
<p>
|
||
Check out <a rel="me" class="u-url url" href="https://keyoxide.org/hkp/5119c11d57d14127aca1b6cfeab09a2560ec3bc6">my cryptographically-verified identity proofs on Keyoxide</a>.
|
||
</p>
|
||
<p>
|
||
Message me privately on Matrix, or send me encrypted email using <a rel="pgpkey" class="u-key u-url url" href="https://keys.openpgp.org/vks/v1/by-fingerprint/5119C11D57D14127ACA1B6CFEAB09A2560EC3BC6">my PGP key</a><!--(<code>5119C11D57D14127ACA1B6CFEAB09A2560EC3BC6</code>)-->.<br />
|
||
</p>
|
||
</footer>
|
||
</section>
|
||
<script>
|
||
(function(){
|
||
if (!('addEventListener' in window && 'createElement' in document)) return;
|
||
|
||
var a = document.createElement('a');
|
||
a.text = 'email';
|
||
a.innerHTML = '<svg class="icon icon-envelope"><use xlink:href="images/icon-defs.svg#icon-envelope"></use></svg> Email';
|
||
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>
|