Merge remote-tracking branch 'upstream/main' into fix-safari-layout-shift

Author: fennifith

.github/FUNDING.yml

@@ -0,0 +1 @@
+open_collective: playfulprogramming

.github/ISSUE_TEMPLATE/content-suggestion.yml

@@ -7,8 +7,8 @@ body:
   - type: markdown
     attributes:
       value: >-
-        > This is a proposed article to be written (by anyone) for Unicorn
-        Utterances. If this topic seems interesting to you and you'd like to
+        > This is a proposed article to be written (by anyone) for Playful Programming.
+        If this topic seems interesting to you and you'd like to
         write it, just leave a comment saying so and let us know what we can do
         to help.
   - type: input

.github/workflows/test.yml

@@ -22,17 +22,19 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
           node-version-file: .nvmrc
-          cache: npm
+          cache: pnpm
 
       - name: Install Dependencies
-        run: npm ci
+        run: pnpm install --frozen-lockfile --prefer-offline
 
       - name: Test
-        run: npm run test
+        run: pnpm run test
   tsc:
     env:
       CI: true
@@ -42,17 +44,19 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
           node-version-file: .nvmrc
-          cache: npm
+          cache: pnpm
 
       - name: Install Dependencies
-        run: npm ci
+        run: pnpm install --frozen-lockfile --prefer-offline
 
       - name: Check TypeScript
-        run: npm run tsc
+        run: pnpm run tsc
   lint:
     env:
       CI: true
@@ -62,14 +66,16 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
           node-version-file: .nvmrc
-          cache: npm
+          cache: pnpm
 
       - name: Install Dependencies
-        run: npm ci
+        run: pnpm install --frozen-lockfile --prefer-offline
 
       - name: Run Linting
-        run: npm run lint
+        run: pnpm run lint

.gitignore

@@ -21,5 +21,6 @@ pnpm-debug.log*
 .eslintcache
 .vercel
 .puppeteer
-
-.vercel
+
+.vercel
+.astro

.husky/pre-commit

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npx --no-install lint-staged

.nvmrc

@@ -1 +1 @@
-v18.12.1
+v18.20.0

CODE_OF_CONDUCT.md

