victorwesterlund.com/public/index.html
Victor Westerlund aa3189be89 Fixed content offset
- Added offset calculator
- Added some media queries
2021-09-20 16:49:53 +02:00

30 lines
1.1 KiB
HTML

<!DOCTYPE html>
<!-- Victor Westerlund - www.victorwesterlund.com -->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Victor Westerlund</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Full-stack web developer from Stockholm, Sweden.">
<link rel="icon" href="assets/img/favicon.png">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<main class="hidden">
<p>victor westerlund</p>
<p><a href="https://github.com/VictorWesterlund">github</a></p>
</main>
<script>
// Compensate for native elements (like the brower navbar)
function updateOffset() {
const offset = (window.outerHeight - window.innerHeight) / 2;
if(offset > -1) {
const main = document.getElementsByTagName("main")[0];
main.style.setProperty("transform",`translateY(-${offset}px)`);
}
}
window.addEventListener("resize",() => updateOffset());
updateOffset();
</script>
</body>
</html>