84 lines
3.3 KiB
HTML
84 lines
3.3 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="./fork-awesome/css/fork-awesome.min.css" />
|
||
<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/jpeg" sizes="500x500" href="./images/caesar.jpg" />
|
||
<link rel="icon" type="image/webp" sizes="500x500" href="./images/caesar.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://keybase.io/caesar"
|
||
]
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>Caesar Schinas</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" src="./images/caesar-128.jpg" width="128" height="128" alt="" />
|
||
</picture>
|
||
<p class="ipa" lang="en-fonipa">/ ˈsiːzə ˈskɪnəs /</p>
|
||
<p class="dfn">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>
|
||
<ul id="contact" class="contact">
|
||
<li><a rel="me" class="fa fa-github" title="GitHub" href="https://github.com/caesar">GitHub</a></li>
|
||
<li><a rel="me" class="fa fa-twitter" title="Twitter" href="https://twitter.com/caesarschinas">Twitter</a></li>
|
||
<li><a rel="me" class="fa fa-keybase" title="Keybase" href="https://keybase.io/caesar">Keybase</a></li>
|
||
<li><a rel="me" class="fa fa-matrix-org" title="Matrix" href="https://matrix.to/#/@caesar:schinas.net">Matrix</a></li>
|
||
</ul>
|
||
<script>
|
||
(function(){
|
||
if (!('addEventListener' in window && 'createElement' in document)) return;
|
||
|
||
var a = document.createElement('a');
|
||
a.text = 'email';
|
||
a.className = 'fa fa-envelope';
|
||
a.title = '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>
|