70 lines
2.5 KiB
Plaintext
70 lines
2.5 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head><% if (type != "sample") { %>
|
|
<title>The oddbyte blog</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link id="favicon" rel="shortcut icon" type="image/png" href="data:image/png;base64,<%- faviconb64 %>">
|
|
<link rel="canonical" href="https://oddbyte.dev/"/>
|
|
<meta name="fediverse:creator" content="@oddbyte@mastodon.social"><% } %>
|
|
<style>
|
|
<%- include('partials/style') %>
|
|
/* Begin per-page stylesheet */
|
|
code, kbd, pre, samp {
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
|
Liberation Mono, Courier New, monospace;
|
|
font-size: 1em;
|
|
background-color: rgb(43, 43, 43);
|
|
color: rgb(255, 174, 87);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
#blog {
|
|
text-align: left;
|
|
text-wrap: auto;
|
|
margin: 0px 3em 0px 3em;
|
|
}
|
|
|
|
.article {
|
|
text-indent: 36pt;
|
|
line-height: 2.0;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<% if (type != "sample") { include('partials/navbar') } %>
|
|
<div id="container_top">
|
|
<div id="container_main">
|
|
<div id="container_thing">
|
|
<main>
|
|
<% if (type == "main") { %>
|
|
<div id="v-break"></div>
|
|
<h1 class="selectDisable">My blog</h1>
|
|
<p>TODO: Main blog page here</p>
|
|
<% } else if (type == "individual") { %>
|
|
<div id="blog"><%- page %></div>
|
|
<% } else if (type == "sample") { %>
|
|
<div id="blog"></div>
|
|
<% } %>
|
|
</main>
|
|
</div>
|
|
</div><% if (type != "sample") { %>
|
|
<div id="v-break"></div>
|
|
<footer><aside><div class="selectDisable">Made by Oddbyte.</div><br /><%- include('partials/funfact') %></aside></footer><% } else { %>
|
|
<script>
|
|
const blog = document.getElementById("blog");
|
|
document.addEventListener("DOMContentLoaded", (event) => {
|
|
parent.postMessage("Loaded");
|
|
});
|
|
|
|
window.addEventListener("message", (event) => {
|
|
if (event.origin !== "https://oddbyte.dev") return;
|
|
blog.innerHTML = event.data;
|
|
});
|
|
</script>
|
|
<% } %>
|
|
</div>
|
|
</body>
|
|
</html>
|