85 lines
No EOL
2.9 KiB
HTML
85 lines
No EOL
2.9 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<title>blog - EmoDied</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/98.css">
|
|
|
|
<link rel="stylesheet" href="/global.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<h1>hello there, kind stranger \o/</h1>
|
|
</div>
|
|
<div class="container">
|
|
<div class="box-lp subcontainer">
|
|
<div class="window active">
|
|
<div class="title-bar">
|
|
<div class="title-bar-text">pages</div>
|
|
<div class="title-bar-controls">
|
|
<button aria-label="Minimize"></button>
|
|
<button aria-label="Maximize"></button>
|
|
<button aria-label="Close"></button>
|
|
</div>
|
|
</div>
|
|
<div class="window-body has-space">
|
|
<ul style="padding-left: 1em">
|
|
<li><a href="/">home</a></li>
|
|
<li><a href="/notes.html">notes</a></li>
|
|
<li><a href="/credits.html">credits</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box-content subcontainer">
|
|
<div class="window active">
|
|
<div class="title-bar">
|
|
<div class="title-bar-text">blogpost viewer</div>
|
|
<div class="title-bar-controls">
|
|
<button aria-label="Minimize"></button>
|
|
<button aria-label="Maximize"></button>
|
|
<button aria-label="Close"></button>
|
|
</div>
|
|
</div>
|
|
<div class="window-body has-space" id="post-body"></div>
|
|
</div>
|
|
</div>
|
|
<div class="box-rp">
|
|
<div class="window active">
|
|
<div class="title-bar">
|
|
<div class="title-bar-text">blog</div>
|
|
<div class="title-bar-controls">
|
|
<button aria-label="Minimize"></button>
|
|
<button aria-label="Maximize"></button>
|
|
<button aria-label="Close"></button>
|
|
</div>
|
|
</div>
|
|
<div class="window-body has-space">
|
|
<ul id="posts_list"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/posts.js"></script>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js"></script>
|
|
|
|
<script>
|
|
async function loadPost() {
|
|
let response = await fetch('/posts/' + new URLSearchParams(window.location.search).get('post') + '.md');
|
|
let text = await response.text();
|
|
|
|
document.title = text.split('\n')[0];
|
|
document.getElementById('post-body').innerHTML = marked.parse(text.split('\n').slice(2).join('\n'));
|
|
}
|
|
|
|
loadPost()
|
|
</script>
|
|
</body>
|
|
</html> |