diff --git a/src/components/BlogPost.astro b/src/components/BlogPost.astro
index 68302d5..fcdeba4 100644
--- a/src/components/BlogPost.astro
+++ b/src/components/BlogPost.astro
@@ -3,6 +3,7 @@ import styles from "../styles/BlogPost.module.css"
import Divider from "../components/Divider.astro"
import { CollectionEntry, getCollection } from "astro:content"
+import { micromark } from "micromark"
interface Props {
post: CollectionEntry<"blog">
standalone?: Boolean
@@ -32,7 +33,13 @@ const next = blog[index + 1]
- {standalone ? : post.description}
+ {
+ standalone ? (
+
+ ) : (
+
+ )
+ }
{standalone ? "" : Read More}
{
diff --git a/src/components/ButtonLink.astro b/src/components/ButtonLink.astro
index 7579e46..dbd40f3 100644
--- a/src/components/ButtonLink.astro
+++ b/src/components/ButtonLink.astro
@@ -9,11 +9,6 @@ export interface Props {
const { href, newTab } = Astro.props
---
-
+
diff --git a/src/content/blog/welcome copy 2.md b/src/content/blog/welcome copy 2.md
deleted file mode 100644
index 079b93c..0000000
--- a/src/content/blog/welcome copy 2.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-title: "Welcome to my blog!"
-pubDate: 1687027268667
-description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
-category: "other"
----
-
-Lorem ipsum dolor sit **amet**, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-Lorem ipsum dolor sit **amet**, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
diff --git a/src/content/blog/welcome copy.md b/src/content/blog/welcome copy.md
deleted file mode 100644
index cf89750..0000000
--- a/src/content/blog/welcome copy.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: "Welcome to my blog!"
-pubDate: 1687027268667
-description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
-category: "other"
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
diff --git a/src/content/blog/welcome.md b/src/content/blog/welcome.md
index cf89750..de05b6d 100644
--- a/src/content/blog/welcome.md
+++ b/src/content/blog/welcome.md
@@ -1,8 +1,8 @@
---
title: "Welcome to my blog!"
-pubDate: 1687027268667
-description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
+pubDate: 1687786534687
+description: "Welcome to my blog! I will be aiming to post 2-3 articles per week, with topics including Linux, Web Development, and Discord Bot Development. This blog also has an RSS Feed, which you can find here: [RSS Feed](/blog/rss.xml)."
category: "other"
---
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+Welcome to my blog! I will be aiming to post 2-3 articles per week, with topics including Linux, Web Development, and Discord Bot Development. This blog also has an RSS Feed, which you can find here: [RSS Feed](/blog/rss.xml). You can also follow my Mastodon account for more news.
diff --git a/src/content/config.js b/src/content/config.js
index 70ceca2..b8a99c2 100644
--- a/src/content/config.js
+++ b/src/content/config.js
@@ -3,9 +3,12 @@ import { rssSchema } from "@astrojs/rss"
const blogCollection = defineCollection({
type: "content",
- schema: rssSchema.extend({
- category: z.enum(["web", "bot", "linux", "other"])
- })
+ schema: rssSchema
+ .extend({
+ category: z.enum(["web", "bot", "linux", "other"]),
+ description: z.string()
+ })
+ .augment()
})
const projectsCollection = defineCollection({
diff --git a/src/pages/blog/[...category]/index.astro b/src/pages/blog/[...category]/index.astro
index 4d67aed..d1d01bc 100644
--- a/src/pages/blog/[...category]/index.astro
+++ b/src/pages/blog/[...category]/index.astro
@@ -2,6 +2,7 @@
import Layout from "../../../layouts/Layout.astro"
import BlogPost from "../../../components/BlogPost.astro"
import styles from "../../../styles/Blog.module.css"
+import { Icon } from "astro-icon"
import { CollectionEntry, getCollection } from "astro:content"
import { micromark } from "micromark"
import categories from "../../../categories"
@@ -51,6 +52,11 @@ const { filteredPosts, categoryProperties } = Astro.props
+
{
categoryProperties.descriptionTitle ||
diff --git a/src/styles/Blog.module.css b/src/styles/Blog.module.css
index 00cf43c..8242654 100644
--- a/src/styles/Blog.module.css
+++ b/src/styles/Blog.module.css
@@ -4,9 +4,24 @@
color: unset;
}
+.rss {
+ top: 1rem;
+ right: 1rem;
+ position: absolute;
+}
+
+.rss a {
+ color: var(--primary);
+}
+
+.rss svg {
+ height: 2rem;
+}
+
.description {
border: 2px solid var(--primary);
display: flex;
+ position: relative;
justify-content: center;
align-items: center;
}
@@ -20,7 +35,6 @@
font-size: 1.5rem;
margin: 0.3rem;
text-align: justify;
- max-width: 40rem;
}
.right {
@@ -31,6 +45,10 @@
gap: inherit;
}
+.right p {
+ max-width: 40rem;
+}
+
.sidebar {
display: flex;
position: sticky;
diff --git a/src/styles/BlogPost.module.css b/src/styles/BlogPost.module.css
index 057dcc3..d458aa4 100644
--- a/src/styles/BlogPost.module.css
+++ b/src/styles/BlogPost.module.css
@@ -43,7 +43,7 @@
}
.description {
- font-size: 1.3rem;
+ font-size: 1.4rem;
max-width: 60rem;
text-align: justify;
}
@@ -58,7 +58,7 @@
}
.description h2 {
- font-size: 1.6rem;
+ font-size: 1.7rem;
}
.links {
diff --git a/src/styles/Layout.css b/src/styles/Layout.css
index 58ba569..37a5a6b 100644
--- a/src/styles/Layout.css
+++ b/src/styles/Layout.css
@@ -36,7 +36,13 @@ main {
align-items: center;
}
-:is(article, section, aside):not(section *, nav *, header *, aside *) {
+:is(article, section, aside):not(
+ section *,
+ nav *,
+ article *,
+ header *,
+ aside *
+ ) {
display: flex;
flex-direction: column;
border-radius: 1rem;
@@ -47,7 +53,13 @@ main {
transition: scale 0.2s;
}
-:is(article, section, aside):not(section *, nav *, header *, aside *):hover {
+:is(article, section, aside):not(
+ section *,
+ header *,
+ nav *,
+ aside *,
+ article *
+ ):hover {
scale: 101.5%;
}