📝 title and text updates; schema fixes

workspaces/website/src/consts.ts

@@ -10,7 +10,7 @@ import mastodonLogo from '~/assets/logos/Mastodon.svg';
 export const SITE_TITLE = 'Scott Nath';
 export const SITE_SUBTITLE = 'Frontend Architect';
 export const ALT_TITLES = ['Solutions Architect', 'Software Architect', 'Full Stack Developer', 'DevOps Architect', 'Design Engineer', 'Senior Software Engineer', 'Design System Architect', 'Developer Advocate'];
-export const SCOTT_SHORT_DESC = 'Scott Nath is a web developer and actor living in New York State';
+export const SCOTT_SHORT_DESC = 'Scott Nath is a senior web developer and actor living in New York State';
 export const SITE_DESCRIPTION = `${SCOTT_SHORT_DESC} with extensive experience creating UI development systems with a focus on where developers and designers collaborate. Alt job titles: ${ALT_TITLES.join(', ')}`;
 
 
@@ -32,7 +32,11 @@ export const RESUME_DEFUALTS = {
 export const BLAHG = {
   title: `Blah blah blahg by Scott Nath`,
   description: `Articles and rambling-on by Scott Nath`,
+  pageTitle: '',
+  pageDesc: ''
 }
+BLAHG.pageTitle = `${BLAHG.title}: ${BLAHG.description}`
+BLAHG.pageDesc = `Technical blog posts featuring articles about Storybook, user interface testing, frontend web development, shared testing, and web components.`
 
 export const SOCIALS = [
   {

workspaces/website/src/pages/blahg/index.astro

@@ -13,7 +13,7 @@ const posts = (await getCollection('blahg')).sort(
 );
 ---
 
-<SiteWide title={BLAHG.title} description={BLAHG.description}>
+<SiteWide title={BLAHG.pageTitle} description={BLAHG.pageDesc}>
   <section itemscope itemtype="https://schema.org/Blog">
     <h1 itemprop="name">{BLAHG.title}</h1>
     <p itemprop="description">{BLAHG.description}</p>

workspaces/website/src/pages/whoami.mdx

@@ -1,7 +1,7 @@
 ---
 title: 'Scott Nath: What about him? Who is he? What does he do?'
 pubDate: "2024-04-04"
-updatedDate: "2024-04-04"
+updatedDate: "2024-04-11"
 ---
 
 import SiteWide from '~layouts/SiteWide.astro';
@@ -10,17 +10,15 @@ import { SCOTT_SHORT_DESC, ALT_TITLES } from '~consts';
 
 
 <SiteWide title={frontmatter.title} description={SCOTT_SHORT_DESC} image={frontmatter.heroImage} itemscope itemtype="https://schema.org/AboutPage">
-
-<div itemprop="mainContentOfPage">
-  <article itemscope itemtype="https://schema.org/Person">
+  <article itemprop="about" itemscope itemtype="https://schema.org/Person">
     <header class="readable">
       <h1>About <span itemprop="name">Scott Nath</span></h1>
 
       **_tl;dr_: <span itemprop="description">{SCOTT_SHORT_DESC}</span>**
     </header>
     <section itemprop="hasOccupation" itemscope itemtype="https://schema.org/Occupation">
       <div class="readable">
-        <h2 itemprop="alternateName">Web Developer</h2>
+        <h2 itemprop="alternateName">Senior Web Developer</h2>
 
         I am a <em itemprop="name">Frontend Architect</em>, which also means <em itemprop="alternateName">{ALT_TITLES.join(', ')}</em> or any other of a long list of new-hotness titles. I'm a polyglot, full-stack engineer who specializes in the front-end - which really just means I care about every User getting what they need.
 
@@ -46,7 +44,7 @@ import { SCOTT_SHORT_DESC, ALT_TITLES } from '~consts';
             </div>
             <div>
               <dt>Libraries and tools</dt>
-              <dd itemprop="skills">Node.js, Vite, native browser and DOM APIs, Storybook, Docker, GraphQL, git, Octokit, i18n, Wordpress</dd>
+              <dd itemprop="skills">Node.js, langchain ([contributor](https://github.com/langchain-ai/langchain/pull/17014)), Vite, native browser and DOM APIs, Storybook, Docker, GraphQL, git, Octokit, i18n, Wordpress</dd>
             </div>
             <div>
               <dt>UI components</dt>
@@ -111,32 +109,30 @@ import { SCOTT_SHORT_DESC, ALT_TITLES } from '~consts';
       </div>
 
     </section>
-    <section class="readable" itemprop="hasOccupation" itemscope itemtype="https://schema.org/Occupation">
+    <section class="readable" itemprop="hasOccupation" itemscope itemtype="https://schema.org/PerformanceRole">
 
-      <h2 itemprop="name">Actor</h2>
+      <h2 itemprop="roleName">Actor</h2>
 
       Yup...I'm a classically trained actor with a lot of Shakespeare under my belt. 
 
       🎭 tv & film: <a href="https://www.imdb.com/name/nm1009210/" itemprop="url">IMDB</a>
 
-      **Check out my brief appearance on <em itemprop="performerIn">Law & Order: SVU</em> !**
-
-      <a href="https://www.youtube.com/watch?v=2oR5n1hdjJo&ab_channel=ScottNath" target="_blank"><img src="/actor/scott-nath-brief-appearance-on-law-and-order-screenshot.jpeg" width="1000" height="570" alt="Screen shot from Scott Nath's brief appearance on Law & Order: SVU" /></a>
+      <a href="https://www.youtube.com/watch?v=2oR5n1hdjJo&ab_channel=ScottNath" target="_blank" style="text-align: center">
+        Check out my <span itemprop="description">brief appearance on <em>Law & Order: SVU</em></span>!
+        <img src="/actor/scott-nath-brief-appearance-on-law-and-order-screenshot.jpeg" itemprop="image" width="1000" height="570" alt="Screen shot from Scott Nath's brief appearance on Law & Order: SVU" />
+      </a>
 
     </section>
-    <footer>
-      <dl class="article-dates">
-        <div>
-          <dt>Published</dt>
-          <dd><FormattedDate date={new Date(frontmatter.pubDate)} itemprop='datePublished' /></dd>
-        </div>
-        <div>
-          <dt>Last update</dt>
-          <dd><FormattedDate date={new Date(frontmatter.updatedDate)} itemprop="lastReviewed" /></dd>
-        </div>
-      </dl>
-    </footer>
   </article>
-  </div>
+  <dl class="readable article-dates">
+    <div>
+      <dt>Published</dt>
+      <dd><FormattedDate date={new Date(frontmatter.pubDate)} itemprop='datePublished' /></dd>
+    </div>
+    <div>
+      <dt>Last update</dt>
+      <dd><FormattedDate date={new Date(frontmatter.updatedDate)} itemprop="lastReviewed" /></dd>
+    </div>
+  </dl>
 </SiteWide>