Add blog images in src/assets/blog/

Load the image from frontmatter using the <Image> tag in [slug].astro.
sfbrigade · Jan 13, 2024 · 2278475 · 2278475
1 parent 30fbd31
commit 2278475
Show file tree

Hide file tree

Showing 77 changed files with 51 additions and 31 deletions.
diff --git a/packages/astro/src/assets/blog/EthanAbroad.jpg b/packages/astro/src/assets/blog/EthanAbroad.jpg
diff --git a/packages/astro/src/assets/blog/EthanProfessional.jpg b/packages/astro/src/assets/blog/EthanProfessional.jpg
diff --git a/packages/astro/src/assets/blog/IMG_1846.jpg b/packages/astro/src/assets/blog/IMG_1846.jpg
diff --git a/packages/astro/src/assets/blog/IMG_2066.jpg b/packages/astro/src/assets/blog/IMG_2066.jpg
diff --git a/packages/astro/src/assets/blog/IMG_2084.jpg b/packages/astro/src/assets/blog/IMG_2084.jpg
diff --git a/packages/astro/src/assets/blog/LocalFreeWebText.jpg b/packages/astro/src/assets/blog/LocalFreeWebText.jpg
diff --git a/packages/astro/src/assets/blog/NDoCH-2019.jpg b/packages/astro/src/assets/blog/NDoCH-2019.jpg
diff --git a/packages/astro/src/assets/blog/Screen Shot 2020-01-29 at 7.47.57 PM.png b/packages/astro/src/assets/blog/Screen Shot 2020-01-29 at 7.47.57 PM.png
diff --git a/packages/astro/src/assets/blog/TopTenA11yIssues.jpg b/packages/astro/src/assets/blog/TopTenA11yIssues.jpg
diff --git a/packages/astro/src/assets/blog/adopt-a-drain.png b/packages/astro/src/assets/blog/adopt-a-drain.png
diff --git a/packages/astro/src/assets/blog/carla.jpg b/packages/astro/src/assets/blog/carla.jpg
diff --git a/packages/astro/src/assets/blog/cfa.jpg b/packages/astro/src/assets/blog/cfa.jpg
diff --git a/packages/astro/src/assets/blog/civic-innovation-group.jpg b/packages/astro/src/assets/blog/civic-innovation-group.jpg
diff --git a/packages/astro/src/assets/blog/cliffhouse.jpg b/packages/astro/src/assets/blog/cliffhouse.jpg
diff --git a/packages/astro/src/assets/blog/codeforsf.png b/packages/astro/src/assets/blog/codeforsf.png
diff --git a/packages/astro/src/assets/blog/congress.jpg b/packages/astro/src/assets/blog/congress.jpg
diff --git a/packages/astro/src/assets/blog/datasette.jpg b/packages/astro/src/assets/blog/datasette.jpg
diff --git a/packages/astro/src/assets/blog/dswg.jpg b/packages/astro/src/assets/blog/dswg.jpg
diff --git a/packages/astro/src/assets/blog/dvirc-masthead.jpg b/packages/astro/src/assets/blog/dvirc-masthead.jpg
diff --git a/packages/astro/src/assets/blog/dvirc-masthead.png b/packages/astro/src/assets/blog/dvirc-masthead.png
diff --git a/packages/astro/src/assets/blog/fire-risk.jpg b/packages/astro/src/assets/blog/fire-risk.jpg
diff --git a/packages/astro/src/assets/blog/first.png b/packages/astro/src/assets/blog/first.png
diff --git a/packages/astro/src/assets/blog/four-fine-fellows.jpg b/packages/astro/src/assets/blog/four-fine-fellows.jpg
diff --git a/packages/astro/src/assets/blog/gyver.png b/packages/astro/src/assets/blog/gyver.png
diff --git a/packages/astro/src/assets/blog/headshot.jpg b/packages/astro/src/assets/blog/headshot.jpg
diff --git a/packages/astro/src/assets/blog/image.png b/packages/astro/src/assets/blog/image.png
diff --git a/packages/astro/src/assets/blog/image10.jpg b/packages/astro/src/assets/blog/image10.jpg
diff --git a/packages/astro/src/assets/blog/image11.png b/packages/astro/src/assets/blog/image11.png
diff --git a/packages/astro/src/assets/blog/image13.jpg b/packages/astro/src/assets/blog/image13.jpg
diff --git a/packages/astro/src/assets/blog/image14.jpg b/packages/astro/src/assets/blog/image14.jpg
diff --git a/packages/astro/src/assets/blog/image15.png b/packages/astro/src/assets/blog/image15.png
diff --git a/packages/astro/src/assets/blog/image16.jpg b/packages/astro/src/assets/blog/image16.jpg
diff --git a/packages/astro/src/assets/blog/image17.jpg b/packages/astro/src/assets/blog/image17.jpg
diff --git a/packages/astro/src/assets/blog/image18.jpg b/packages/astro/src/assets/blog/image18.jpg
diff --git a/packages/astro/src/assets/blog/image20.jpg b/packages/astro/src/assets/blog/image20.jpg
diff --git a/packages/astro/src/assets/blog/image7.png b/packages/astro/src/assets/blog/image7.png
diff --git a/packages/astro/src/assets/blog/jason.jpg b/packages/astro/src/assets/blog/jason.jpg
diff --git a/packages/astro/src/assets/blog/jen.jpg b/packages/astro/src/assets/blog/jen.jpg
diff --git a/packages/astro/src/assets/blog/leo-sosa-keynote.png b/packages/astro/src/assets/blog/leo-sosa-keynote.png
diff --git a/packages/astro/src/assets/blog/logo.png b/packages/astro/src/assets/blog/logo.png
diff --git a/packages/astro/src/assets/blog/meagan.jpg b/packages/astro/src/assets/blog/meagan.jpg
diff --git a/packages/astro/src/assets/blog/mellany-presents.jpg b/packages/astro/src/assets/blog/mellany-presents.jpg
diff --git a/packages/astro/src/assets/blog/microsoft.png b/packages/astro/src/assets/blog/microsoft.png
diff --git a/packages/astro/src/assets/blog/nltweets.jpg b/packages/astro/src/assets/blog/nltweets.jpg
diff --git a/packages/astro/src/assets/blog/nltweets2.png b/packages/astro/src/assets/blog/nltweets2.png
diff --git a/packages/astro/src/assets/blog/odd-2019-key-note.jpg b/packages/astro/src/assets/blog/odd-2019-key-note.jpg
diff --git a/packages/astro/src/assets/blog/odsc.png b/packages/astro/src/assets/blog/odsc.png
diff --git a/packages/astro/src/assets/blog/osm.jpg b/packages/astro/src/assets/blog/osm.jpg
diff --git a/packages/astro/src/assets/blog/panel.jpg b/packages/astro/src/assets/blog/panel.jpg
diff --git a/packages/astro/src/assets/blog/prep.jpg b/packages/astro/src/assets/blog/prep.jpg
diff --git a/packages/astro/src/assets/blog/return-to-jekyll.jpg b/packages/astro/src/assets/blog/return-to-jekyll.jpg
diff --git a/packages/astro/src/assets/blog/sanat.jpg b/packages/astro/src/assets/blog/sanat.jpg
diff --git a/packages/astro/src/assets/blog/sandra.jpg b/packages/astro/src/assets/blog/sandra.jpg
diff --git a/packages/astro/src/assets/blog/sandra_headshot.jpg b/packages/astro/src/assets/blog/sandra_headshot.jpg
diff --git a/packages/astro/src/assets/blog/screen-shot-2019-01-23-at-10.12.33-pm.png b/packages/astro/src/assets/blog/screen-shot-2019-01-23-at-10.12.33-pm.png
diff --git a/...-effective-taskhierarchy-example-foianetwork-screenshot_2018-12-16_14-48-09.png b/...-effective-taskhierarchy-example-foianetwork-screenshot_2018-12-16_14-48-09.png
diff --git a/packages/astro/src/assets/blog/screenshot.jpg b/packages/astro/src/assets/blog/screenshot.jpg
diff --git a/packages/astro/src/assets/blog/screenshot.png b/packages/astro/src/assets/blog/screenshot.png
diff --git a/packages/astro/src/assets/blog/segment.png b/packages/astro/src/assets/blog/segment.png
diff --git a/packages/astro/src/assets/blog/sf-crime-data.png b/packages/astro/src/assets/blog/sf-crime-data.png
diff --git a/packages/astro/src/assets/blog/sign.jpg b/packages/astro/src/assets/blog/sign.jpg
diff --git a/packages/astro/src/assets/blog/speaker.jpg b/packages/astro/src/assets/blog/speaker.jpg
diff --git a/packages/astro/src/assets/blog/team.jpg b/packages/astro/src/assets/blog/team.jpg
diff --git a/packages/astro/src/assets/blog/twabler.jpg b/packages/astro/src/assets/blog/twabler.jpg
diff --git a/packages/astro/src/assets/blog/unconference.jpg b/packages/astro/src/assets/blog/unconference.jpg
diff --git a/packages/astro/src/assets/blog/visualization.png b/packages/astro/src/assets/blog/visualization.png
diff --git a/packages/astro/src/assets/blog/vr.jpg b/packages/astro/src/assets/blog/vr.jpg
diff --git a/...tro/src/assets/blog/we-vote-logo-wordmark-vertical-color-on-white-1500x1410.png b/...tro/src/assets/blog/we-vote-logo-wordmark-vertical-color-on-white-1500x1410.png
diff --git a/...ges/astro/src/assets/blog/we-vote-logo-wordmark-vertical-color-on-white-750.jpg b/...ges/astro/src/assets/blog/we-vote-logo-wordmark-vertical-color-on-white-750.jpg
diff --git a/...astro/src/assets/blog/we-vote-logo-wordmark-vertical-inverted-color-256x256.png b/...astro/src/assets/blog/we-vote-logo-wordmark-vertical-inverted-color-256x256.png
diff --git a/packages/astro/src/assets/blog/wevote-logo.gif b/packages/astro/src/assets/blog/wevote-logo.gif
diff --git a/packages/astro/src/assets/blog/wevote.png b/packages/astro/src/assets/blog/wevote.png
diff --git a/packages/astro/src/assets/blog/wordcloud.png b/packages/astro/src/assets/blog/wordcloud.png
diff --git a/...g/2019-06-22-introducing-civc-tech-to-san-franciscos-underserved-communities.md b/...g/2019-06-22-introducing-civc-tech-to-san-franciscos-underserved-communities.md
diff --git a/packages/astro/src/env.d.ts b/packages/astro/src/env.d.ts
@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
diff --git a/packages/astro/src/pages/blog/[slug].astro b/packages/astro/src/pages/blog/[slug].astro
@@ -1,4 +1,6 @@
 ---
