chore: update opencollective link

crutchcorn · crutchcorn · commit 65d6c8babf00 · 2024-08-10T16:00:59.000-06:00
diff --git a/content/crutchcorn/collections/react-beyond-the-render/posts/what-are-react-server-actions/index.md b/content/crutchcorn/collections/react-beyond-the-render/posts/what-are-react-server-actions/index.md
@@ -101,7 +101,7 @@ In short; React Server Actions are a way to call server-side code in React's cli
 
 However, to pass a function from a server component down to the client we must designate our functions we want to pass with a special boundary string.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # What is `"use server"`?
 
diff --git a/content/crutchcorn/collections/react-beyond-the-render/posts/what-are-react-server-components/index.md b/content/crutchcorn/collections/react-beyond-the-render/posts/what-are-react-server-components/index.md
@@ -56,7 +56,7 @@ Here, we can see that `<ProfilePicture>`, `<Dashboard/>`, and all of their child
 
 > Keep in mind, client-components will still pre-generate HTML on the server by default. The difference here is that the client re-initialization is now informed by the VDOM constructed on the server, allowing for drastically reduced required execution.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # What is `"use client"`?
 
diff --git a/content/crutchcorn/collections/react-beyond-the-render/posts/what-is-react-suspense-and-async-rendering/index.md b/content/crutchcorn/collections/react-beyond-the-render/posts/what-is-react-suspense-and-async-rendering/index.md
@@ -77,7 +77,7 @@ Now React will treat the `result` as if it were not a promise, so that you can a
 > - Refetching with new inputs
 > - Abort signals to avoid timing issues
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # What is the `<Suspense>` component?
 
diff --git a/content/crutchcorn/collections/react-beyond-the-render/posts/what-is-reactivity/index.md b/content/crutchcorn/collections/react-beyond-the-render/posts/what-is-reactivity/index.md
@@ -71,7 +71,7 @@ Then we can add in the required JavaScript to make the button functional:
 
 <iframe data-frame-title="Example #1 - StackBlitz" src="pfp-code:./step1-code?template=node&embed=1&file=index.html" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Adding a List
 
diff --git a/content/crutchcorn/collections/react-beyond-the-render/posts/what-is-reconciliation-and-the-vdom/index.md b/content/crutchcorn/collections/react-beyond-the-render/posts/what-is-reconciliation-and-the-vdom/index.md
@@ -60,7 +60,7 @@ You'll end up with a VDOM that mirrors the markup you've written in JSX. This JS
 
 The process of how these changes are mirrored is called "Reconciliation".
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # What is "Reconciliation"?
 
diff --git a/content/crutchcorn/collections/react-beyond-the-render/posts/what-is-ssr-and-ssg/index.md b/content/crutchcorn/collections/react-beyond-the-render/posts/what-is-ssr-and-ssg/index.md
@@ -41,7 +41,7 @@ While you may not be familiar with this term, you're more than likely familiar w
 
 This is because React's code has to initialize to render the components on screen before it can spit out HTML for the browser to parse. Sure, there's an initial HTML file that might have loading spinner, but until your components have time to render, that's hardly useful content for your user. _While these load times can be sufficient for smaller applications_, if you have many components loading on-screen, _you may be in trouble if you want to keep your time-to-interactive (TTI) low_. That scenario is where SSR often comes into play.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Server Side Rendering (SSR) {#ssr}
 
