diff --git a/content/.DS_Store b/content/.DS_Store
index 5a270e0..cd25112 100644
Binary files a/content/.DS_Store and b/content/.DS_Store differ
diff --git a/content/emails-olavea/2021/12/21-data-model/data-relationships-1-w51-2021.png b/content/emails-olavea/2021/12/21-data-model/data-relationships-1-w51-2021.png
new file mode 100644
index 0000000..abad5e1
Binary files /dev/null and b/content/emails-olavea/2021/12/21-data-model/data-relationships-1-w51-2021.png differ
diff --git a/content/emails-olavea/2021/12/21-data-model/index.md b/content/emails-olavea/2021/12/21-data-model/index.md
new file mode 100644
index 0000000..b44feb1
--- /dev/null
+++ b/content/emails-olavea/2021/12/21-data-model/index.md
@@ -0,0 +1,111 @@
+---
+title: Create data relationship between TAGS and Lillian's photos of projects
+---
+
+## My Skill Building Session:
+
+
+
+## What did I do?
+
+Create data relationship between TAGS and Lillian's photos of projects.
+
+## Why did I do it?
+
+To make it easier for Lillian to ship her projects to friends.
+
+## How did I do it?
+
+**The Plan**
+
+S - See: `toppings` are not on `pizzas` in GraphQL
+A - Array: Add `array` to pizza.js in Sanity
+
+N - Nodes: `toppings` are now on `pizzas` in GraphQL
+
+Look at these steps later:
+
+I - Into my webapp with GraphQL
+
+T - Treasure: TBD
+Y - Yeah: Toppings can be linked in my web app after copy-pasting some Wes Bos wizardry.
+
+## The Steps
+
+### S - See: `toppings` are not on `pizzas` in GraphQL or in GraphiQL
+
+```js
+// ToppingsFilter.js
+// How do I get a list of all the pizzas with their toppings?
+const { pizzas } = useStaticQuery(graphql`
+ query {
+ pizzas: allSanityPizza {
+ nodes {
+ // ποΈ Look no "toppings" here π
+ id
+ }
+ slug {
+ current
+ }
+ }
+ }
+}`);
+```
+
+### A - Array: Add `array` to pizza.js in Sanity
+
+I added this code to my pizza.js. in Sanity
+
+```js
+// schemas/pizza.js
+ {
+ name: 'toppings',
+ title: 'Toppings and Tools and Tags of Pirate Princess Lillian (6 π΄ββ οΈπΈ)',
+ type: 'array',
+ of: [{ type: 'reference', to: [{ type: 'topping' }] }],
+ }
+```
+
+### N - Nodes: `toppings` are now on `pizzas` in GraphQL
+
+I looked in my GraphiQL and copy-pasted the new query into ToppingsFilter.js
+
+```js
+// Rubys-TimeShip/src/components/ToppingsFilter.js
+// This is how do I get a list of all the Pizzas with their toppings!
+const { pizzas } = useStaticQuery(graphql`
+ query {
+ pizzas: allSanityPizza {
+ nodes {
+ toppings {
+ name
+ id
+ }
+ slug {
+ current
+ }
+ id
+ }
+ }
+ }
+`);
+```
+
+And that's enough steps for this week!
+
+Pirate Princess Lillian joined me at the beginning of Sunday's [skill building session on youtube](https://youtu.be/ix_0vrwQnWk).
+
+If you would like to see how the web app will look in the end [jump to the 20 minute mark](https://youtu.be/ix_0vrwQnWk?t=1200).
+
+πͺπΊπ
+Keep your skill-building-submarine afloat this week!
+β΅π§π΄ββ οΈ
+
+
+Cap'n Ola Vea
+
+
+**PS:** If you feel like doing me a favour give me a smiley emoji comment to feed my youtube algo some vitamins.
+
+- [The web app I am working on](https://timeship1.gatsbyjs.io/pizzas/)
+- [Direct link to the 20 minute mark in Sunday's OlaCast on YouTube](https://youtu.be/ix_0vrwQnWk?t=1200)
diff --git a/content/emails-olavea/2022/01/04-tag-pages/index.md b/content/emails-olavea/2022/01/04-tag-pages/index.md
new file mode 100644
index 0000000..d2cb5b6
--- /dev/null
+++ b/content/emails-olavea/2022/01/04-tag-pages/index.md
@@ -0,0 +1,30 @@
+---
+title: Programatically create pages for tags from Sanity.io
+---
+
+## My Sunday Skill Builder Session:
+
+
+
+## What did I do?
+
+I followed the "red string" of one tag from the front end of the web app and all the way back to my backend in sanity.io.
+
+## Why did I do it?
+
+I want to use tags in a way that make it easier for Lillian (7 π΄ββ οΈπΈ) to finish her projects by shipping them to the internet β and then archiving her projects on my labyrinthine loft because it is good for skill-building to finish projects.
+
+## How did I do it?
+
+See this two-minute summary where I followed the "red string" of one tag from the frontend of the web app and all the way back to my backend in sanity.io.
+
+[Ola follows the "red string" near the end of π΄ββ οΈ OlaCast: Sunday Skill Builder Session](https://youtu.be/ix_0vrwQnWk?t=1200)
+
+If you feel like doing me a favor, you can give me a π΄ββ οΈ emoji comment to feed my youtube algos some vitamins.
+
+πͺπΊπ
+Keep your skill-building-submarine afloat this week!
+π§β΅π΄ββ οΈ
+
+
+Cap'n Ola Vea
diff --git a/content/emails-olavea/2022/01/04-tag-pages/tags-on-a-pink-card-from-twitter-smaller.png b/content/emails-olavea/2022/01/04-tag-pages/tags-on-a-pink-card-from-twitter-smaller.png
new file mode 100644
index 0000000..b3d663d
Binary files /dev/null and b/content/emails-olavea/2022/01/04-tag-pages/tags-on-a-pink-card-from-twitter-smaller.png differ
diff --git a/content/emails-olavea/2022/01/12-minimal-doable-task/index.md b/content/emails-olavea/2022/01/12-minimal-doable-task/index.md
new file mode 100644
index 0000000..4b50da3
--- /dev/null
+++ b/content/emails-olavea/2022/01/12-minimal-doable-task/index.md
@@ -0,0 +1,32 @@
+---
+title: Minimal-doable-task
+---
+
+## My Sunday Skill Builder Session:
+
+I made a minimal-doable-task π§ββοΈ
+
+
+
+## What did I do?
+
+I deconstructed a task into a minimal-doable-task
+
+## Why did I do it?
+
+I wanted my task to be tiny, so that I could automate it in my skull, by doing it again and again. Automating it in my skull is skill building.
+
+## How did I do it?
+
+I wrote down the two smallest tasks i did this week. I picked the smallest task, cut it in half. I picked one half. I cut my half-task in 3. Now I have a Taskerbell-Task.
+
+
+πͺπΊπ
+Keep your skill-building-submarine afloat this week!
+β΅π§π΄ββ οΈ
+
+
+Cap'n Ola Vea
+
+
+**PS:** Sunday's #OlaCast is rescheduled for 11:30 CET where you get to see my [minimal-doable-task in action](https://youtu.be/4fQj3YNKYoQ).
diff --git a/content/emails-olavea/2022/01/12-minimal-doable-task/skill-builder-w2-2022-ship-it.png b/content/emails-olavea/2022/01/12-minimal-doable-task/skill-builder-w2-2022-ship-it.png
new file mode 100644
index 0000000..a9111af
Binary files /dev/null and b/content/emails-olavea/2022/01/12-minimal-doable-task/skill-builder-w2-2022-ship-it.png differ
diff --git a/content/emails-olavea/2022/01/18-free-focus/index.md b/content/emails-olavea/2022/01/18-free-focus/index.md
new file mode 100644
index 0000000..6e4ad08
--- /dev/null
+++ b/content/emails-olavea/2022/01/18-free-focus/index.md
@@ -0,0 +1,64 @@
+---
+title: How did I free up my mind to focus on ONE coding step at the time? While live coding, late at night.
+---
+
+## My Sunday Skill Builder Sessions:
+
+This Sunday, I did 2 live Skill-Builder-Sessions, and the second was terrible! π
+
+I knew it when waking up, so I prepared. I needed to prepare to keep myself un-distracted even when tired.
+
+My daily morning Skill-Builder-Session went well because my mind is fresh, alone, and un-distracted up in my labyrinthine loft. Just my code, my coffee, and I.
+
+But my second Skill-Builder-Session would be worse because live coding is distracting. You know, making sure video and audio are ok. And comments, putting them on screen, reading them out loud, removing them from the screen. And then my own talking, getting carried away into a story, for example. Distracting. But smooth sailing compared to later, in the dark and stormy night.
+
+However, the terrible third session would find me physically and mentally tired for four reasons.
+
+1. 08:00 PM is LATE for me. Most normal days, I am literally in bed reading a book about heroes in ancient Greece.
+
+2. No coffee. For many hours.
+
+3. I would have come straight up from a great-tasting but rich fish dinner cooked by the Queen herself.
+
+4. Before the dinner, I would have come straight in from bicycling Lillian (7 π΄ββ οΈπΈ) to the wintry woods. Bicycling around after the skiing Pirate Princess between the ski tracks under snow-laden branches and bicycling back home on icy and car-filled roads. Lovely, but tiring.
+
+So I knew I'd be tired and distracted. How did I prepare to free up my mind to focus on only one coding step at the time?
+
+
+
+## What did I do?
+
+I used an acronym to name the steps of my task. I wrote Β«iACTiONSΒ» on paper.
+
+## Why did I do it?
+
+Looking over at Β«iACTiONSΒ» freed up my mind to focus on doing each step. Like i. id.
+
+## How did I do it?
+
+I wrote down the Β«iACTiONSΒ» on paper like this:
+
+i. id
+A. actions
+C. contentDigest
+T. type
+i. internal: {
+O. (OLA_TUBE_ID)
+N. node
+S. singing
+
+Every time I got distracted, I could take a quick look at my paper. But because I KNEW my paper was there, I relaxed and stayed focused enough to remember that I was on Β«T. typeΒ» and get back to coding. I remember this happening several times πͺπΊ.
+
+
+πͺπΊπ
+Keep your skill-building-ship afloat this week!
+β΅π§π΄ββ οΈ
+
+
+Ola Vea
+Cap'n of his own skill-builder-ship
+
+
+**PS:** Here is the video of my late-night live Skill-Builder-Session [starting at 5 minutes](https://youtu.be/_ZLxiOfhIi8?t=329) when I start coding from Β«i. idΒ» If you watch for 1 minute, you will see gorgeous Giggles-the-pug in the video of the id I am using. Giggles is one of Sid's two dogs. Sid, formerly at Gatsby, now at Cloudflare.
+
+**PPS:** You can find my cheat sheet for the live coding [this GitHub issue] (https://github.com/olavea/Rubys-TimeShip/issues/8).
diff --git a/content/emails-olavea/2022/01/18-free-focus/skill-builder-w3-2022.png b/content/emails-olavea/2022/01/18-free-focus/skill-builder-w3-2022.png
new file mode 100644
index 0000000..692774f
Binary files /dev/null and b/content/emails-olavea/2022/01/18-free-focus/skill-builder-w3-2022.png differ
diff --git a/content/emails-olavea/2022/01/25-wrong/OlaCast-14-POW-Day-1-WRONG-26.jpeg b/content/emails-olavea/2022/01/25-wrong/OlaCast-14-POW-Day-1-WRONG-26.jpeg
new file mode 100644
index 0000000..64a488c
Binary files /dev/null and b/content/emails-olavea/2022/01/25-wrong/OlaCast-14-POW-Day-1-WRONG-26.jpeg differ
diff --git a/content/emails-olavea/2022/01/25-wrong/index.md b/content/emails-olavea/2022/01/25-wrong/index.md
new file mode 100644
index 0000000..b1a508d
--- /dev/null
+++ b/content/emails-olavea/2022/01/25-wrong/index.md
@@ -0,0 +1,30 @@
+---
+title: This Sunday's Skill-Builder-Session went WRONG!
+---
+
+
+
+## My Sunday Skill Builder Session:
+
+This Sunday, I was only supposed to prepare 1 node and get data later. What went wrong?
+
+## What did I do?
+
+I prepared 1 node.
+
+## Why did I do it?
+
+I did just a tiiiny task again. So that I automate it in my brain. (That rhymes, when I say it at least... πͺπΊ)
+
+## How did I do it (WRONG)?
+
+I kept on coding further. For 2 more hours! Live on youtube. What was I thinking?
+
+
+πͺπΊπ
+Keep your skill-building-ship afloat this week!
+β΅π§π΄ββ οΈ
+
+
+Ola Vea
+Cap'n of his own skill-builder-ship
diff --git a/content/emails-olavea/2022/01/31-image-file/imageFile-1.jpeg b/content/emails-olavea/2022/01/31-image-file/imageFile-1.jpeg
new file mode 100644
index 0000000..d2829da
Binary files /dev/null and b/content/emails-olavea/2022/01/31-image-file/imageFile-1.jpeg differ
diff --git a/content/emails-olavea/2022/01/31-image-file/index.md b/content/emails-olavea/2022/01/31-image-file/index.md
new file mode 100644
index 0000000..f58c172
--- /dev/null
+++ b/content/emails-olavea/2022/01/31-image-file/index.md
@@ -0,0 +1,55 @@
+---
+title: I created an image file with createRemoteFileNode
+---
+
+
+
+## My Sunday Skill Builder Session:
+
+This Sunday, I created an image file with createRemoteFileNode
+
+## What did I do?
+
+I created an image file to use inside my node
+
+## Why did I do it?
+
+I wanted to use some Gatsby Image trickery on the thumbnail in our youtube data πͺπΊ. Therefore I downloaded the thumbnail into my data layer. At least, that is how I see it.
+
+## How did I do it?
+
+The short version:
+
+```js
+// POW!-website plugins / local - source - youtube / gatsby - node.js;
+const { createRemoteFileNode } = require("gatsby-source-filesystem");
+
+const youTubeNodeId = createNodeId(`you-tube-${id}`);
+
+const imageFile = await createRemoteFileNode({
+ url: embedData.thumbnail_url,
+ parentNodeId: youTubeNodeId,
+ getCache,
+ createNode,
+ createNodeId,
+});
+```
+
+And then, I use my image file inside my node like this.
+
+```js
+createNode({
+ thumnail___NODE: imageFile.id,
+});
+```
+
+For the longer version, watch [Sunday's OlaCast on YouTube](https://youtu.be/LQ2DRJbG8FY)
+
+
+πͺπΊπ
+Keep your skill-building-ship afloat this week!
+β΅π§π΄ββ οΈ
+
+
+Ola Vea
+Cap'n of his own skill-builder-ship
diff --git a/content/emails-olavea/2022/02/08-markdown-slug/index.md b/content/emails-olavea/2022/02/08-markdown-slug/index.md
new file mode 100644
index 0000000..791de8b
--- /dev/null
+++ b/content/emails-olavea/2022/02/08-markdown-slug/index.md
@@ -0,0 +1,71 @@
+---
+title: Ola adds a slug field to his homemade markdown node
+---
+
+## My Sunday Skill Builder Session:
+
+This Sunday, I added a slug field to my homemade markdown node π
+
+## What did I do?
+
+I added a slug field to my homemade markdown node with createNodeField from the onCreateNode hook.
+
+## Why did I do it?
+
+I need that slug to add support for a basic content section to create Markdown marketing pages with sections for Queen @raae's usepow.app.
+
+## How did I do it?
+
+Short version:
+
+```js
+// POW!-website / gatsby - node.js;
+async function slugifyMarkdownRemarkNode({ actions, node, getNode }) {
+ const { createNodeField } = actions;
+ if (node.internal.type === "MarkdownRemark") {
+ const slug = createFilePath({ node, getNode });
+ createNodeField({
+ name: "slug",
+ node,
+ value: slug,
+ });
+ }
+}
+
+exports.onCreateNode = async (gatsbyUtils) => {
+ await Promise.all([slugifyMarkdownRemarkNode(gatsbyUtils)]);
+};
+```
+
+Cheat Sheet:
+
+```js
+// POW!-site/gatsby-node.js
+async function slugifyMarkdownRemarkNode({ actions, node, getNode }) {
+ // π¨π°π
+ con
+ // my md type of node ... internal
+ if ( ) {
+ // π = π¨ + π + π’ ({ node, getNode })
+ con
+ // π¨π°π ({ π, π°, π })
+ cre
+ na
+ no
+ va
+ })
+ }
+};
+```
+
+If you can guess what one of the emojis mean, reply to this email πΊπ
+
+Long version: [Sunday's OlaCast on YouTube](https://youtu.be/otRx6U5zASw)
+
+
+πͺπΊπ
+Keep your skill-builder-ship afloat this week!
+β΅π§π΄ββ οΈ
+
+Ola Vea
+Cap'n of his own skill-builder-ship
diff --git a/content/emails-olavea/2022/02/15-markdown/index.md b/content/emails-olavea/2022/02/15-markdown/index.md
new file mode 100644
index 0000000..02e6bf8
--- /dev/null
+++ b/content/emails-olavea/2022/02/15-markdown/index.md
@@ -0,0 +1,148 @@
+---
+title: I created a Link with markdown on our POW!-website
+---
+
+## My Sunday Skill Builder Session:
+
+This Sunday, I created a `Link` with markdown on our POW!-website.
+
+## What did I do?
+
+I created a `Link` with markdown.
+
+## Why did I do it?
+
+I want to use markdown as my Content Management System (CMS) because it's my favorite CMS and Queen Raae told me to use markdown.
+
+## How did I do it?
+
+I started out on my L.O.V.E. acronym.
+
+`L.` Link and path and label
+`O.` Open up in GraphiQL
+`V.` Variable
+`E.` Evol is love backward, no just kidding. I will do Β«E. EmptyΒ» on this Sunday's Skill Builder Session.
+
+### L.
+
+Link and path and label
+
+```js
+// POW!-website / pages / {MarkdownRemark.fields__slug}.js
+{}
+
+// POW!-website / content / index / index.md
+
+---
+....
+ cta:
+ path: /signup
+ label: Yes to privacy
+---
+....
+```
+
+### O.
+
+Open up in GraphiQL
+
+```js
+// POW!-website / pages / {MarkdownRemark.fields__slug}.js
+export const query = graphql`
+ query ($id: String) {
+ markdownRemark(id: { eq: $id }) {
+ frontmatter {
+ sections {
+ cta {
+ path
+ label
+ }
+ }
+ }
+ }
+ }
+`;
+```
+
+### V.
+
+First I make the variable:
+
+```js
+// POW!-website / pages / {MarkdownRemark.fields__slug}.js
+const { path, label } = section.cta;
+```
+
+Then I use the variable:
+
+```js
+{label}
+```
+
+```js
+// POW!-website / pages / {MarkdownRemark.fields__slug}.js
+import React from "react";
+import { graphql, Link } from "gatsby";
+
+const ComponentName = ({ data }) => {
+ const { frontmatter, html } = data.markdownRemark;
+ const { title, sections } = frontmatter;
+
+ return (
+ <>
+