@@ -56,7 +56,7 @@ a project may be further defined and clarified by project maintainers.
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
 reported by contacting the project team in [our Discord](https://discord.gg/FMcvc6T)
-(tag the @unicorn-umpire role, they're the admins/team members). All complaints
+(tag the @playground-protector role, they're the admins/team members). All complaints
 will be reviewed and investigated and will result in a response that
 is deemed necessary and appropriate to the circumstances. The project team is
 obligated to maintain confidentiality with regard to the reporter of an incident.

CONTRIBUTING.md

@@ -1,4 +1,4 @@
-As a community, we welcome anyone to write and submit posts to the Unicorn Utterances blog! In this document, we'll go over how to create a new post in UU and submit it as a pull request.
+As a community, we welcome anyone to write and submit posts to the Playful Programming blog! In this document, we'll go over how to create a new post in UU and submit it as a pull request.
 
 > [!NOTE]
 > For a general tutorial on contributing to a project with GitHub, you may want to go through [the First Contributions guide](https://github.com/firstcontributions/first-contributions) before continuing through this page.
@@ -8,7 +8,7 @@ Here are a few things to keep in mind while writing your post:
 - Aim to provide factual and relevant information - citing sources is encouraged!
 - Keep your content unbiased; i.e. don't advertise commercial products or services without reason.
 
-If at any point you get stuck or want to ask questions, feel free to [open an issue on GitHub](https://github.com/unicorn-utterances/unicorn-utterances/issues/new) or [reach out to us on Discord](https://discord.gg/FMcvc6T) for help!
+If at any point you get stuck or want to ask questions, feel free to [open an issue on GitHub](https://github.com/playfulprogramming/playfulprogramming/issues/new) or [reach out to us on Discord](https://discord.gg/FMcvc6T) for help!
 
 ---
 
@@ -20,7 +20,7 @@ Contents:
 
 # Creating an author profile
 
-Before creating a post, you'll need to add some information about yourself. To do this, create a new folder in [`content/`](./content/data/unicorns.json) with your username, and add an `index.md` inside it; e.g. `content/eric/index.md`.
+Before creating a post, you'll need to add some information about yourself. To do this, create a new folder in [`content/`](./content/) with your username, and add an `index.md` inside it; e.g. `content/eric/index.md`.
 
 Here's an example of what your `index.md` might look like:
 
@@ -29,12 +29,12 @@ Here's an example of what your `index.md` might look like:
 {
   // "name" should be your displayed name, however you want it
   // to appear on your posts
-  name: "Eric Utterances",
+  name: "Eric Programmer",
 
   // "firstName" and "lastName" are unfortunately needed for
   // OpenGraph tags - fill these out however you feel is appropriate
   firstName: "Eric",
-  lastName: "Utterances",
+  lastName: "Programmer",
 
   // "description" is a short bio that will be shown on your profile page
   description: "Haskell programmer, fanfiction author, and an omniscient unicorn.",
@@ -43,9 +43,9 @@ Here's an example of what your `index.md` might look like:
   // "linkedIn", "twitch", "dribbble", "mastodon", "threads", "youtube",
   // and "cohost", as well as a "website" that can be anything you want!
   socials: {
-    mastodon: "https://hachyderm.io/@UnicornUtterances",
-    github: "unicorn-utterances",
-    website: "https://unicorn-utterances.com/"
+    mastodon: "https://hachyderm.io/@playfulprogramming",
+    github: "playfulprogramming",
+    website: "https://playfulprogramming.com/"
   },
 
   // "pronouns" are optional, but encouraged to include on your profile
@@ -63,13 +63,13 @@ Here's an example of what your `index.md` might look like:
 ---
 ```
 
-> Don't want to show your real picture on the site? That's alright! We have a [myriad of custom unicorn emotes that can be used as profile pictures as well](https://github.com/unicorn-utterances/design-assets/tree/main/emotes). They're adorable, go check! 🤩
+> Don't want to show your real picture on the site? That's alright! We have a [myriad of custom unicorn emotes that can be used as profile pictures as well](https://github.com/playfulprogramming/design-assets/tree/main/emotes). They're adorable, go check! 🤩
 
 Once your profile is created, you'll be ready to proceed to the next step...
 
 # Writing a new post
 
-All posts on Unicorn Utterances live in a `content/{username}/posts/` folder - we structure this with a subfolder for each post, containing a markdown file named `index.md`. The naming of this post folder will match its URL on the site.
+All posts on Playful Programming live in a `content/{username}/posts/` folder - we structure this with a subfolder for each post, containing a markdown file named `index.md`. The naming of this post folder will match its URL on the site.
 
 > **New to Markdown?**
 >
@@ -81,7 +81,7 @@ When writing your post, you'll need to include some metadata in the frontmatter
 ---
 {
   title: "My First Post",
-  description: "This is my first post on the Unicorn Utterances site!",
+  description: "This is my first post on the Playful Programming site!",
   published: '2023-04-11',
   tags: ["meta"],
   license: 'cc-by-4'
@@ -117,7 +117,7 @@ Currently, the following creative commons licenses are supported as "license" va
 - [`'cc-by-nc-nd-4'`](https://creativecommons.org/licenses/by-nc-nd/4.0/)
 - [`'publicdomain-zero-1'`](https://creativecommons.org/publicdomain/zero/1.0/)
 
-Authors may also choose to omit the "license" property entirely. If you do this, your post will fall under the repository's [MPL 2.0](https://github.com/unicorn-utterances/unicorn-utterances/blob/main/LICENSE.md) license.
+Authors may also choose to omit the "license" property entirely. If you do this, your post will fall under the repository's [MPL 2.0](https://github.com/playfulprogramming/playfulprogramming/blob/main/LICENSE.md) license.
 
 ## Embedded Links
 
@@ -167,7 +167,7 @@ Refer to [Wikipedia: List of ISO 639-1 codes](https://en.wikipedia.org/wiki/List
 
 Once all of your changes have been made, [create a Pull Request](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request-from-a-fork) to merge your post into the site.
 
-- Open a [new Pull Request](https://github.com/unicorn-utterances/unicorn-utterances/compare) from your fork
+- Open a [new Pull Request](https://github.com/playfulprogramming/playfulprogramming/compare) from your fork
 - Check that your files are in the Pull Request, and that they're being merged into the `main` branch.
 - Create the PR and wait for a maintainer to review it.
 - Once merged, your post will be visible on the site!

README.es.md

@@ -1,25 +1,25 @@
 <p align="center">
-    <img alt="Unicorn Utterances logo" width="256" src="./src/assets/unicorn_utterances_logo_512.png"/>
+    <img alt="Playful Programming logo" width="256" src="./src/assets/playfulprogramming_logo_512.png"/>
 </p>
 <h1 align="center">
-  Página Web de Unicorn Utterances
+  Página Web de Playful Programming
 </h1>
 <div align="center">
 
 [![Unirse al chat Discord](https://badgen.net/badge/discord/Unirse%20al%20chat/7289DA?icon=discord)](https://discord.gg/FMcvc6T)
 [![Contributor Covenant v1.4 adopted](https://badgen.net/badge/Contributor%20Covenant/v1.4%20adopted/ff69b4)](CODE_OF_CONDUCT.md)
-[![Check Status](https://badgen.net/github/checks/unicorn-utterances/unicorn-utterances/?icon=github)](https://github.com/unicorn-utterances/unicorn-utterances/actions)
+[![Check Status](https://badgen.net/github/checks/playfulprogramming/playfulprogramming/?icon=github)](https://github.com/playfulprogramming/playfulprogramming/actions)
 
 </div>
 
-Este repository actúa como la ubicación del código fuente para el [blog de Unicorn Utterances](https://unicorn-utterances.com).
+Este repository actúa como la ubicación del código fuente para el [blog de Playful Programming](https://playfulprogramming.com).
 
 ## Patrocinadores
 
-<a href="https://www.thepolyglotdeveloper.com/" target="_blank" rel="noopener noreferrer sponsored"><img alt="The Polyglot Developer" src="https://unicorn-utterances.com/sponsors/the-polyglot-developer.svg" width="300"/></a>
-<a href="https://oceanbit.dev/" target="_blank" rel="noopener noreferrer sponsored"><img alt="OceanBit" src="https://unicorn-utterances.com/sponsors/oceanbit.svg" width="300"/></a>
+<a href="https://www.thepolyglotdeveloper.com/" target="_blank" rel="noopener noreferrer sponsored"><img alt="The Polyglot Developer" src="https://playfulprogramming.com/sponsors/the-polyglot-developer.svg" width="300"/></a>
+<a href="https://oceanbit.dev/" target="_blank" rel="noopener noreferrer sponsored"><img alt="OceanBit" src="https://playfulprogramming.com/sponsors/oceanbit.svg" width="300"/></a>
 
-[Reconocemos todos los patrocinios que compartimos abiertamente en GitHub](https://github.com/unicorn-utterances/unicorn-utterances/issues?q=is%3Aissue+label%3Adisclosure+is%3Aclosed)
+[Reconocemos todos los patrocinios que compartimos abiertamente en GitHub](https://github.com/playfulprogramming/playfulprogramming/issues?q=is%3Aissue+label%3Adisclosure+is%3Aclosed)
 
 ## Declaración de Ética
 
@@ -41,7 +41,7 @@ Esta guía incluye instrucciones sobre cómo agregar una nueva publicación al
 sitio, cómo editar nuestro código y cuál es nuestra estrategia de despliegues.
 
 Tén en cuenta que solicitamos a los desarrolladores que se comuniquen [a través de nuestro Discord](https://discord.gg/FMcvc6T)
-o [a través de un issue de GitHub](https://github.com/unicorn-utterances/unicorn-utterances/issues/new)
+o [a través de un issue de GitHub](https://github.com/playfulprogramming/playfulprogramming/issues/new)
 antes de que se lleve a cabo un desarrollo extensivo. Si tienes en mente una
 funcionalidad que te gustaría agregar al sitio, ¡háznoslo saber! ¡Nos encantaría hacer una lluvia de ideas antes de que empiece su desarrollo!
 

README.md

@@ -1,25 +1,25 @@
 <p align="center">
-    <img alt="Unicorn Utterances logo" width="256" src="./src/assets/unicorn_utterances_logo_512.png"/>
+    <img alt="Playful Programming logo" width="256" src="./src/assets/playfulprogramming_logo_512.png"/>
 </p>
 <h1 align="center">
-  Unicorn Utterances Website
+  Playful Programming Website
 </h1>
 <div align="center">
 
 [![Join chat on Discord](https://badgen.net/badge/discord/join%20chat/7289DA?icon=discord)](https://discord.gg/FMcvc6T)
 [![Contributor Covenant v1.4 adopted](https://badgen.net/badge/Contributor%20Covenant/v1.4%20adopted/ff69b4)](CODE_OF_CONDUCT.md)
-[![Check Status](https://badgen.net/github/checks/unicorn-utterances/unicorn-utterances/?icon=github)](https://github.com/unicorn-utterances/unicorn-utterances/actions)
+[![Check Status](https://badgen.net/github/checks/playfulprogramming/playfulprogramming/?icon=github)](https://github.com/playfulprogramming/playfulprogramming/actions)
 
 </div>
 
-This repository acts as the source code location for [the Unicorn Utterances blog](https://unicorn-utterances.com).
+This repository acts as the source code location for [the Playful Programming blog](https://playfulprogramming.com).
 
 ## Sponsors
 
-<a href="https://www.thepolyglotdeveloper.com/" target="_blank" rel="noopener noreferrer sponsored"><img alt="The Polyglot Developer" src="https://unicorn-utterances.com/sponsors/the-polyglot-developer.svg" width="300"/></a>
-<a href="https://oceanbit.dev/" target="_blank" rel="noopener noreferrer sponsored"><img alt="OceanBit" src="https://unicorn-utterances.com/sponsors/oceanbit.svg" width="300"/></a>
+<a href="https://www.thepolyglotdeveloper.com/" target="_blank" rel="noopener noreferrer sponsored"><img alt="The Polyglot Developer" src="https://playfulprogramming.com/sponsors/the-polyglot-developer.svg" width="300"/></a>
+<a href="https://oceanbit.dev/" target="_blank" rel="noopener noreferrer sponsored"><img alt="OceanBit" src="https://playfulprogramming.com/sponsors/oceanbit.svg" width="300"/></a>
 
-[We disclose every sponsorship we share openly on GitHub](https://github.com/unicorn-utterances/unicorn-utterances/issues?q=is%3Aissue+label%3Adisclosure+is%3Aclosed)
+[We disclose every sponsorship we share openly on GitHub](https://github.com/playfulprogramming/playfulprogramming/issues?q=is%3Aissue+label%3Adisclosure+is%3Aclosed)
 
 ## Statement of Ethics
 
@@ -38,7 +38,7 @@ are going towards and what will be done in exchange.
 
 We highly encourage and celebrate others contributing to our site and our community! We've written [a comprehensive guide on how to do so here](./CONTRIBUTING.md). This guide includes instructions for how to add a new post to the site, how to edit our code, and what our deployment strategy is.
 
-Keep in mind that we request developers reach out [via our Discord](https://discord.gg/FMcvc6T) or [via GitHub issue](https://github.com/unicorn-utterances/unicorn-utterances/issues/new) before extensive development is pursued. If you have a feature you'd like to add to the site, let us know! We'd love to do some brainstorming before coding begins!
+Keep in mind that we request developers reach out [via our Discord](https://discord.gg/FMcvc6T) or [via GitHub issue](https://github.com/playfulprogramming/playfulprogramming/issues/new) before extensive development is pursued. If you have a feature you'd like to add to the site, let us know! We'd love to do some brainstorming before coding begins!
 
 We extend this invitation to those who may be unfamiliar with our processes. Be sure to check out [our CONTRIBUTING.md](./CONTRIBUTING.md) file first, but don't be afraid to join in and ask questions if you're uncertain of anything