Perhaps ready for push
This commit is contained in:
parent
f1d0f9ea9d
commit
ac92b2876f
10 changed files with 59 additions and 36 deletions
|
|
@ -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]
|
|||
</h2>
|
||||
<Divider />
|
||||
<article class={styles.description}>
|
||||
{standalone ? <Content /> : post.description}
|
||||
{
|
||||
standalone ? (
|
||||
<Content />
|
||||
) : (
|
||||
<Fragment set:html={micromark(post.description)} />
|
||||
)
|
||||
}
|
||||
</article>
|
||||
{standalone ? "" : <span class={styles.more}>Read More</span>}
|
||||
{
|
||||
|
|
|
|||
|
|
@ -9,11 +9,6 @@ export interface Props {
|
|||
const { href, newTab } = Astro.props
|
||||
---
|
||||
|
||||
<a
|
||||
href={href}
|
||||
class={styles.button}
|
||||
target={newTab ? "_blank" : ""}
|
||||
rel={newTab ? "noreferrer" : ""}
|
||||
>
|
||||
<a href={href} class={styles.button} target={newTab ? "_blank" : ""}>
|
||||
<slot />
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
|
@ -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.
|
||||
|
|
@ -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 <a href="https://mastodon.social/@QuadRadical" target="_blank">Mastodon account</a> for more news.
|
||||
|
|
|
|||
|
|
@ -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({
|
||||
|
|
|
|||
|
|
@ -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
|
|||
</aside>
|
||||
<div class={styles.right}>
|
||||
<article class={styles.description}>
|
||||
<section class={styles.rss}>
|
||||
<a href="/blog/rss.xml">
|
||||
<Icon name="mdi:rss-box" />
|
||||
</a>
|
||||
</section>
|
||||
<h1>
|
||||
{
|
||||
categoryProperties.descriptionTitle ||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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%;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue