plotter art. and new photos added

README.md

@@ -22,6 +22,11 @@ Currently I just use full sized images everywhere. To help with the old bandwidt
 Convert all images in a directory to a compress .webp: `mogrify -format webp -quality 80 *.jpg` (https://www.bartvandersanden.com/blog/2022/07/03/webp-imagick/)
 
 
+## I think I had a like an ALBUM_SRC folder somewhere that was synced to this repo? How do I get images to here again?
+
+
+
+
 
 ## Astro Starter Kit: Basics
 

src/components/react/Title/Title.tsx

@@ -47,6 +47,14 @@ export const Title = ({ title }: {title: string}) => {
           >
             Friends
           </a>}
+          <a
+            href="/plotting"
+            className={
+              styles.subtitleText
+            }
+          >
+            Plotter Art
+          </a>
           <a
             href="/photography/everything"
             className={

src/content/config.ts

@@ -6,25 +6,34 @@ import { defineCollection } from 'astro:content';
 // List of allowed tag names as string
 const TagsEnum = z.enum(["plotting", "programming", "photography", "art"]);
 
-const blogCollection = defineCollection({ 
-    type: 'content',
-    schema: z.object({
-        title: z.string(),
-        tags: z.array(TagsEnum),
-        date: z.string(),
-    })
- });
-const photoCollection = defineCollection({ 
-  schema:  z.object({
+const blogCollection = defineCollection({
+  type: 'content',
+  schema: z.object({
     title: z.string(),
     tags: z.array(TagsEnum),
     date: z.string(),
-}),
+  })
+});
+const photoCollection = defineCollection({
+  schema: z.object({
+    title: z.string(),
+    tags: z.array(TagsEnum),
+    date: z.string(),
+  }),
+});
+
+const plottingCollection = defineCollection({
+  schema: z.object({
+    title: z.string(),
+    tags: z.array(TagsEnum),
+    date: z.string(),
+  }),
+});
 
- });
 // 3. Export a single `collections` object to register your collection(s)
 //    This key should match your collection directory name in "src/content"
 export const collections = {
   'blog': blogCollection,
   'photography': photoCollection,
+  'plotting': plottingCollection,
 };

src/content/photography/everything.mdx

@@ -9,7 +9,7 @@ import DummyComponent from '../../components/DummyComponent/DummyComponent.astro
 import GalleryImageGrid from "../../components/GalleryImageGrid/GalleryImageGrid.astro";
 
 export const images = import.meta.glob(
-    "/src/images/photography/5starred/*.{jpeg,jpg,png,gif}");
+    "/src/images/photography/5starred/*.{jpeg,jpg,png,gif,webp}");
 
 
 <DummyComponent />

src/content/plotting/everything.mdx

@@ -0,0 +1,21 @@
+---
+layout: '../../layouts/FreeLayout.astro'
+date: "2024-03-05"
+title: "Everything"
+tags: ["plotting"]
+---
+import {Image} from 'astro:assets';
+import DummyComponent from '../../components/DummyComponent/DummyComponent.astro';
+import GalleryImageGrid from "../../components/GalleryImageGrid/GalleryImageGrid.astro";
+
+export const images = import.meta.glob(
+    "/src/images/plotting/**/*.{jpeg,jpg,png,gif,webp}");
+
+
+<DummyComponent />
+
+
+# {props.title}
+
+<GalleryImageGrid images={images} ></GalleryImageGrid>
+