45 lines
1.6 KiB
HTML
45 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en-GB">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>Caesar Schinas</title>
|
||
<link rel="stylesheet" href="./font-awesome/css/font-awesome.css" />
|
||
<link rel="stylesheet" href="./style.css" />
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>Caesar Schinas</h1>
|
||
<img class="profile" src="./images/caesar.jpg" width="160" height="160" />
|
||
<p class="ipa" lang="en-fonipa">/ ˈsiːzə ˈskɪnəs /</p>
|
||
<p class="dfn">Sailor; programmer; web designer; 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 class="fa fa-github" href="https://github.com/caesar">GitHub</a></li>
|
||
<li><a class="fa fa-twitter" href="https://twitter.com/caesarschinas">Twitter</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';
|
||
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>
|