88 lines
2.2 KiB
HTML
88 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<!-- Basic Page Needs -->
|
|
<meta charset="utf-8">
|
|
<title>Brian Picciano - Freelance Developer</title>
|
|
<meta name="author" content="Brian Picciano">
|
|
|
|
<!-- No favicon -->
|
|
<link rel="shortcut icon" href="#" />
|
|
|
|
<!-- Mobile Specific Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="css/normalize.css">
|
|
<link rel="stylesheet" href="css/skeleton.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="header">
|
|
<div class="tab"><a href="index.html">/resume</a></div><!--
|
|
--><div class="selected tab">/contact</div>
|
|
<div class="x">X</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<h1>Contact Me</h1>
|
|
|
|
<p>
|
|
Please direct all questions and inquiries to:
|
|
<a href="mailto:bgpicciano@gmail.com"/>mediocregopher@gmail.com</a>
|
|
</p>
|
|
|
|
<p>
|
|
You are also free to message me on matrix at:
|
|
<a href="https://matrix.to/#/@mediocregopher:waffle.farm">@mediocregopher:waffle.farm</a>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div class="scrollpos" id="scrollpos">---</div>
|
|
</div>
|
|
|
|
<script>
|
|
|
|
function getScrollPct() {
|
|
|
|
const heightOfWindow = window.innerHeight,
|
|
contentScrolled = window.pageYOffset,
|
|
bodyHeight = document.body.offsetHeight;
|
|
|
|
if(bodyHeight - contentScrolled <= heightOfWindow) {
|
|
|
|
return "Bot";
|
|
|
|
} else if (contentScrolled == 0) {
|
|
|
|
return "Top";
|
|
|
|
} else {
|
|
|
|
const total = bodyHeight - heightOfWindow,
|
|
got = contentScrolled,
|
|
percent = parseInt((got/total) * 100);
|
|
|
|
return percent + "%"
|
|
}
|
|
}
|
|
|
|
const scrollposEl = document.getElementById("scrollpos");
|
|
scrollposEl.textContent = getScrollPct();
|
|
|
|
window.addEventListener("scroll", (event) => {
|
|
scrollposEl.textContent = getScrollPct();
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|