+import type { ImageMetadata } from "astro";
+import { Image } from "astro:assets";
 import { getCollection } from "astro:content";
 import BaseLayout from "@/layouts/BaseLayout.astro";
 
@@ -16,10 +18,29 @@ export async function getStaticPaths()
 	}));
 }
 
-const { entry: { render, data: { title } } } = Astro.props;
+const { entry: { render, data: { title, image, image_alt = "" } } } = Astro.props;
 const { Content } = await render();
+let imageSrc;
+
+if (image) {
+		// this Vite import method requires that its parameter be a literal string, not even one assembled from other literals
+	const images = import.meta.glob<{ default: ImageMetadata }>("/src/assets/blog/*.{jpeg,jpg,png,gif}");
+	const imagePath = "/src/assets/blog/" + image.replace(/^\/img\/uploads\//, "");
+
+	if (images[imagePath]) {
+		imageSrc = images[imagePath]();
+	} else {
+		console.error(`${title} missing image: ${imagePath}`);
+	}
+}
 ---
 
 <BaseLayout title={title}>
+	{
+		imageSrc &&
+			<p>
+				<Image src={imageSrc} alt={image_alt} />
+			</p>
+	}
 	<Content />
 </BaseLayout>
diff --git a/packages/astro/tsconfig.json b/packages/astro/tsconfig.json
@@ -4,9 +4,7 @@
     "strict": true,
     "baseUrl": ".",
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"],
     }
   }
 }
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		/// <reference path="../.astro/types.d.ts" />
		/// <reference types="astro/client" />