diff --git a/content/crutchcorn/collections/react-beyond-the-render/posts/what-is-use-action-state-and-form-status/index.md b/content/crutchcorn/collections/react-beyond-the-render/posts/what-is-use-action-state-and-form-status/index.md
@@ -166,7 +166,7 @@ export function Todo({ todos, addTodo }) {
 
 `useActionState` allows us to get a response from a React Server Action and handle the results any way we might want to; including (but not limited to) displaying the contents of the response to the client.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 This is a simple example of what `useActionState` looks like on client-side form actions:
 
diff --git a/content/crutchcorn/posts/android-studio-setup-for-ryzen-cpus/index.md b/content/crutchcorn/posts/android-studio-setup-for-ryzen-cpus/index.md
@@ -49,7 +49,7 @@ Enabling IOMMU on a Gigabyte AMD motherboard is much easier than enabling SVM mo
 
 Once changed, tab over to "Save & Exit" and select "Exit and save changes".
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Windows Features Setup {#windows-features}
 
diff --git a/content/crutchcorn/posts/angular-components-control-value-accessor/index.md b/content/crutchcorn/posts/angular-components-control-value-accessor/index.md
@@ -246,7 +246,7 @@ You'll want to call this `onTouched` method any time that your user "touches" (o
 />
 ```
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Consumption {#consume-demo}
 
diff --git a/content/crutchcorn/posts/angular-constructor-error-behavior/index.md b/content/crutchcorn/posts/angular-constructor-error-behavior/index.md
@@ -312,7 +312,7 @@ Because of this, and following JavaScript's early return implementation of throw
 
 This is why we can see elements rendered _before_ our `throw-an-error` component, but not elements _after_.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Why we need a fix
 
diff --git a/content/crutchcorn/posts/angular-dynamic-host-usage/index.md b/content/crutchcorn/posts/angular-dynamic-host-usage/index.md
@@ -128,7 +128,7 @@ class ListenForEventDirective implements OnInit {
 
 And do just about anything else a component can do without a template of its own.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Accessing a directives' element with `ElementRef`
 
diff --git a/content/crutchcorn/posts/angular-internals-zonejs/index.md b/content/crutchcorn/posts/angular-internals-zonejs/index.md
@@ -400,7 +400,7 @@ detectChanges(): void {
 }
 ```
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 ##  Calling Change Detection Manually {#manual-cd}
 
diff --git a/content/crutchcorn/posts/angular-npm-font-usage/index.md b/content/crutchcorn/posts/angular-npm-font-usage/index.md
@@ -122,7 +122,7 @@ Because we're planning on using Angular CLI, we'll want to set the `src` propert
 > @include foundry_sterling("/assets")
 > ```
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 ### Font Name Value Mapping {#font-val-mapping}
 
diff --git a/content/crutchcorn/posts/angular-templates-dont-work-how-you-think/index.md b/content/crutchcorn/posts/angular-templates-dont-work-how-you-think/index.md
@@ -82,7 +82,7 @@ class DoNothingComponent {}
 
 While there _is_ a template compiler in Angular, it's only really there for [reactivity](/posts/what-is-reactivity). Otherwise, it injects the results of `template` in the `selector`'s (by default empty) children array.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 This is why when people ask me:
 
diff --git a/content/crutchcorn/posts/angular-templates-start-to-source/index.md b/content/crutchcorn/posts/angular-templates-start-to-source/index.md
@@ -37,7 +37,7 @@ Sound like a fun time? Let's goooo! 🏃🌈
 
 > The contents of this post was also presented in a talk under the same name. You can [find the slides here](/content/blog/angular-templates-start-to-source/slides.pptx) or a live recording of that talk given by the post's author [on our YouTube channel](https://www.youtube.com/watch?v=7AilTMFPxqQ).
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Introduction To Templates {#intro}
 
diff --git a/content/crutchcorn/posts/css-stacking-context/index.md b/content/crutchcorn/posts/css-stacking-context/index.md
@@ -261,7 +261,7 @@ Notice how the purple box seemingly remains on "top" when we re-arrange the CSS
 
 Well...
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Re-arrange HTML Elements to Change the Painting Order
 
diff --git a/content/crutchcorn/posts/data-storage-options-in-react-native/index.md b/content/crutchcorn/posts/data-storage-options-in-react-native/index.md
@@ -58,7 +58,7 @@ While you're more than able to cache database calls manually, sometimes it's con
 
 > A note about RealmDB: [MongoDB acquired Realm in 2019](https://techcrunch.com/2019/04/24/mongodb-to-acquire-open-source-mobile-database-realm-startup-that-raised-40m/). While this may seem like an unrelated note to leave here, I mention it because large-scale changes are in the immediate horizon for the platform. MongoDB is open about such. They plan on integrating the platform into a larger-scoped platform _also_ (confusingly) called [Realm](https://www.mongodb.com/realm). I mention this because if you're starting a new project, you may want to be aware of what these changes will have in store for your future. It seems like they have a lot of exciting things coming soon!
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Pros and Cons {#pros-and-cons}
 
diff --git a/content/crutchcorn/posts/debugging-nodejs-programs-using-chrome/index.md b/content/crutchcorn/posts/debugging-nodejs-programs-using-chrome/index.md
@@ -135,7 +135,7 @@ For help, see: https://nodejs.org/en/docs/inspector
 
 At this point, _it will hang and not process the code or run it_. That's okay though, as we'll be running the inspector to get the code to run again in the next step.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # The Debugger {#the-debugger}
 
diff --git a/content/crutchcorn/posts/explaining-reacts-cache-function/index.md b/content/crutchcorn/posts/explaining-reacts-cache-function/index.md
@@ -85,7 +85,7 @@ Now if we force a re-render without changing `count`, it will no longer `alert`:
 
 This is because the `cache` function is [_memoizing_](https://whatthefuck.is/memoization) the usage of the function and eagerly opting out of execution as a result.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # How does `cache` differ from `useMemo` or `memo`?
 
diff --git a/content/crutchcorn/posts/functions-are-killing-react-performance/index.md b/content/crutchcorn/posts/functions-are-killing-react-performance/index.md
@@ -294,7 +294,7 @@ const addToCart = useCallback((item) => {
 }, []);
 ```
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Render functions are expensive {#render-functions}
 
diff --git a/content/crutchcorn/posts/integrating-android-code-in-unity/index.md b/content/crutchcorn/posts/integrating-android-code-in-unity/index.md
@@ -123,7 +123,7 @@ For example, take the following library: https://github.com/jaredrummler/Android
 
 That library allows you to grab metadata about a user's device. This might be useful for analytics or bug reporters you may be developing yourself. Let's see how we're able to integrate this Java library in our C# code when building for the Android platform.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 ## Introduction {#intro-call-android-from-c-sharp}
 
diff --git a/content/crutchcorn/posts/javascript-bind-usage/index.md b/content/crutchcorn/posts/javascript-bind-usage/index.md
@@ -182,7 +182,7 @@ Such that you're not only able to `call` a function with the `this` value, but a
 fn.call(thisArg, arg1, arg2, arg3)
 ```
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Can we solve this without `.bind`? {#arrow-functions}
 
diff --git a/content/crutchcorn/posts/js-classes-without-keyword/index.md b/content/crutchcorn/posts/js-classes-without-keyword/index.md
@@ -77,7 +77,7 @@ class User {
 
 Don't worry, we're getting there!
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Create a class without the `class` keyword
 
diff --git a/content/crutchcorn/posts/networking-101-udp-and-tcp/index.md b/content/crutchcorn/posts/networking-101-udp-and-tcp/index.md
@@ -47,7 +47,7 @@ As mentioned previously, the Internet Engineering Task Force manages various spe
 
 Continuing with the mail analogy, just like an apartment complex can have a single mailbox for multiple apartments living within the same building, so too can a single machine have multiple landing sites for network packets.
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 These separated landing sites are called "ports"; called as such because they operate very similarly to the seaside "ports" that are used to dock ships. You're able to "open" a port to start engaging in network activity through that port, or "close" it to stop communication from flowing through that port. A single machine may choose to open a myriad of ports ranging anywhere from `0` to `65,535`. Any one of these ports can receive a different stream of information in-bound and out-bound alike.
 
diff --git a/content/crutchcorn/posts/non-decimal-numbers-in-tech/index.md b/content/crutchcorn/posts/non-decimal-numbers-in-tech/index.md
@@ -91,7 +91,7 @@ And voilà, you have the binary representation of `50`: **`0110010`**.
 >
 > While there are plenty of ways to find the binary representation of a decimal number, this example uses a "greedy" algorithm. I find this algorithm to flow the best with learning the binary number system, but it's not the only way (or even the best way, oftentimes).
 
-<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/unicorn-utterances" -->
+<!-- ::in-content-ad title="Consider supporting" body="Donating any amount will help towards further development of articles like this." button-text="Visit our Open Collective" button-href="https://opencollective.com/playfulprogramming" -->
 
 # Hexadecimal {#hexadecimal}
 
diff --git a/content/crutchcorn/posts/object-mutation/index.md b/content/crutchcorn/posts/object-mutation/index.md
diff --git a/content/crutchcorn/posts/react-refs-complete-story/index.md b/content/crutchcorn/posts/react-refs-complete-story/index.md
diff --git a/content/crutchcorn/posts/rebrand-to-playful-programming/index.md b/content/crutchcorn/posts/rebrand-to-playful-programming/index.md
diff --git a/content/crutchcorn/posts/setup-standard-version/index.md b/content/crutchcorn/posts/setup-standard-version/index.md
diff --git a/content/crutchcorn/posts/typescript-type-generics/index.md b/content/crutchcorn/posts/typescript-type-generics/index.md
diff --git a/content/crutchcorn/posts/ultimate-windows-development-environment-guide/index.md b/content/crutchcorn/posts/ultimate-windows-development-environment-guide/index.md
diff --git a/content/crutchcorn/posts/understanding-the-dom/index.md b/content/crutchcorn/posts/understanding-the-dom/index.md
diff --git a/content/crutchcorn/posts/using-carthage-with-react-native/index.md b/content/crutchcorn/posts/using-carthage-with-react-native/index.md
diff --git a/content/crutchcorn/posts/what-are-uuids/index.md b/content/crutchcorn/posts/what-are-uuids/index.md
diff --git a/content/crutchcorn/posts/what-happened-to-uuid-v2/index.md b/content/crutchcorn/posts/what-happened-to-uuid-v2/index.md
diff --git a/src/utils/markdown/components/in-content-ad/README.md b/src/utils/markdown/components/in-content-ad/README.md
diff --git a/src/views/join-us/support-us.astro b/src/views/join-us/support-us.astro
