Exclude media cards from search (#1275)

Author: nikoshell

Makefile

@@ -44,6 +44,7 @@ check:
 
 build:
 	pnpm run astro build --mode $(MODE)
+	pnpm pagefind
 
 preview: RELEASES_DIR = $(VPS_PREVIEW_PATH)/$(SAFE_BRANCH)/releases
 preview: TARGET = $(RELEASES_DIR)/$(TIMESTAMP)

astro.config.mjs

@@ -6,7 +6,6 @@ import remarkToc from "remark-toc";
 import rehypeSlug from "rehype-slug";
 import rehypeAutolinkHeadings from "rehype-autolink-headings";
 import metaTags from "astro-meta-tags";
-import pagefind from "astro-pagefind";
 import deleteUnusedImages from "astro-delete-unused-images";
 import { execSync } from "node:child_process";
 import svelte from "@astrojs/svelte";
@@ -116,7 +115,6 @@ export default defineConfig({
     mdx(),
     sitemap(),
     metaTags(),
-    pagefind(),
     deleteUnusedImages(),
     svelte(),
     compress({

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
-    "build": "astro check && astro build && pnpm pagefind --site dist",
+    "build": "astro check && astro build && pnpm pagefind",
     "preview": "astro preview",
     "astro": "astro",
     "format": "prettier --write --plugin=prettier-plugin-astro ."

pagefind.yml

@@ -1,2 +1,3 @@
 site: dist
 glob: "**/*.{html}"
+root_selector: "main"

src/layouts/ScheduleLayout.astro

@@ -2,13 +2,16 @@
 import Layout from "@layouts/Layout.astro";
 import Section from "@ui/Section.astro";
 import Note from "@ui/Note.astro";
+import Headline from "@ui/Headline.astro"
+import { slugify } from '@utils/content';
 
 export interface Props {
   title?: string;
   description: string;
+  headline: string;
 }
 
-const { title, description } = Astro.props;
+const { title, description, headline } = Astro.props;
 ---
 <Layout title={title || "Schedule for 2025"} description={description} >
   <Fragment slot="head">
@@ -17,8 +20,10 @@ const { title, description } = Astro.props;
   </Fragment>
   <Section>
 
-    <Note type="warning">This is an early version of the schedule and may still change. If you're planning travel around specific sessions, please keep that in mind.</Note>
-    <Note type="info" >Mark talks as favorites by opening their details and tapping the ❤️ icon. Your selections are saved locally and will only be visible on this device.</Note>
+    <Headline as="h1"id={slugify(headline)} title={headline} />
+
+  <Note type="warning">This is an early version of the schedule and may still change. If you're planning travel around specific sessions, please keep that in mind.</Note>
+  <Note type="info" >Mark talks as favorites by opening their details and tapping the ❤️ icon. Your selections are saved locally and will only be visible on this device.</Note>
 
     <div class="layout-wrapper2">
       <slot />

src/pages/schedule.astro

@@ -19,7 +19,7 @@ const days = await getCollection("days");
 
 ---
 
-<Layout description="Browse all scheduled events.">
+<Layout description="Browse all scheduled events." headline="Schedule">
 
   {
     days.map((day) => (

src/pages/schedule/day/[day].astro

@@ -22,6 +22,6 @@ if (!dayEntry) {
 const day: Day = dayEntry;
 ---
 
-<Layout description=`Schedule for the day: ${day.id}`>
+<Layout description=`Schedule for the day: ${day.id}` headline=`Schedule for the day: ${day.id}`>
   <ScheduleDay day={day} />
 </Layout>

src/pages/schedule/talks.astro

@@ -23,7 +23,7 @@ const days = await getCollection("days");
 
 ---
 
-<Layout description="Browse all scheduled talks.">
+<Layout description="Browse all scheduled talks." headline="Talks schedule">
   {
   days
     .filter((day) => {

src/pages/schedule/tutorials.astro

@@ -23,7 +23,7 @@ const days = await getCollection("days");
 
 ---
 
-<Layout description="Browse all scheduled tutorials.">
+<Layout description="Browse all scheduled tutorials." headline="Tutorials schedule">
   {
   days
     .filter((day) => {