Snorre Ettrup Altschul
281315ecb3
All checks were successful
Restart Website Service / restart_service (push) Successful in 29s
97 lines
3.3 KiB
HTML
97 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta property="og:title" content="Something something blazingly fast" />
|
|
<meta property="og:description" content="Mediocre website that I made" />
|
|
<meta property="og:url" content="https://spoodythe.one" />
|
|
<meta property="og:image" content="https://minecraft.wiki/images/AMCM_Steve.png?82619" />
|
|
<meta property="og:type" content="website" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/css/css.css">
|
|
<style>
|
|
.club512 {
|
|
border-radius: calc(var(--radius)/2);
|
|
}
|
|
#version {
|
|
position: fixed;
|
|
right: 1em;
|
|
bottom: 0;
|
|
opacity: 0.3;
|
|
color: var(--text);
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="background-color: #222;">
|
|
<div id="content">
|
|
<div class="header" style="grid-area: header1; text-align: center">
|
|
<h1>SpoodyThe<span style="color:var(--background-text)">.</span>One</h1>
|
|
</div>
|
|
|
|
<div class="content" style="grid-area: content1">
|
|
<h2>Things I like</h2>
|
|
<ul>
|
|
<li><a href="https://myanimelist.net/animelist/unplowed">Anime</a></li>
|
|
<li>Programming</li>
|
|
<li>Gaming</li>
|
|
<li>Alcohol</li>
|
|
</ul>
|
|
</div>
|
|
<div class="content posts" style="grid-area: content2">
|
|
<h2><a href="posts">Projects I've finished</a></h2>
|
|
<ul>
|
|
<li><a href="/posts?post=Putting hungry minecraft servers to sleep">Minecraft server
|
|
hibernator</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- <div class="content" style="grid-area: content3">content</div> -->
|
|
|
|
<div class="footer" style="grid-area: footer1">
|
|
<marquee>Footer</marquee>
|
|
</div>
|
|
<div class="footer" style="grid-area: footer2; text-align: center">
|
|
<a href="https://nixwebr.ing/prev/spoody">← prev</a> <a href="https://nixwebr.ing">Webring</a>
|
|
<a href="https://nixwebr.ing/next/spoody">next →</a>
|
|
</div>
|
|
<div class="footer" style="grid-area: footer3; text-align: center;">
|
|
<a href="https://512kb.club" style="padding:0"><img style="aspect-ratio: 234.383/30; margin-bottom: -5px"
|
|
class="club512" height=24 alt="512KB Club" src="https://512kb.club/assets/images/green-team.svg"></a>
|
|
</div>
|
|
</div>
|
|
<p id="version">{{{VERSION}}}</p>
|
|
<div id="background"></div>
|
|
<script src="/js/main.js"></script>
|
|
<script>
|
|
generate_background();
|
|
|
|
(async () => {
|
|
let response = await fetch(`/posts/index`);
|
|
if (response.status != 200)
|
|
return;
|
|
|
|
let posts = (await response.text()).split("\n").filter(x => x != "");
|
|
|
|
if (posts.length == 0) {
|
|
let p = document.querySelector("#content>.content.posts>h2");
|
|
p.innerHTML = "This is where I would put my posts...<br>IF I HAD ANY!";
|
|
let elem = document.querySelector("#content>.content.posts>ul");
|
|
elem.remove();
|
|
|
|
return;
|
|
}
|
|
|
|
let p = document.querySelector("#content>.content.posts>h2");
|
|
p.innerHTML = "Recent <a href=\"/posts\">posts</a>";
|
|
|
|
let elem = document.querySelector("#content>.content.posts>ul");
|
|
elem.innerHTML = posts.slice(0, 3).map(x => `<li><a href="/posts?post=${encodeURI(x).replace(/&/, "%26")}">${x}</a></li>`).join("\n");
|
|
elem.style.maxWidth = "40ch";
|
|
elem.classList.add("posts");
|
|
})()
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|