2023-07-25 20:26:51 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
2023-12-30 15:43:40 +00:00
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<title>gmem.ca</title>
|
|
|
|
<link rel="stylesheet" href="./styles.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<main>
|
|
|
|
<input type="checkbox" name="language" />
|
|
|
|
<label for="language">Dog Mode</label>
|
|
|
|
<header>
|
|
|
|
<img src="./avatar.png">
|
2023-07-25 20:26:51 +01:00
|
|
|
<h1>arf arf</h1>
|
2023-12-30 15:43:40 +00:00
|
|
|
</header>
|
|
|
|
<p id="social"><i>*wags tail*</i> awoo woof woof <a href="https://floofy.tech/@arch" rel="me">bark</a></p>
|
|
|
|
<p id="fursona"><a href="https://fursona.gmem.ca/gmem.ca">yip arf</a></p>
|
|
|
|
</main>
|
|
|
|
<style>
|
|
|
|
header {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
height: 10vh;
|
|
|
|
}
|
|
|
|
img {
|
|
|
|
max-width: 100%;
|
|
|
|
max-height: 100%;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<script>
|
|
|
|
const checkbox = document.querySelector("input[name=language]");
|
|
|
|
const header = document.querySelector("h1");
|
|
|
|
const social = document.querySelector("#social");
|
|
|
|
const fursona = document.querySelector("#fursona");
|
|
|
|
|
|
|
|
addEventListener("load", (event) => reloaddog());
|
|
|
|
checkbox.addEventListener('change', function() {
|
|
|
|
toggledog(this.checked);
|
|
|
|
});
|
|
|
|
|
|
|
|
const toggledog = (status) => {
|
|
|
|
localStorage.setItem("dog", status);
|
|
|
|
reloaddog();
|
|
|
|
}
|
|
|
|
const reloaddog = () => {
|
|
|
|
if (localStorage.getItem("dog") == "true") {
|
|
|
|
header.innerHTML = "arf arf!";
|
|
|
|
social.innerHTML = "<i>*wags tail*</i> awoo woof woof <a href=\"https://floofy.tech/@arch\" rel=\"me\">bark</a>"
|
|
|
|
fursona.innerHTML = "<a href=\"https://fursona.gmem.ca/gmem.ca\">yip arf</a>"
|
|
|
|
} else {
|
|
|
|
header.innerHTML = "Arch is a dog";
|
|
|
|
social.innerHTML = "<i>hi!</i> follow me on the <a href=\"https://floofy.tech/@arch\" rel=\"me\">fedi</a>"
|
|
|
|
fursona.innerHTML = "<a href=\"https://fursona.gmem.ca/gmem.ca\">check out my fursona</a>"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</body>
|
2023-07-25 20:26:51 +01:00
|
|
|
</html>
|