changing work to feed; adding quotes; swapping projects from md to yaml content

Author: tingeber

.pages.yml

@@ -316,7 +316,7 @@ components:
         default: true
         description: Display project name tags inside matrix cells
 
-  projects_filter_grid_section:
+  feed_grid_section:
     type: object
     fields:
       - name: title
@@ -325,7 +325,7 @@ components:
       - name: description
         label: Description
         type: string
-        description: Optional intro text shown above the interactive filter.
+        description: Optional intro text shown above the chronological feed of mixed projects + quotes.
 
   active_projects_section:
     type: object
@@ -588,9 +588,9 @@ content:
             label: Projects Roll
             component: projects_roll_section
 
-          - name: projectsFilterGrid
-            label: Projects Filter Grid
-            component: projects_filter_grid_section
+          - name: feedGrid
+            label: Feed Grid
+            component: feed_grid_section
 
           - name: activeProjects
             label: Active Projects (titles only)
@@ -623,8 +623,8 @@ content:
     label: Projects
     type: collection
     path: src/content/projects
-    format: yaml-frontmatter
-    filename: '{fields.slug}.md'
+    format: yaml
+    filename: '{fields.slug}.yaml'
     subfolders: false
     view:
       fields: [name, client, status]
@@ -1180,6 +1180,58 @@ content:
             - label: Archived
               name: archived
 
+  # --------------------------------------------------------------------------
+  # Quotes
+  # --------------------------------------------------------------------------
+  - name: quotes
+    label: Quotes
+    type: collection
+    path: src/content/quotes
+    format: json
+    filename: '{fields.date}-{fields.name}.json'
+    subfolders: false
+    view:
+      fields: [date, name, organisation]
+      primary: name
+      sort: [date]
+      default:
+        sort: date
+        order: desc
+    fields:
+      - name: date
+        label: Date
+        type: date
+        required: true
+
+      - name: name
+        label: Name
+        type: string
+        required: true
+        description: Name of the person being quoted
+
+      - name: quote
+        label: Quote
+        type: text
+        required: true
+
+      - name: organisation
+        label: Organisation
+        type: reference
+        required: true
+        options:
+          collection: organisations
+          value: "{id}"
+          label: "{fields.name}"
+
+      - name: project
+        label: Project
+        type: reference
+        options:
+          collection: projects
+          value: "{slug}"
+          label: "{fields.name}"
+        description: Optional — leave empty if the quote isn't tied to a specific project
+
   # --------------------------------------------------------------------------
   # Categories
   # --------------------------------------------------------------------------

.vscode/settings.json

@@ -1,7 +1,7 @@
 {
   "yaml.schemas": {
     "./.astro/collections/pages.schema.json": "/src/content/pages/*.yaml",
-    "./.astro/collections/projects.schema.json": "/src/content/projects/*.md"
+    "./.astro/collections/projects.schema.json": "/src/content/projects/*.yaml"
   },
   "json.schemas": [
     {
@@ -32,6 +32,10 @@
       "fileMatch": ["/src/content/phases/*.json"],
       "url": "./.astro/collections/phases.schema.json"
     },
+    {
+      "fileMatch": ["/src/content/quotes/*.json"],
+      "url": "./.astro/collections/quotes.schema.json"
+    },
     {
       "fileMatch": ["/src/content/site/*.json"],
       "url": "./.astro/collections/site.schema.json"

src/components/molecules/ProjectCard.astro

@@ -1,9 +1,9 @@
 ---
+import { Image } from 'astro:assets';
 import draftlabLogo from '@assets/draftlab-logo.svg';
 import GradientLink from '@components/atoms/GradientLink.astro';
 import SkillIcon from '@components/atoms/SkillIcon.astro';
 import type { ImageMetadata } from 'astro';
-import { Image } from 'astro:assets';
 
 const PHASE_ORDER = ['understand', 'define', 'deliver', 'sustain'] as const;
 
@@ -56,7 +56,7 @@ const cardGradient = `linear-gradient(to right, ${gradientStops.join(', ')})`;
 ---
 
 <a
-	href={`/work/${slug}`}
+	href={`/projects/${slug}`}
 	class:list={[
 		'group relative flex h-full overflow-hidden no-underline shadow-sm transition-colors duration-150 **:no-underline hover:shadow-md',
 		featured && 'ring-1 ring-secondary-200',

src/components/molecules/QuoteCard.astro

@@ -0,0 +1,39 @@
+---
+import { Image } from 'astro:assets';
+import type { ImageMetadata } from 'astro';
+
+export interface Props {
+  quote: string;
+  name: string;
+  orgName?: string;
+  orgLogo?: ImageMetadata;
+  class?: string;
+}
+
+const { quote, name, orgName, orgLogo, class: className = '' } = Astro.props;
+---
+
+<figure class:list={['flex h-full flex-col justify-end p-5', className]}>
+	<blockquote
+		class="font-serif text-xl leading-snug text-ink italic md:text-2xl"
+	>
+		&ldquo;{quote}&rdquo;
+	</blockquote>
+
+	<figcaption class="mt-6 flex items-center justify-between gap-4">
+		<span
+			class="font-mono text-[0.7rem] tracking-widest text-ink-muted uppercase"
+		>
+			&mdash; {name}
+		</span>
+		{
+			orgLogo && (
+				<Image
+					src={orgLogo}
+					alt={orgName ?? ''}
+					class="h-8 w-auto object-contain object-right grayscale"
+				/>
+			)
+		}
+	</figcaption>
+</figure>