34 lines
No EOL
1.6 KiB
HTML
34 lines
No EOL
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="./animations.css">
|
|
<link rel="stylesheet" href="./variables.css">
|
|
<link rel="stylesheet" href="./globals.css">
|
|
<link rel="stylesheet" href="./index.css">
|
|
<title>A place on the web!</title>
|
|
</head>
|
|
<body class="preload flex flex-col justify-center items-center content-center text-center color--text-dark">
|
|
<div class="content flex flex-col justify-center items-center content-center text-center">
|
|
<div class="profile-container flex justify-center items-center text-center">
|
|
<img src="./avatar.jpg" alt="My profile picture, it shows the character Serial-Designation-N from the popular indie series Murder-Drones.">
|
|
</div>
|
|
<div class="about-container flex flex-col justify-center items-center content-center text-center">
|
|
<h1>Hey, I'm <a href="https://fedi.jo-dev.xyz/@Jo" rel="me">Jo</a>!</h1>
|
|
<p>And this is my little yay.boo page, which I think looks really neat.</p>
|
|
</div>
|
|
</div>
|
|
<footer class="footer fixed flex flex-row justify-evenly items-center text-center color--subtext-dark">
|
|
<p>{ <a href="https://h.yay.boo">h.yay.boo</a> }</p>
|
|
<p>{ <a href="https://rhys.yay.boo">rhys.yay.boo</a> }</p>
|
|
</footer>
|
|
|
|
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
|
|
<script>
|
|
$(window).load(function() {
|
|
$("body").removeClass("preload");
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |