From e4019fba593bf49d10a6f1d41e596243321f2908 Mon Sep 17 00:00:00 2001
From: khalilcodes <khalilali.j@gmail.com>
Date: Fri, 15 Apr 2022 13:52:13 +0300
Subject: [PATCH 1/5] frontmatter setup

---
 site/contentlayer.config.ts | 37 +++++++++++++++++++++++++++++++------
 1 file changed, 31 insertions(+), 6 deletions(-)

diff --git a/site/contentlayer.config.ts b/site/contentlayer.config.ts
index 81ec9b6..15e0d31 100644
--- a/site/contentlayer.config.ts
+++ b/site/contentlayer.config.ts
@@ -1,19 +1,44 @@
-import { defineDocumentType, makeSource } from 'contentlayer/source-files'
+import { defineDocumentType, defineNestedType, makeSource } from 'contentlayer/source-files'
 // import readingTime from 'reading-time'
-import remarkGfm from 'remark-gfm';
+import remarkGfm from 'remark-gfm'
 import rehypeSlug from 'rehype-slug'
 import rehypeAutolinkHeadings from 'rehype-autolink-headings'
 import wikiLinkPlugin from "remark-wiki-link-plus"
 
+const ObsidianAliases = defineNestedType(() => ({
+  name: 'Obsidian',
+  filePathPattern: '**/*.md*',
+  fields: {
+    title: { type: 'string', required: true }
+  }
+}))
+
 const OtherPage = defineDocumentType(() => ({
   name: 'OtherPage',
   filePathPattern: '**/*.md*',
   contentType: 'mdx',
   fields: {
-    title: { type: 'string', required: false },
-    date: { type: 'string', required: false },
-    authors: { type: 'string', required: false },
-    description: { type: 'string', required: false },
+    title: { type: 'string' },
+    date: { type: "date", description: "This will be the publication date" },
+    image: { type: "string" },
+    description: { type: 'string' },
+    youtube: { type: "string" },
+    podcast: { type: "string" },
+    featured: { type: "boolean", default: false },
+    created: { type: "date", description: "The date this page was created (For internal use)" },
+    aliases: { type: 'reference', of: ObsidianAliases }
+  },
+  computedFields: {
+    date: {
+      type: "date",
+      resolve: (doc) => new Date(doc.date).toLocaleDateString('en-US', {
+        weekday: "long", year: "numeric", month: "long", day: "numeric"
+      })
+    },
+    created: {
+      type: "date",
+      resolve: (doc) => new Date(doc.created).toLocaleDateString('en-US')
+    },
   }
 }));
 

From f49bcb9e1eac935d159848b2a5b70047ce1ad137 Mon Sep 17 00:00:00 2001
From: khalilcodes <khalilali.j@gmail.com>
Date: Fri, 15 Apr 2022 13:54:06 +0300
Subject: [PATCH 2/5] add site url

---
 site/config/siteConfig.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/site/config/siteConfig.js b/site/config/siteConfig.js
