diff options
Diffstat (limited to 'src/lib/blog')
| -rw-r--r-- | src/lib/blog/InfoCard.svelte | 0 | ||||
| -rw-r--r-- | src/lib/blog/Post.svelte | 26 |
2 files changed, 24 insertions, 2 deletions
diff --git a/src/lib/blog/InfoCard.svelte b/src/lib/blog/InfoCard.svelte new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/lib/blog/InfoCard.svelte diff --git a/src/lib/blog/Post.svelte b/src/lib/blog/Post.svelte index 8d50be8..2c61621 100644 --- a/src/lib/blog/Post.svelte +++ b/src/lib/blog/Post.svelte @@ -3,19 +3,41 @@ </script> <script lang="ts"> - import type { Post } from './Post'; + import { parsePostMetadata, type Post } from './Post'; let { post, + filename, }: { post: Post; + filename?: string; } = $props(); + let meta = $derived(parsePostMetadata(post.metadata)); + let PostComp = $derived(post.default); </script> <div class="flex justify-center"> - <div class="max-w-2xl"> + <div class="max-w-2xl w-full"> + <h1 class="font-space-grotesk text-5xl mt-8 mb-4"> + <span class="text-accent-primary select-none">: </span + >{meta.title}<span class="text-accent-primary select-none">;</span> + </h1> + <p class="my-4 font-genericmono"> + ctime: {meta.created.toISOString().split('T')[0]}<span class="select-none" + > ▒ </span + >mtime: {meta.updated.toISOString().split('T')[0]}{#if filename}<span + class="select-none"> ▒ </span + ><a + href={encodeURI( + `https://codeberg.org/dmpmem/tilde/src/branch/master/src/routes/blog/${filename}`, + )} + class="quicklink" + target="_blank" + rel="noopener noreferrer">src</a + >{/if} + </p> <article id="postmd"> <PostComp /> </article> |