txarli/txarli.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update posts by tag, fix ul styling

Browse Source
This commit is contained in:
Cassidy Williams
2023-01-26 23:40:45 -06:00
parent a9097ab84f
commit 77d762b196
8 changed files with 59 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/index.astro
View File

@@ -4,29 +4,14 @@ import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
import HomePosts from "../components/HomePosts.astro";
import ColorScript from "../components/ColorScript.astro";
import Tags from "../components/Tags.astro";
import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
import { Content as About } from "./about.md";
import getTags from "../scripts/getTags";
const posts = await Astro.glob("../posts/*.md");
// Get tags from all posts
const getTags = posts
.map((post) => {
const postTags = post.frontmatter.tags;
let allTags = [];
if (postTags.length > 0) {
postTags.forEach((tag) => {
if (allTags.indexOf(tag) === -1) {
allTags.push(tag);
}
});
}
return allTags;
})
.flat(1);
// Make the tags unique
let tags = [...new Set(getTags)];
const tags = getTags(posts);
---
<!DOCTYPE html>
@@ -40,20 +25,7 @@ let tags = [...new Set(getTags)];
<h3>Here's my most recent posts</h3>
<HomePosts allPosts={posts} />
<h3>View posts by tag</h3>
<p>
{
tags &&
tags.map((tag) => (
<>
<a class="tag" href={`/tag/${tag}`}>
#{tag}
</a>
{` `}
</>
))
}
</p>
<Tags tags={tags} />
</main>
<Footer />
<ColorScript />

2
src/pages/posts.astro
View File

@@ -22,7 +22,7 @@ const posts = (await Astro.glob("../posts/*.md")).sort(
<Header />
<main>
<content>
<ul>
<ul class="posts-list">
{
posts.map(
({

2
src/pages/tag/[tag].astro
View File

@@ -43,7 +43,7 @@ const { tag: currentTag } = Astro.params;
<main>
<content>
<h3>Posts tagged with "{currentTag}"</h3>
<ul>
<ul class="tags-list">
{
tag.map(
({