layout: use post name as title

components/Layout.js

@@ -5,11 +5,12 @@ import Meta from "./Meta";
 export default function Layout({
   siteTitle,
   siteDescription,
+  pageTitle,
   children,
 }) {
   return (
     <section className={`layout`}>
-      <Meta siteTitle={siteTitle} siteDescription={siteDescription} />
+      <Meta siteTitle={siteTitle} siteDescription={siteDescription} pageTitle={pageTitle}/>
       <Header siteTitle={siteTitle} />
       <div className="content">{children}</div>
       <Footer />

components/Meta.js

@@ -24,7 +24,7 @@ export default function Meta(props) {
                     content="width=device-width, initial-scale=1"
                 />
                 <meta charSet="utf-8" />
-                <title>{props.siteTitle}</title>
+                <title>{props.pageTitle || props.siteTitle}</title>
                 <meta
                     name="Description"
                     content="Generalist developer writing about fullstack development, system administration and free software."

components/Page.js

@@ -3,7 +3,7 @@ import Layout from "./Layout";
 export default function Page(props) {
     const { title, date, siteTitle } = props;
     return (
-        <Layout siteTitle={siteTitle}>
+        <Layout siteTitle={siteTitle} pageTitle={title}>
             <article className="page h-entry">
                 { title && <div className="page__info">
                     <h1 className="p-name">{title}</h1>