index 52dcba9..e82ddf8 100644
--- a/site/config/siteConfig.js
+++ b/site/config/siteConfig.js
@@ -2,9 +2,10 @@ import Logo from "../public/img/life-itself-logo.svg"
 
 const siteConfig = {
   title: "Making Sense of Crypto and Web3",
+  url: "https://web3.lifeitself.us",
   tagline: "",
   description:
-    "Introductions to key concepts and ideas in crypto and web3. Plus in-depth evaluation of its potential impact.",
+  "Introductions to key concepts and ideas in crypto and web3. Plus in-depth evaluation of its potential impact.",
   author: "Life Itself and collaborators",
   // logo image
   authorLogo: "/img//life-itself-logo.svg",

From 1e90dc44b12bd6556895decd9c3c7d948501e594 Mon Sep 17 00:00:00 2001
From: khalilcodes <khalilali.j@gmail.com>
Date: Fri, 15 Apr 2022 13:56:05 +0300
Subject: [PATCH 3/5] display frontmatter fields on page and add seo

---
 site/components/MDX.js  | 58 +++++++++++++++++++++++++++++++++++++----
 site/pages/[...slug].js | 34 +++++++++++++++++++-----
 2 files changed, 80 insertions(+), 12 deletions(-)

diff --git a/site/components/MDX.js b/site/components/MDX.js
index 5096e26..a6ec2d0 100644
--- a/site/components/MDX.js
+++ b/site/components/MDX.js
@@ -1,4 +1,5 @@
 import Head from 'next/head'
+import ReactPlayer from 'react-player/lazy'
 import { Paragraph } from './Link'
 
 const components = {
@@ -8,20 +9,67 @@ const components = {
 
 export default function MdxPage({ children }) {
   const { Component, frontmatter } = children
+  
+  let podcastEmbed
+
+  if (frontmatter.podcast && frontmatter.podcast.includes("life-itself")) {
+    const url = frontmatter.podcast
+    podcastEmbed = ([
+      url.slice(0, "https://anchor.fm/life-itself".length),
+      "/embed",
+      url.slice("https://anchor.fm/life-itself".length)
+    ].join(""))
+  }
 
   return (
     <article className="prose dark:prose-invert mx-auto p-6">
       <header>
         <div className="mb-6">
-          <h1>{frontmatter.title}</h1>
+          {frontmatter.title && <h1 className="mb-0">{frontmatter.title}</h1>}
           {frontmatter.authors && (
-            <div className="-mt-6"><p className="opacity-60 pl-1">{frontmatter.authors}</p></div>
+            <div className="-mt-6">
+              <p className="opacity-60 pl-1">{frontmatter.authors}</p>
+            </div>
           )}
           {frontmatter.date && (
-            <p className="">{frontmatter.date}</p>
+            <p className="text-gray-900 dark:text-gray-500 text-sm pl-2">
+              on {frontmatter.date}
+            </p>
           )}
           {frontmatter.description && (
-            <p classname="">frontmatter.description}</p>
+            <p className="">{frontmatter.description}</p>
+          )}
+          {frontmatter.youtube && (
+            <div className="relative pt-[56.25%]">
+              <ReactPlayer
+                className="absolute top-0 left-0"
+                width="100%"
+                height="100%"
+                url={frontmatter.youtube}
+              />
+            </div>
+          )}
+          {frontmatter.podcast && (
+            <div className='pt-4'>
+              <ul className="list-disc">
+                <li>
+                  Podcast: &nbsp;
+                  <a href={frontmatter.podcast}>{frontmatter.podcast}</a>
+                </li>
+              </ul>
+              {podcastEmbed && (
+                <div className='md:mx-4'>
+                  <iframe
+                    src={podcastEmbed}
+                    height="100px"
+                    width="100%"
+                    frameBorder="0"
+                    scrolling="no"
+                    className="rounded-md"
+                  />
+                </div>
+              )}
+            </div>
           )}
         </div>
       </header>
@@ -29,5 +77,5 @@ export default function MdxPage({ children }) {
         <Component components={components} />
       </main>
     </article>
-  )
+  );
 }
diff --git a/site/pages/[...slug].js b/site/pages/[...slug].js
index 683ab6b..ac5765b 100644
--- a/site/pages/[...slug].js
+++ b/site/pages/[...slug].js
@@ -1,7 +1,8 @@
 import MdxPage from '../components/MDX';
 import { allOtherPages } from 'contentlayer/generated';
 import { useMDXComponent } from 'next-contentlayer/hooks';
-import { NewsArticleJsonLd, NextSeo } from 'next-seo';
+import { NextSeo } from 'next-seo';
+import siteConfig from "../config/siteConfig"
 
 
 export default function Page({ body, ...rest }) {
@@ -9,14 +10,17 @@ export default function Page({ body, ...rest }) {
   const children = {
     Component,
     frontmatter: {
-      authors: rest.authors,
       title: rest.title,
       date: rest.date,
       description: rest.description,
-      modified: rest.modified,
-      tags: rest.tags,
-    }
-  }
+      image: rest.image,
+      youtube: rest.youtube,
+      podcast: rest.podcast,
+      featured: rest.featured,
+      created: rest.created,
+      aliases: rest.aliases
+    },
+  };
 
   const titleFromUrl = rest._raw.flattenedPath
     .split("/")
@@ -27,7 +31,23 @@ export default function Page({ body, ...rest }) {
   
   return (
     <>
-      <NextSeo title={children.frontmatter.title ?? titleFromUrl} />
+      <NextSeo
+        title={children.frontmatter.title ?? titleFromUrl}
+        description={children.frontmatter.description}
+        canonical={siteConfig.url + "/" + rest._raw.flattenedPath}
+        openGraph={{
+          title: children.frontmatter.title ?? titleFromUrl,
+          description: children.frontmatter.description,
+          images: [
+            {
+              url: siteConfig.url + children.frontmatter.image,
+              width: 1200,
+              height: 627,
+              alt: children.frontmatter.title,
+            },
+          ],
+        }}
+      />
       <MdxPage children={children} />
     </>
   );

From 1b78e616cf8e7fe0f7a959fd3de35f40ec6ada45 Mon Sep 17 00:00:00 2001
From: khalilcodes <khalilali.j@gmail.com>
Date: Fri, 15 Apr 2022 13:58:05 +0300
Subject: [PATCH 4/5] refactor page to use frontmatter

---
 notes/neo-metallism.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/notes/neo-metallism.md b/notes/neo-metallism.md
index 99b7748..9ae9489 100644
--- a/notes/neo-metallism.md
+++ b/notes/neo-metallism.md
@@ -5,11 +5,14 @@ date: 2022-02-17
 image: /img/Neo-metallism_Thumb_vo3dhs.png
 description: "In this episode we examine Bitcoin and the Neo-Metallist thesis, i.e. that a gold-standard was a good idea and a Bitcoin-standard would be even better."
 youtube: https://www.youtube.com/embed/_o7pRFLzJHY
+podcast: https://anchor.fm/life-itself/episodes/Stephen-Diehl-on-Web3--Bitcoin--Neometalism-e1f5rca
+featured: false
+aliases: notes/neo-metallism.md
 ---
 
-https://www.youtube.com/watch?v=_o7pRFLzJHY&t=568s
+{/* https://www.youtube.com/watch?v=_o7pRFLzJHY&t=568s */}
 
-* Podcast: https://anchor.fm/life-itself/episodes/Stephen-Diehl-on-Web3--Bitcoin--Neometalism-e1f5rca
+{/* Podcast: https://anchor.fm/life-itself/episodes/Stephen-Diehl-on-Web3--Bitcoin--Neometalism-e1f5rca */}
 * Wiki topic: [is-digital-gold](../claims/is-digital-gold.md)
 
 ***

From 80addb5d6f027a9ce544456874e9507e2776b328 Mon Sep 17 00:00:00 2001
From: khalilcodes <khalilali.j@gmail.com>
Date: Fri, 15 Apr 2022 13:59:58 +0300
Subject: [PATCH 5/5] create template for deep dive pages

---
 templates/template.md | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 templates/template.md

diff --git a/templates/template.md b/templates/template.md
new file mode 100644
index 0000000..0aabb0e
--- /dev/null
+++ b/templates/template.md
@@ -0,0 +1,37 @@
+---
+title: Page title goes here
+date: YYYY-MM-DD (numbers only)
+description: "Description goes here and will be rendered on the page after the title"
+youtube: youtube video url
+podcast: podcast url
+image: thumbnail image for youtube
+featured: false
+created: YYYY-MM-DD (numbers only)
+aliases: claims/...
+---
+
+* wiki topic  [[editing]]
+* ...
+
+Note: All fields above are optional. Remove (or leave empty) the fields that are not in use to eliminate any errors during build.
+
+***
+
+# Episode Notes
+
+## Summary
+
+Summary content here ...
+
+## What is (topic here) ?
+
+...
+
+## Concepts Covered
+
+* [example](../concepts/(see concepts folder))
+* ...
+
+## References (if any)
+1. ...
+1. ...
\ No newline at end of file