Initial commit
This commit is contained in:
69
views/blog.ejs
Normal file
69
views/blog.ejs
Normal file
@@ -0,0 +1,69 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user