doing stuff l8r
This commit is contained in:
parent
4ea74c0cb1
commit
57016f4f3f
13 changed files with 28 additions and 7 deletions
3
data/default_templates/footer.ejs
Normal file
3
data/default_templates/footer.ejs
Normal file
|
@ -0,0 +1,3 @@
|
|||
<div id="footer-content">
|
||||
<a href="https://git.clatter.cc/hexlocation/disseminate">powered by Disseminate</a>
|
||||
</div>
|
55
data/default_templates/global-style.ejs
Normal file
55
data/default_templates/global-style.ejs
Normal file
|
@ -0,0 +1,55 @@
|
|||
<style>
|
||||
@import url(https://fonts.bunny.net/css?family=alef:400);
|
||||
#main-content, #header-content {
|
||||
margin-top: 50px;
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
}
|
||||
#main-content {
|
||||
text-align: left;
|
||||
}
|
||||
#header-content {
|
||||
text-align: center;
|
||||
}
|
||||
#link-container a {
|
||||
color: #808080 !important;
|
||||
}
|
||||
#link-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
* {
|
||||
color:white;
|
||||
font-family: 'Arial', sans-serif;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
decoration: none;
|
||||
color: orange;
|
||||
}
|
||||
table td {
|
||||
color: orange;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
#date-header, .date-item {
|
||||
text-align: right;
|
||||
}
|
||||
#title-header, .post-item {
|
||||
text-align: left;
|
||||
}
|
||||
#footer-content {
|
||||
position: fixed;
|
||||
bottom: 5;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
body {
|
||||
background-color: #171717;
|
||||
}
|
||||
</style>
|
9
data/default_templates/header.ejs
Normal file
9
data/default_templates/header.ejs
Normal file
|
@ -0,0 +1,9 @@
|
|||
<div id="header-content">
|
||||
<h1><%= config.branding.title %></h1>
|
||||
<hr>
|
||||
<div id="link-container">
|
||||
<a href="/">home</a>
|
||||
<a href="/post/about.md">about</a>
|
||||
<a href="/post/contact.md">contact</a>
|
||||
</div>
|
||||
</div>
|
24
data/default_templates/index.ejs
Normal file
24
data/default_templates/index.ejs
Normal file
|
@ -0,0 +1,24 @@
|
|||
<%- include('header') %>
|
||||
<div id="main-content">
|
||||
<table id="posts-table">
|
||||
<!---
|
||||
<tr>
|
||||
<th id="title-header">Title</th>
|
||||
<th id="date-header">Last Edited</th>
|
||||
</tr>
|
||||
--->
|
||||
<% posts = posts.sort((a,b) => {return new Date(b.metadata.mtime) - new Date(a.metadata.mtime)}) %>
|
||||
<% for(const post of posts) { %>
|
||||
<tr>
|
||||
<td class="post-item"><a class="post" href="/post/<%= post.file %>"><%= post.title %></a></td>
|
||||
<td class="date-item"><%= new Date(post.metadata.mtime).toDateString() %></td>
|
||||
</tr>
|
||||
<% } %>
|
||||
</div>
|
||||
<style>
|
||||
#main-content {
|
||||
font-size: 15px;
|
||||
}
|
||||
</style>
|
||||
<%- include('global-style'); %>
|
||||
<%- include('footer') %>
|
6
data/default_templates/post.ejs
Normal file
6
data/default_templates/post.ejs
Normal file
|
@ -0,0 +1,6 @@
|
|||
<%- include('header') %>
|
||||
<div id="main-content">
|
||||
<%- post['parsedPost'] %>
|
||||
</div>
|
||||
<%- include('global-style') %>
|
||||
<%- include('footer') %>
|
Reference in a new issue