104 lines
3.9 KiB
HTML
104 lines
3.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://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">
|
||
<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>
|
||
</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" title="GitHub" 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" 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="Keybase" href="https://keybase.io/caesar">
|
||
<svg class="icon icon-keybase"><use xlink:href="images/icon-defs.svg#icon-keybase"></use></svg>
|
||
Keybase
|
||
</a></li>
|
||
<li><a rel="me" title="Matrix" 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>
|
||
<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>';
|
||
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>
|