claude again

src/pages/index.astro

@@ -3,7 +3,12 @@ import ArticleList from '../components/ArticleList.astro';
 import ProjectList from '../components/ProjectList.astro';
 import TagList from '../components/TagList.astro';
 import Base from '../layouts/Base.astro';
-import { getAllTags, getProjects, getPublishedPosts, site } from '../lib/site';
+import {
+  buildPersonJsonLd,
+  getAllTags,
+  getProjects,
+  getPublishedPosts,
+} from '../lib/site';
 
 const posts = await getPublishedPosts();
 const latestPosts = posts.slice(0, 5);
@@ -11,15 +16,8 @@ const projects = await getProjects();
 const selectedProjects = projects.filter((project) => project.data.selected);
 const tags = getAllTags(posts);
 
-const personJsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'Person',
-  name: site.name,
-  url: site.url,
-  email: `mailto:${site.email}`,
-  sameAs: [site.github, site.linkedin],
-  description: site.description,
-};
+// Reference the canonical Person (defined on /about/) by @id.
+const personJsonLd = buildPersonJsonLd();
 ---
 
 <Base jsonLd={personJsonLd}>
@@ -28,8 +26,8 @@ const personJsonLd = {
       Software systems, AI deployment, graphics, simulations, and tools
     </p>
     <h1>
-      <span class="home-name-accent">Andras Schmelczer</span> writes about building software
-      that has to work under real constraints.
+      Andras Schmelczer writes about building software that has to work under real
+      constraints.
     </h1>
     <p>
       I am a software engineer with an MSc in Computer Science. This site is mostly a
@@ -38,7 +36,7 @@ const personJsonLd = {
     </p>
   </section>
 
-  <section class="home-section" aria-labelledby="latest-articles">
+  <section class="home-section">
     <div class="section-heading">
       <h2 id="latest-articles">Latest Articles</h2>
       <a href="/articles/">All {posts.length} articles →</a>
@@ -46,15 +44,15 @@ const personJsonLd = {
     <ArticleList posts={latestPosts} />
   </section>
 
-  <section class="home-section" aria-labelledby="selected-projects">
+  <section class="home-section">
     <div class="section-heading">
-      <h2 id="selected-projects">Selected Projects</h2>
+      <h2 id="home-selected-projects">Selected Projects</h2>
       <a href="/projects/">All projects →</a>
     </div>
     <ProjectList projects={selectedProjects} />
   </section>
 
-  <section class="home-section" aria-labelledby="browse-by-topic">
+  <section class="home-section">
     <div class="section-heading">
       <h2 id="browse-by-topic">Browse by Topic</h2>
     </div>