diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2023-08-05 21:11:48 +0100 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2023-08-05 21:11:48 +0100 |
| commit | 18cc5f69129615850e48a995f7c3406b74d8d2f4 (patch) | |
| tree | 1fdc6eadae4b0a6da69319f9b6733379ced2e4c2 /views/blog.ejs | |
| parent | 64c36dcef8ab1c0b985d79da627cecd30fd50336 (diff) | |
Redesign website
Diffstat (limited to 'views/blog.ejs')
| -rw-r--r-- | views/blog.ejs | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/views/blog.ejs b/views/blog.ejs new file mode 100644 index 0000000..238c935 --- /dev/null +++ b/views/blog.ejs @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html> +<head> + <%- include('partials/head') %> + <link rel="stylesheet" href="/css/blog.css"> +</head> +<body> + <div id="main-container"> + <%- include('partials/navbar') %> + <div id="content-container"> + <% if (index) { %> + <div id="content"> + <h1>Blog</h1> + <div class="blog-post-header"> + <span class="blog-post-title monospace">title</span> + <span class="monospace">date</span> + </div> + <% for (const blog of blogs) { %> + <a class="blog-post" href="/<%= blog.route %>"> + <span class="blog-post-title"> + <%= blog.metadata.title %> + </span> + <span class="blog-post-date monospace"> + <%= blog.metadata.date?.toISOString().substring(0, 10) %> + </span> + </a> + <% } %> + </div> + <% } else { %> + <div id="content"> + <div id="back-container"> + <div id="back-header"> + <a href="/blog" class="monospace">← blog posts</a> + </div> + </div> + <div id="title" class="monospace"> + <h1><%= page.metadata.title %></h1> + <span><%= page.metadata.date?.toDateString() %></span> + </div> + <%- page.html %> + <div id="back-footer"> + <a href="/blog" class="monospace">← blog posts</a> + </div> + </div> + <% } %> + </div> + </div> +</body> +</html> |