diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml new file mode 100644 index 0000000..d0b7dbe --- /dev/null +++ b/pnpm-workspace.yaml @@ -0,0 +1,3 @@ +onlyBuiltDependencies: + - esbuild + - sharp diff --git a/src/components/NavHeader.astro b/src/components/NavHeader.astro index 49afc3e..283fdaa 100644 --- a/src/components/NavHeader.astro +++ b/src/components/NavHeader.astro @@ -14,12 +14,12 @@ const optimizedBackground = await getImage({ const optimizedBackgroundLQ = await getImage({ src: myBackground, format: "webp", - quality: 60, + quality: 50, width: 512, }); ---
diff --git a/src/content.config.ts b/src/content.config.ts index 79c749c..5a43f28 100644 --- a/src/content.config.ts +++ b/src/content.config.ts @@ -1,7 +1,9 @@ // Import utilities from `astro:content` import { defineCollection, z } from "astro:content"; + // Import the glob loader import { glob } from "astro/loaders"; + // Define a `loader` and `schema` for each collection const blog = defineCollection({ loader: glob({ pattern: "**/[^_]*.{md,mdx}", base: "./src/blog" }), @@ -13,5 +15,16 @@ const blog = defineCollection({ tags: z.array(z.string()), }), }); + +const albums = defineCollection({ + type: "data", + schema: ({ image }) => + z.object({ + title: z.string(), + description: z.string().optional(), + cover: image(), + }), + }); + // Export a single `collections` object to register your collection(s) -export const collections = { blog }; +export const collections = { blog, albums }; diff --git a/src/content/albums/aria-board.yaml b/src/content/albums/aria-board.yaml new file mode 100644 index 0000000..e036858 --- /dev/null +++ b/src/content/albums/aria-board.yaml @@ -0,0 +1,3 @@ +title: Aria Board +description: A bunch of images making up my vibes +cover: ./aria-board/1-Tw1nkPad.webp \ No newline at end of file diff --git a/src/content/albums/aria-board/1-Tw1nkPad.webp b/src/content/albums/aria-board/1-Tw1nkPad.webp new file mode 100644 index 0000000..0740ea7 Binary files /dev/null and b/src/content/albums/aria-board/1-Tw1nkPad.webp differ diff --git a/src/content/albums/aria-board/2-Tw1nkPadLaptop.jpg b/src/content/albums/aria-board/2-Tw1nkPadLaptop.jpg new file mode 100644 index 0000000..4fae63e Binary files /dev/null and b/src/content/albums/aria-board/2-Tw1nkPadLaptop.jpg differ diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro index 594a1b5..df7b164 100644 --- a/src/layouts/MarkdownPostLayout.astro +++ b/src/layouts/MarkdownPostLayout.astro @@ -7,20 +7,19 @@ const { lastModified } = Astro.props; -

+

{frontmatter.title}

{frontmatter.description}
Date: {frontmatter.pubDate.toLocaleDateString()}
Last Modified: {lastModified} -

+
diff --git a/src/pages/about.astro b/src/pages/about.astro index 752c5f1..671c51e 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -32,7 +32,7 @@ const currentSystem = { const skillColor = "#F5A8B7"; --- - +

It's about time I actually write up my own website right?


diff --git a/src/pages/albums.astro b/src/pages/albums.astro new file mode 100644 index 0000000..1281543 --- /dev/null +++ b/src/pages/albums.astro @@ -0,0 +1,47 @@ +--- +import { getCollection } from "astro:content"; +import BaseLayout from "../layouts/BaseLayout.astro"; +import Partition from "../components/Partition.astro"; + +const pageTitle = "Aria's Gallery"; +const description = "All of Aria's albums!"; + +import "../styles/aria.css"; +import { Picture } from "astro:assets"; + +const albums = await getCollection("albums"); +--- + + +
+

Aria's Gallery!

+ { + albums.map((item) => ( + + + +
+ + {item.data.title} + +

{item.data.description}

+
+ + + )) + } +
+ diff --git a/src/pages/blog.astro b/src/pages/blog.astro index 226a139..adbc122 100644 --- a/src/pages/blog.astro +++ b/src/pages/blog.astro @@ -10,7 +10,7 @@ const pageTitle = "Aria's blog"; const description = "Aria's blog of assorted content"; --- - + | Browse Tags |

All blog posts:

diff --git a/src/pages/extreme-format-test.astro b/src/pages/extreme-format-test.astro index 091ff48..b485953 100644 --- a/src/pages/extreme-format-test.astro +++ b/src/pages/extreme-format-test.astro @@ -5,10 +5,10 @@ import Partition from "../components/Partition.astro"; import BaseLayout from "../layouts/BaseLayout.astro"; const pageTitle = "Extreme format test"; -const description = "All of Aria's friends with 88x31 buttons for you to click on!!"; +const description = "A terrible test of video formats"; --- - +

"All In One"