aniva/Chrysoblog
aniva
/
Chrysoblog
1
1
Fork 0
Code Issues 9 Pull Requests 2 Packages Projects Releases Wiki Activity

feat: Blog catalog and tags #7

Merged
aniva merged 11 commits from post/page into main 2024-10-10 14:49:18 -07:00
Conversation 0 Commits 11 Files Changed 26 +13 -7
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 568c1b740f - Show all commits

7
src/lib/components/PostHeader.svelte
View File

@ -4,10 +4,14 @@
export let link: Option<string> = null; export let link: Option<string> = null;
const date = metadata.date.toISOString().slice(0,-14); const date = metadata.date.toISOString().slice(0,-14);
const series = metadata?.series || [];
</script> </script>
<div id="post-heading"> <div id="post-heading">
<h2> <h2>
{#each series as seriesTag}
<p class="series-tag">{seriesTag}</p>
{/each}
{#if link} {#if link}
<a id="post-title" href={link}>{metadata.title}</a> <a id="post-title" href={link}>{metadata.title}</a>
{:else} {:else}
@ -40,4 +44,7 @@
#post-title { #post-title {
@apply text-3xl; @apply text-3xl;
} }
.series-tag {
color: theme('colors.sunglow.600');
}
</style> </style>

13
src/routes/tag/+page.svelte
View File

@ -12,17 +12,16 @@
<h1>Tags</h1> <h1>Tags</h1>
<hr class="separator" /> <hr class="separator" />
<ul id="catalog" class="content"> <div id="catalog" class="content">
{#each allTags as tag} {#each allTags as tag}
<li> <a class="tag" href="/tag/{tag}">{tag}</a>
<a href="/tag/{tag}">{tag}</a>
</li>
{/each} {/each}
</ul> </div>
<hr class="separator" /> <hr class="separator" />
<style> <style>
#catalog li { .tag {
margin-bottom: 10px; margin-left: 1em;
margin-right: 1em;
} }
</style> </style>