Merge pull request #176 from davidwesst/rc/10.3-tags

RC/v10.3 - Tags
davidwesst · Dec 19, 2022 · 1ae5838 · 1ae5838
2 parents 3c03763 + 55d3183
commit 1ae5838
Show file tree

Hide file tree

Showing 143 changed files with 1,838 additions and 1,216 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,7 @@
 # Application Specific
 dist/
 tmp/
+src/_data/content-tags.json
 !src/blog/**
 !src/blog/blog.11tydata.json
 

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,14 @@
 # Changelog
 This a log of all the notable changes for [davidwesst.com](https://www.davidwesst.com/). You can find the source code on [GitHub](https://github.com/davidwesst/website).
 
+## [10.3.0] - 2022-12-19
+### Added
+- Content tag pages to show all blog posts with the same tag ([#148](https://github.com/davidwesst/website/148))
+- Tags to HTML head using `og:article:tag` namespace from Open Graph protocol ([#169](https://github.com/davidwesst/169))
+
+### Changes
+- Normalized tags in all existing blog posts ([#172](https://github.com/davidwesst/website/172))
+
 ## [10.2.1] - 2022-12-07
 ### Changes
 - Updated method which `crosspost-wd.js` adds files to git to provide more consistency.

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "dw-website",
   "private": true,
   "description": "The personal and somewhat professional website for David Wesst, a.k.a. DW, a.k.a. Wessty.",
-  "version": "10.2.1",
+  "version": "10.3.0",
   "author": "David Wesst <[email protected]>",
   "homepage": "https://github.com/davidwesst/website#readme",
   "license": "MIT",
@@ -14,18 +14,19 @@
     "node": "^16"
   },
   "scripts": {
-    "prebuild": "npm run clean",
+    "prebuild": "concurrently 'npm run clean' 'npm run generate-tags'",
     "build": "concurrently 'npm:build:*'",
     "build:eleventy": "eleventy",
     "build:assets": "webpack",
     "debug:build": "DEBUG=Eleventy* eleventy",
     "clean": "rimraf ./dist/*",
     "crosspost:wd": "./tools/crosspost-wd.js",
-    "predev": "npm run clean",
+    "predev": "concurrently 'npm run clean' 'npm run generate-tags'",
     "dev": "concurrently --kill-others 'npm:dev:*'",
     "dev:eleventy": "eleventy --serve",
     "dev:webpack": "webpack --watch",
     "debug:eleventy": "DEBUG=Eleventy* eleventy",
+    "generate-tags": "./tools/tag-helper.js 'src/blog' 'src/_data/content-tags.json'",
     "prestart": "npm run build",
     "start": "swa start --output-location ./dist --swa-config-location ./",
     "test:workflow": "./bin/act -j build_and_deploy"

diff --git a/src/_includes/components/blog-item.html b/src/_includes/components/blog-item.html
@@ -10,11 +10,11 @@
     <p>
         {{ post.data.description }}
     </p>
-    <ul class="tags">
+    <menu class="tags">
     {% for t in post.data.tags %}
         {% if t != 'blog' %}
-        <li>{{ t }}</li>
+        <li><a href="/tags/{{ t | slug }}/">{{ t }}</a></li>
         {% endif %}
     {% endfor %}
-    </ul>
+    </menu>
 </li>
diff --git a/src/_layouts/base.html b/src/_layouts/base.html
@@ -23,9 +23,12 @@
         <meta name="url" property="og:url" content="{{ page_url | url }}" />
         <meta name="description" property="og:description" content="{{ description }}" />
         {% if page_type == "article" %}
-        <meta name="author" property="article:author" content="{{ site.author }}" />
-        <meta name="published_time" property="article:published_time" content="{{ date }}" />
-        <meta name="publish_time" property="article:publish_date" content="{{ date }}" />
+        <meta name="author" property="og:article:author" content="{{ site.author }}" />
+        <meta name="published_time" property="og:article:published_time" content="{{ date }}" />
+        <meta name="publish_time" property="og:article:publish_date" content="{{ date }}" />
+        {% for tag in tags %}
+        <meta name="tag" property="og:article:tag" content="{{ tag }}" />
+        {% endfor %}
         {% endif %}
         {% if image %}
 		{% capture page_image %}

diff --git a/src/blog/a-solo-gamejam-experience-ld47/index.md b/src/blog/a-solo-gamejam-experience-ld47/index.md
@@ -1,13 +1,15 @@
----
-title: "A Solo Gamejam Experience | A Ludum Dare 47 Story"
-date: "2020-10-23T09:00:00"
-tags:
-    - ludum dare
-    - game development
-    - game design
-    - gamejam
-social_image: New_Ludum_Dare_Logo.png
----
+---
+
+title: A Solo Gamejam Experience | A Ludum Dare 47 Story
+date: 2020-10-23T09:00:00.000Z
+tags:
+  - ludum-dare
+  - game-development
+  - game-design
+  - gamejam
+social_image: New_Ludum_Dare_Logo.png
+
+---
 
 I submitted a game to [Ludum Dare 47](https://ldjam.com/events/ludum-dare/47/out-the-door) I call [Out the Door (Play Now in your Browser)](https://davidwesst.itch.io/out-the-door) as a solo, amateur game developer with a non-gamedev day job, family responsibilities, and household to maintain. 
 

diff --git a/src/blog/advent-of-code-2021-day-01/index.md b/src/blog/advent-of-code-2021-day-01/index.md
@@ -1,12 +1,15 @@
 ---
+
 title: "Advent of Code 2021: Day 1"
-date: "2021-12-01T23:59:00-06:00"
+date: 2021-12-01T23:59:00-06:00
 tags:
-- advent of code
-- javascript
-- nodejs
-social_image: "./first-star-tweet.jpeg"
-description: "My initial thoughts after completing the first day of my first journey into the Advent of Code"
+  - advent-of-code
+  - javascript
+  - nodejs
+social_image: ./first-star-tweet.jpeg
+description: My initial thoughts after completing the first day of my first
+  journey into the Advent of Code
+
 ---
 I decided to try and participate in the [Advent of Code](https://adventofcode.com/) this year. This is my experience for Day 1.
 

diff --git a/src/blog/always-use-node-even-on-non-node-projects/index.md b/src/blog/always-use-node-even-on-non-node-projects/index.md
@@ -1,13 +1,17 @@
----
-title: Always Use Node (Even on Non-Node Projects)
-tags:
-  - code
-  - npm
-  - nodejs
-date: "2014-10-09T22:09:12"
-social_image: node-logo.png
-description: "That's right. I said it: Always use Node, no matter what! Even if your server isn't going to be a Node server, just have it installed because you'll use it."
----
+---
+
+title: Always Use Node (Even on Non-Node Projects)
+tags:
+  - code
+  - npm
+  - nodejs
+date: 2014-10-09T22:09:12
+social_image: node-logo.png
+description: "That's right. I said it: Always use Node, no matter what! Even if
+  your server isn't going to be a Node server, just have it installed because
+  you'll use it."
+
+---
 
 That's right. I said it: Always use Node, no matter what! Even if your server isn't going to be a Node server, just have it installed because you'll use it.
 

diff --git a/src/blog/answering-the-question-when-will-ie-support-that-html-feature/index.md b/src/blog/answering-the-question-when-will-ie-support-that-html-feature/index.md
@@ -1,12 +1,15 @@
----
-title: 'Answering the question: When will IE support that HTML feature?'
-tags:
-    - internet explorer
-    - html5
-date: "2014-04-03T00:43:43"
-description: "Tired of waiting to hear from Microsoft on whether or not IE will support the latest HTML5 feature?"
-social_image: status_modern_ie_screenshot-2.png
----
+---
+
+title: "Answering the question: When will IE support that HTML feature?"
+tags:
+  - internet-explorer
+  - html5
+date: 2014-04-03T00:43:43
+description: Tired of waiting to hear from Microsoft on whether or not IE will
+  support the latest HTML5 feature?
+social_image: status_modern_ie_screenshot-2.png
+
+---
 
 Tired of waiting to hear from Microsoft on whether or not IE will support the latest HTML5 feature?
 

diff --git a/src/blog/azure-static-web-apps-are-fine-just-not-great/index.md b/src/blog/azure-static-web-apps-are-fine-just-not-great/index.md
@@ -1,15 +1,19 @@
 ---
 
 title: Azure Static Web Apps (SWA) are fine, just not great
-date: "2022-10-12T12:00:00"
+date: 2022-10-12T12:00:00
 tags:
-- azure
-- azure static web apps
-- azure dns
-- azure front door
-- azure cdn
-- azure functions
-description: "Azure Static Web Apps feel like a good idea, but in practice I struggled with understanding what the product is trying to be. This post documents my experience working with SWAs on a few projects, namely this website, along with the problems and workarounds/solutions I found to those problems."
+  - azure
+  - azure-static-web-apps
+  - azure-dns
+  - azure-front-door
+  - azure-cdn
+  - azure-functions
+description: Azure Static Web Apps feel like a good idea, but in practice I
+  struggled with understanding what the product is trying to be. This post
+  documents my experience working with SWAs on a few projects, namely this
+  website, along with the problems and workarounds/solutions I found to those
+  problems.
 
 ---
 

diff --git a/src/blog/back-to-basics-the-text-editor/index.md b/src/blog/back-to-basics-the-text-editor/index.md
@@ -1,11 +1,13 @@
----
-title: 'Back to Basics: The Text Editor'
-tags:
-  - vim
-  - sublime text
-  - notepad++
-date: "2014-04-24T03:38:50"
----
+---
+
+title: "Back to Basics: The Text Editor"
+tags:
+  - vim
+  - sublime-text
+  - notepad++
+date: 2014-04-24T03:38:50
+
+---
 
 [1]: sublimetext.png
 [2]: notepadpp.png

diff --git a/src/blog/build-2014-cool-stuff-day-1/index.md b/src/blog/build-2014-cool-stuff-day-1/index.md
@@ -1,12 +1,15 @@
----
-title: BUILD 2014 Cool Stuff - Day 1
-tags:
-    - build
-    - build conference
-social_image: microsoft-build.jpg
-date: "2014-04-03T05:26:56"
-description: "I haven't been to BUILD, but I always follow it as Microsoft makes a bunch of really cool announcements throughout that pump me up."
----
+---
+
+title: BUILD 2014 Cool Stuff - Day 1
+tags:
+  - build
+  - build-conference
+social_image: microsoft-build.jpg
+date: 2014-04-03T05:26:56
+description: I haven't been to BUILD, but I always follow it as Microsoft makes
+  a bunch of really cool announcements throughout that pump me up.
+
+---
 
 [1]: microsoft-build.jpg
 

diff --git a/src/blog/can-asp-net-become-the-next-node-js/index.md b/src/blog/can-asp-net-become-the-next-node-js/index.md
@@ -1,14 +1,19 @@
----
-title: Can ASP.NET Become the Next Node.JS?
-tags:
-  - javascript
-  - thoughts
-  - nodejs
-  - asp.net
-social_image: aspnetthenewnodejs.png
-date: "2014-11-14T17:49:49"
-description: "I realize how crazy that sounds, but after yesterday's keynote from Microsoft at the VS Connect event in New York, I'm wondering if my goal to find a true cross-platform technology is sitting back at base camp just...leveling up."
----
+---
+
+title: Can ASP.NET Become the Next Node.JS?
+tags:
+  - javascript
+  - thoughts
+  - nodejs
+  - asp.net
+social_image: aspnetthenewnodejs.png
+date: 2014-11-14T17:49:49
+description: I realize how crazy that sounds, but after yesterday's keynote from
+  Microsoft at the VS Connect event in New York, I'm wondering if my goal to
+  find a true cross-platform technology is sitting back at base camp
+  just...leveling up.
+
+---
 
 [1]: aspnetthenewnodejs.png
 

diff --git a/src/blog/capturing-https-traffic-in-java-with-eclipse-and-fiddler/index.md b/src/blog/capturing-https-traffic-in-java-with-eclipse-and-fiddler/index.md
@@ -1,12 +1,14 @@
----
-title: 'Capture HTTPS Traffic in Java with Eclipse, and Fiddler'
-tags:
-  - eclipse
-  - fiddler
-  - https
-  - java
-date: "2015-10-07T09:41:35"
----
+---
+
+title: Capture HTTPS Traffic in Java with Eclipse, and Fiddler
+tags:
+  - eclipse
+  - fiddler
+  - https
+  - java
+date: 2015-10-07T09:41:35
+
+---
 I&#39;ve been struggling with a JSON parsing error where my application is using the Spring to send and receive messages from a RESTful Web Service. It&#39;s pretty straight forward: I&#39;ve annotated my object properties to match up with the appropriate JSON keys, Spring takes my POJO and turns it into a JSON string sends the request along with the JSON as the body to the HTTPS endpoint, et voilà!  
 <!-- more -->
 

diff --git a/src/blog/code-the-visual-studio-for-everybody/index.md b/src/blog/code-the-visual-studio-for-everybody/index.md
@@ -1,11 +1,16 @@
----
-title: Code - The Visual Studio for Everybody
-tags:
-  - Visual Studio Code
-  - Presentations
-date: "2015-12-07T12:13:06"
-description: "Last week I delivered three presentations: one at the Winnipeg .NET User Group and the other two at Winnipeg Code Camp. Being as awesome as we are, the user group presentation was recorded and has been published on the YouTube page."
----
+---
+
+title: Code - The Visual Studio for Everybody
+tags:
+  - visual-studio-code
+  - presentations
+date: 2015-12-07T12:13:06
+description: "Last week I delivered three presentations: one at the Winnipeg
+  .NET User Group and the other two at Winnipeg Code Camp. Being as awesome as
+  we are, the user group presentation was recorded and has been published on the
+  YouTube page."
+
+---
 
 Last week I delivered three presentations: one at the [Winnipeg .NET User Group](http://winnipegdotnet.org/) and the other two at [Winnipeg Code Camp](http://winnipegcodecamp.com/). Being as awesome as we are, the user group presentation was recorded and has been published on the YouTube page.
 

diff --git a/src/blog/conference-recap-extravaganza/index.md b/src/blog/conference-recap-extravaganza/index.md
@@ -1,12 +1,14 @@
----
-title: "Conference recap extravaganza!"
-date: "2015-06-11T20:09:05"
-tags:
-- conference
-- prdc
-- prairie dev con
-- healthcare
----
+---
+
+title: Conference recap extravaganza!
+date: 2015-06-11T20:09:05
+tags:
+  - conference
+  - prdc
+  - prairie-dev-con
+  - healthcare
+
+---
 
 I've been head down preparing and delivering presentations all over the place for the past few weeks, and wanted to share the latest happenings, along with where you can get your hands on the material if you weren't able to attend.