various tweaks

app/components/article-card.gjs

@@ -3,13 +3,13 @@ import IconSvg from './icon-svg';
 
 <template>
   <div class="blog-item">
-    <h1>
+    <h2>
       <LinkTo class="post-link"
         @route="blog.article"
         @model={{@article}}>
           {{@article.title}}
       </LinkTo>
-    </h1>
+    </h2>
     <p class="meta"><IconSvg @name="calendar" /> <i>{{@article.date}}</i></p>
     <p class="meta">{{{@article.description}}}</p>
   </div>

app/components/youtube-link.gjs

@@ -11,10 +11,10 @@ function thumbnail(youtubeID) {
 <template>
   <div class="youtube-link">
     <a target="_blank" href={{href @id}}>
-      <div class="header">
+      <h2>
         <div class="talk-title">{{@title}}</div>
         <div class="talk-date">[{{@date}}]</div>
-      </div>
+      </h2>
 
       <img src={{thumbnail @id}}>
     </a>

app/styles/app.css

@@ -56,15 +56,15 @@ h1, h2, h3 {
 }
 
 h1 {
-  color: var(--accent)
+  color: var(--accent);
 }
 
 h2 {
-  color: var(--accent-sub2)
+  color: var(--accent-sub2);
 }
 
 h3 {
-  color: var(--accent-sub3)
+  color: var(--accent-sub3);
 }
 
 a, a:visited {
@@ -133,12 +133,12 @@ footer p a[href^="https://"]:after,
   TODO: move the title to not an h1, then move these styles to h1
 */
 
-.blog-item h1 a {
+.blog-item h2 a {
   font-size: 1.6rem;
+  color: var(--accent-sub2);
 }
 
-.blog-item h1 {
-  /* color: var(--accent); */
+.blog-item h2 {
   margin-bottom: 0.4rem;
   font-size: 2.6rem;
 }
@@ -183,7 +183,7 @@ footer p a[href^="https://"]:after,
   padding: 4px 12px;
 }
 
-.link-list .header {
+.link-list h2 {
   grid-column: 1 / 3;
   display: grid;
   grid-template-columns: 3fr 1fr;

app/templates/application.gjs

@@ -35,6 +35,9 @@ class MyRouteComponent extends Component {
         <IconButton @icon="mastodon"
           @href="https://social.massalabs.com/@sean"
           @title="link to social.massalabs.com (mastodon instance) for @sean" />
+        <IconButton @icon="linkedin"
+          @href="https://www.linkedin.com/in/sean-massa/"
+          @title="link to linkedin.com/in/sean-massa for Sean Massa" />
       </div>
       <p>
         Thanks to <a href="https://kevquirk.com">Kev Quirk</a>

app/templates/blog/index.gjs

@@ -4,6 +4,8 @@ import articles from '../../article-data';
 
 export default RouteTemplate(
 <template>
+  <h1>Sean's Blog</h1>
+
   {{#each articles as |article|}}
     {{#if article.published}}
       <ArticleCard

app/templates/index.gjs

@@ -1,10 +1,39 @@
 import RouteTemplate from 'ember-route-template';
+import { LinkTo } from '@ember/routing';
+import ArticleCard from '../components/article-card';
+import articles from '../article-data';
+
+let mostRecentPublishedArticle = articles.find((a) => a.published);
 
 export default RouteTemplate(
 <template>
+  <h1>Sean's Adventures</h1>
+
   <p>Sean Massa discusses tech, organizations, ethics, and games.</p>
-</template>
-);
 
+  <h2>Recent Blog Post</h2>
+
+  <ArticleCard
+    @article={{mostRecentPublishedArticle}}
+  />
 
+  <p>See more at <LinkTo @route="blog">/blog</LinkTo>.</p>
 
+  <h2>About Sean Massa</h2>
+  <p>
+    They are a(n):
+  </p>
+
+  <ul>
+    <li>supporter of diversity and inclusion</li>
+    <li>enthusiast of organizational structures</li>
+    <li>software engineer with well over a decade of experience spanning .NET, Ruby/Rails, front-end javascript, Node.js, and various databases.</li>
+    <li>community organizer of meetups, hackathons, and conferences</li>
+  </ul>
+  <p>
+    Feel free to reach out to me about anything, especially if it's about my interests, on Mastodon at
+    <a href="https://social.massalabs.com/@sean">@[email protected]</a>.
+  </p>
+
+</template>
+);

app/templates/talks.gjs

@@ -3,6 +3,8 @@ import YoutubeLink from '../components/youtube-link';
 
 export default RouteTemplate(
 <template>
+  <h1>Sean's Talks</h1>
+
   <div class="link-list">
     <YoutubeLink @id="c5DMXsBTS0E"
       @title="Strength-finding Interviews | dojo.live"