diff --git a/src/content/blog/choosing-a-standing-desk.mdx b/src/content/blog/choosing-a-standing-desk.mdx index e7ca32d..9b2144f 100644 --- a/src/content/blog/choosing-a-standing-desk.mdx +++ b/src/content/blog/choosing-a-standing-desk.mdx @@ -1,7 +1,7 @@ --- title: How To Choose The Best Standing Desk -publishDate: 07-07-2018 -updatedDate: 12-21-2023 +publishDate: "07-07-2018" +updatedDate: "12-21-2023" description: How do you choose the best standing desk? When I moved into my apartment I set out to answer this and ended up with a $1000 desk. Here's what I learned. heroImage: ../../images/blog/standing-desk-video-thumbnail.png heroImageAlt: "A glowing gaming PC with three front LED fans, and glass case sits next to an ultra-wide monitor on top of a walnut standing desk. This image was AI generated." diff --git a/src/content/blog/chrome-media-keys.mdx b/src/content/blog/chrome-media-keys.mdx index eee54c5..6798b35 100644 --- a/src/content/blog/chrome-media-keys.mdx +++ b/src/content/blog/chrome-media-keys.mdx @@ -1,7 +1,7 @@ --- title: Keyboard Media Keys Not Working? It’s Chrome’s Fault -publishDate: 02-21-2019 -updatedDate: 12-21-2023 +publishDate: "02-21-2019" +updatedDate: "12-21-2023" description: Ever noticed you haven't been able to use your keyboard's media keys to play and pause music while chrome is open? Let's see why. heroImage: ../../images/blog/audio-issues.jpg heroImageAlt: "A minimalist and nearly colorless rendering of a keyboard in a void space, sitting in front of a floating glowing icon of the mute symbol, shining brightly. Image created by TechSquidTV in Blender." diff --git a/src/content/blog/creating-custom-gpt-agents.mdx b/src/content/blog/creating-custom-gpt-agents.mdx index d155092..ece6ba8 100644 --- a/src/content/blog/creating-custom-gpt-agents.mdx +++ b/src/content/blog/creating-custom-gpt-agents.mdx @@ -1,7 +1,7 @@ --- title: Creating custom ChatGPT agents for fun and for profit! -publishDate: 12-22-2023 -updatedDate: 12-27-2023 +publishDate: "12-22-2023" +updatedDate: "12-27-2023" description: OpenAI released custom "gpts", or custom agents we can instruct through prompts and apis. Let's take a look at how to make, share, (and profit?) from these gpts heroImage: ../../images/blog/ai-bot-factory-thumbnail.png heroImageAlt: "Ai generated image of a factory assembly line creating a series of ai robots" diff --git a/src/content/blog/creating-social-graph-images.mdx b/src/content/blog/creating-social-graph-images.mdx index 85da1ab..1d43fd1 100644 --- a/src/content/blog/creating-social-graph-images.mdx +++ b/src/content/blog/creating-social-graph-images.mdx @@ -1,7 +1,7 @@ --- title: How I generate Open Graph images for my Astro-based blog -publishDate: 01-23-2024 -updatedDate: 01-23-2024 +publishDate: "01-23-2024" +updatedDate: "08-29-2025" description: Here's how I automatically generate preview images for every post on my Astro blog. Make sure you have open graph images for social sharing. heroImage: ../../images/blog/open-graph-3d-render.png heroImageAlt: "A minimalist render of icospheres floating in space, one showing the @ symbol in neon. Image created by TechSquidTV in Blender." @@ -337,7 +337,7 @@ type Props = InferGetStaticPropsType; Astro great ways to interact with our collections but _unfortunately_ the heroImage URL returned by astro at build time will not be the value we entered, but instead the location of the image at _build-time_, which looks something like `/_astro/abcdefg...png`, which is another issue we have to solve for. -You can see we have a sort of copy of our blog's data in `blogData`, which is where we actually get our Hero Image URL. Also take note that we run `replace` on the value to remove those `../` from the path, which wont be needed here. +You can see we have a sort of copy of our blog's data in `blogData`, which is where we actually get our Hero Image URL. Also take note that we run `replace` on the value to remove those `../` from the path, which won't be needed here. ```ts title="pages/blog/[post]/[post]-og.png.ts" const getBlogFrontmatterCollection = async () => { @@ -440,6 +440,6 @@ If the Astro build ever fails for some reason, you can run `pnpm run kill-assets There we have it! On every build of our site now, each post will get a custom Open Graph image, hopefully driving better click rates on our posts, by offering a more enticing preview of our content. -From a technical standpoint, this was not as straight-forward as it could have been due to the way images are handled differently during the build phase in Astro. The next step may be to open an issue on the Astro repository to report the use-case and and share this workaround with the dev team. If anything gets updated to make the process easier, I'll issue an update at the top of the post. +From a technical standpoint, this was not as straight-forward as it could have been due to the way images are handled differently during the build phase in Astro. The next step may be to open an issue on the Astro repository to report the use-case and share this workaround with the dev team. If anything gets updated to make the process easier, I'll issue an update at the top of the post. Remember, if you want to dive deeper into the code or anything else on this blog, the code is [fully open source](https://github.com/TechSquidTV/website). And join the [newsletter](http://localhost:4321/newsletter)! \ No newline at end of file diff --git a/src/content/blog/ditching-wordpress-for-nuxtjs.mdx b/src/content/blog/ditching-wordpress-for-nuxtjs.mdx index c61f0de..c9fa33f 100644 --- a/src/content/blog/ditching-wordpress-for-nuxtjs.mdx +++ b/src/content/blog/ditching-wordpress-for-nuxtjs.mdx @@ -1,7 +1,7 @@ --- title: Ditching WordPress for NuxtJS and Netlify -publishDate: 09-13-2021 -updatedDate: 12-21-2023 +publishDate: "09-13-2021" +updatedDate: "12-21-2023" description: Wordpress is expensive to host and a pain to maintain. Why I broke up with WordPress, and started using NuxtJS and Netlify entirely for free. heroImage: ../../images/blog/nuxtjs-blog.png heroImageAlt: "A minimalist rendering of a lone factory assembly line, where markdown files are being built into webpages. Image created by TechSquidTV in Blender." diff --git a/src/content/blog/facebook-already-created-garrys-mod-vr.mdx b/src/content/blog/facebook-already-created-garrys-mod-vr.mdx index e51e40a..c5521b3 100644 --- a/src/content/blog/facebook-already-created-garrys-mod-vr.mdx +++ b/src/content/blog/facebook-already-created-garrys-mod-vr.mdx @@ -1,7 +1,7 @@ --- title: Facebook already gave us Garry's Mod VR, Horizon Worlds -publishDate: 01-14-2022 -updatedDate: 12-26-2023 +publishDate: "01-14-2022" +updatedDate: "12-26-2023" description: Facebook's Horizon Worlds gives us the VR sandbox we've wanted and it feels like Garry's Mod for the modern era. Don't write of Meta too quickly, try it out! heroImage: ../../images/blog/horizon-gmod.jpg heroImageAlt: "A low-poly VR headset (created by TechSquidTV) and a character from Garry's mod" diff --git a/src/content/blog/fetching-youtube-videos-with-astro.mdx b/src/content/blog/fetching-youtube-videos-with-astro.mdx index e398487..65a4748 100644 --- a/src/content/blog/fetching-youtube-videos-with-astro.mdx +++ b/src/content/blog/fetching-youtube-videos-with-astro.mdx @@ -1,6 +1,6 @@ --- title: "Astro Component: Fetching Latest YouTube Videos with RSS" -publishDate: 02-13-2024 +publishDate: "02-13-2024" description: Fetching the latest YouTube videos for your website doesn't require a backend server or even API keys. Fetch the latest videos statically with Astro. heroImage: ../../images/blog/astro-youtube-rss.png heroImageAlt: "A low poly rendering of the RSS, YouTube, and Astro logos." diff --git a/src/content/blog/flash-should-be-blue.mdx b/src/content/blog/flash-should-be-blue.mdx index ec0bd6a..9f34d3d 100644 --- a/src/content/blog/flash-should-be-blue.mdx +++ b/src/content/blog/flash-should-be-blue.mdx @@ -1,7 +1,7 @@ --- title: The Flash should be blue, and how SONIC got it right -publishDate: 12-28-2023 -updatedDate: 12-28-2023 +publishDate: "12-28-2023" +updatedDate: "08-29-2025" description: The Flash in DC comics wears a red suit, but if he was moving faster-than-light, he would actually be blue. The reason is likely not what you think. heroImage: ../../images/blog/the-flash-blue-thumbnail.png heroImageAlt: "A blue version of The Flash" @@ -39,7 +39,7 @@ You know the scene, every speedster has it. Where they run so fast that they lea height="500" /> -These characters are often portrayed as running faster than the speed of light, possibly this mysterious electricity ("Speed Force" in the case of The Flash) signifies when they are running at the speed of light. Though they do not always call it out, and there are worlds of inconsistencies, it is often implied by the the fact that these characters arrive to-and-from locations vastly far apart instantaneously or near instantly, that they are traveling at, or even faster than the speed of light. +These characters are often portrayed as running faster than the speed of light, possibly this mysterious electricity ("Speed Force" in the case of The Flash) signifies when they are running at the speed of light. Though they do not always call it out, and there are worlds of inconsistencies, it is often implied by the fact that these characters arrive to-and-from locations vastly far apart instantaneously or near instantly, that they are traveling at, or even faster than the speed of light. -While the speed of light _in a vacuum_ is the absolute speed limit of the universe, neither air nor water are a vacuum, and light is not the only thing in the universe that travels at "light-speed", however light will interact with particles in a medium like air or water and "slow down", with some particles will not, meaning that some particles can move "faster than light". +While the speed of light _in a vacuum_ is the absolute speed limit of the universe, neither air nor water are a vacuum, and light is not the only thing in the universe that travels at "light-speed". However, light will interact with particles in a medium like air or water and "slow down", while some particles will not, meaning that some particles can move "faster than light". source: https://odsc.com/blog/getting-started-with-vector-based-search/ -In reality, there will be hundreds or thousands of dimensions of data, but we can only comprehend three dimensions visually. Notice how in this "vector space" there are collections of words that are positioned by their likeness. We can see that animals appear on the left, while fruits appear on the right. If we look closer at the left side, we can see that the word "cat" and in this depiction, an image of a cat, are located physically near each other. Likewise, we can see there there is a group of tech company logos, Google and Apple, and we can see the Apple company logo is just ever so slightly closer to the collection of fruits than the Google logo. +In reality, there will be hundreds or thousands of dimensions of data, but we can only comprehend three dimensions visually. Notice how in this "vector space" there are collections of words that are positioned by their likeness. We can see that animals appear on the left, while fruits appear on the right. If we look closer at the left side, we can see that the word "cat" and in this depiction, an image of a cat, are located physically near each other. Likewise, we can see there is a group of tech company logos, Google and Apple, and we can see the Apple company logo is just ever so slightly closer to the collection of fruits than the Google logo. Distance in these vector spaces is calculated using Cosine Similarity, which is a measure of how similar two vectors are. diff --git a/src/content/blog/kubernetes-in-10-minutes.mdx b/src/content/blog/kubernetes-in-10-minutes.mdx index 0bc216b..e441259 100644 --- a/src/content/blog/kubernetes-in-10-minutes.mdx +++ b/src/content/blog/kubernetes-in-10-minutes.mdx @@ -1,7 +1,7 @@ --- title: Kubernetes in 10 minutes -publishDate: 09-06-2020 -updatedDate: 12-21-2023 +publishDate: "09-06-2020" +updatedDate: "12-21-2023" description: What is Kubernetes? TechSquidTV breaks down how large companies use Kubernetes to power the internet, in 10 minutes in this YouTube video. heroImage: ../../images/blog/what-is-kubernetes-thumbnail.png heroImageAlt: "The YouTube thumbnail for TechSquidTV's Kubernetes in 10 minutes video." diff --git a/src/content/blog/make-a-home-media-server-with-plex-and-docker-compose.mdx b/src/content/blog/make-a-home-media-server-with-plex-and-docker-compose.mdx index e16e49c..b4c96df 100644 --- a/src/content/blog/make-a-home-media-server-with-plex-and-docker-compose.mdx +++ b/src/content/blog/make-a-home-media-server-with-plex-and-docker-compose.mdx @@ -1,7 +1,7 @@ --- title: Making A Home Media Server With Plex + Docker-Compose -publishDate: 05-02-2019 -updatedDate: 12-21-2023 +publishDate: "05-02-2019" +updatedDate: "12-21-2023" description: Become the ultimate cord cutter and make your own Netflix-like service at home with an old computer running Docker-Compose and Plex. heroImage: ../../images/blog/plex-server.png heroImageAlt: "Minimalist 3d rendering showing a rack server surrounded by VHS tapes with their tape pulled out. Image created by TechSquidTV in Blender." diff --git a/src/content/blog/steam-deck-sd-card-labels.md b/src/content/blog/steam-deck-sd-card-labels.md index d27c762..213ee03 100644 --- a/src/content/blog/steam-deck-sd-card-labels.md +++ b/src/content/blog/steam-deck-sd-card-labels.md @@ -1,7 +1,7 @@ --- title: Making Steam Deck SD Cards Look Like Game Cartridges -publishDate: 02-4-2024 -updatedDate: 02-4-2024 +publishDate: "02-04-2024" +updatedDate: "02-04-2024" description: Discover how to transform your Steam Deck SD cards into nostalgic game cartridges with this free and open-source design system. heroImage: ../../images/blog/steam-deck-sd-card.png heroImageAlt: "A table of SD card adapters with game box art on them." diff --git a/src/content/blog/synology-ds920plus_nas.mdx b/src/content/blog/synology-ds920plus_nas.mdx index 0f32001..f38d39c 100644 --- a/src/content/blog/synology-ds920plus_nas.mdx +++ b/src/content/blog/synology-ds920plus_nas.mdx @@ -1,7 +1,7 @@ --- title: Synology’s DS920+ is a NAS powerhouse -publishDate: 12-11-2018 -updatedDate: 12-21-2023 +publishDate: "12-11-2018" +updatedDate: "12-21-2023" description: A review and deep-dive of Synology's DS920+, RAID, and data storage. Watch TechSquidTV's video on Raid 5 and using a home nas. heroImage: ../../images/blog/synology-thumbnail.png heroImageAlt: "The youtube thumbnail of TechSquidTV's video showcasing the Synology DS920+." diff --git a/src/content/blog/testing-shell-scripts-with-bats.mdx b/src/content/blog/testing-shell-scripts-with-bats.mdx index 259a596..e645b65 100644 --- a/src/content/blog/testing-shell-scripts-with-bats.mdx +++ b/src/content/blog/testing-shell-scripts-with-bats.mdx @@ -1,7 +1,7 @@ --- title: Testing Shell Scripts with "BATS" -publishDate: 09-20-2021 -updatedDate: 12-21-2023 +publishDate: "09-20-2021" +updatedDate: "12-21-2023" description: You rely on bash scripts the same as any other program, but I bet you aren't testing them. Implement unit tests for your critical Bash scripts with BATS. heroImage: ../../images/blog/bats-testing.png heroImageAlt: "Minimalist 3d rendering showing three rounded cubes representing terminals, two with passing tests, and one with a failure. Image created by TechSquidTV in Blender." diff --git a/src/content/blog/the-windows-ugly-sweater.mdx b/src/content/blog/the-windows-ugly-sweater.mdx index 11986eb..cf4919e 100644 --- a/src/content/blog/the-windows-ugly-sweater.mdx +++ b/src/content/blog/the-windows-ugly-sweater.mdx @@ -1,7 +1,7 @@ --- title: "The WindowsUglySweater Is The Only Swag I Care About" -publishDate: 12-25-2019 -updatedDate: 12-21-2023 +publishDate: "12-25-2019" +updatedDate: "08-29-2025" description: Microsoft made a Windows XP themed ugly Christmas sweater, and it's the only tech company swag I care about. Checkout this unboxing video. heroImage: ../../images/blog/windows-xp-ugly-sweater-thumbnail.png heroImageAlt: "Video thumbnail for TechSquidTV's video showcasing Microsoft's Windows XP-themed ugly Christmas sweater." @@ -24,7 +24,7 @@ https://twitter.com/MKBHD/status/1205114919995215873 https://twitter.com/tomwarren/status/1204782275755495428 -Any many many more. +And many many more. I am not one who gives in to marketing tactics often. I see right through your viral marketing campaigns. But when I saw the sweater… diff --git a/src/content/blog/what-is-docker.mdx b/src/content/blog/what-is-docker.mdx index 6188b75..e54a3c0 100644 --- a/src/content/blog/what-is-docker.mdx +++ b/src/content/blog/what-is-docker.mdx @@ -1,7 +1,7 @@ --- title: What Is Docker? -publishDate: 05-08-2018 -updatedDate: 12-21-2023 +publishDate: "05-08-2018" +updatedDate: "08-29-2025" description: Docker allows you to “containerize” applications and scripts. Like a virtual machine, but even faster. Let's build a container. heroImage: ../../images/blog/docker-in-5-thumbnail.png heroImageAlt: "The video thumbnail for TechSquidTV's Docker in 5 minutes" @@ -32,7 +32,7 @@ In short, Docker allows you to “containerize” applications and scripts. If y If to run a virtual machine you need an ISO containing the operating system, then to run a Docker container you first need a Docker image. Docker images differ from ISOs greatly, and we’ll go over that in a moment but stay with me. Check out the Dockerhub. -[https://hub.docker.com/explore/](https://hub.docker.com/explore/) +[https://hub.docker.com/](https://hub.docker.com/) Many operating systems, servers, and applications maintain official Docker image repositories on the Docker hub, it’s kind of like GitHub for Docker. If you are familiar with Git’s `git pull` there is a similar command `docker pull` for Docker to pull down any of these popular images locally very easily. If there is no official Docker image for what you need there is likely a community maintained version available. There is even popular community maintained container organizations such as [LinuxServer.io](https://linuxserver.io) which maintains a large number of mostly media based application containers such as Plex. This makes it incredibly easy to access and run anything you need with ease. diff --git a/src/content/blog/will-we-ever-be-able-to-download-our-brains-like-in-westworld.mdx b/src/content/blog/will-we-ever-be-able-to-download-our-brains-like-in-westworld.mdx index 88a9992..88cc2df 100644 --- a/src/content/blog/will-we-ever-be-able-to-download-our-brains-like-in-westworld.mdx +++ b/src/content/blog/will-we-ever-be-able-to-download-our-brains-like-in-westworld.mdx @@ -1,7 +1,7 @@ --- title: Will We Ever Download Our Brains Like In Westworld? -publishDate: 08-05-2018 -updatedDate: 12-21-2023 +publishDate: "08-05-2018" +updatedDate: "08-29-2025" description: AI and Machine Learning are progressing at and incredible pace. Will humans ever be able to "download" their brains like in Westworld? heroImage: ../../images/blog/download-brain.png heroImageAlt: "An abstract minimalist 3D rendering of a glass brain downloading information into a super computer. Image created by TechSquidTV in Blender." @@ -41,11 +41,11 @@ If you can’t tell the difference. Does it matter? http://www.youtube.com/watch?v=1mR9hdy6Qgw -Currently, you can not prove anyone you have ever met in your life is not dictated by AI. You are only reasonably sure that you are real and possibly not an AI. Everything else is your subjective reality. +Currently, you cannot prove anyone you have ever met in your life is not dictated by AI. You are only reasonably sure that you are real and possibly not an AI. Everything else is your subjective reality. We can debate what is alive, real, and conscious all day. What we will definitively say in this article is that in a number of years, an AI will be close to what we see in Westworld. You will be able to replicate a human mind and achieve fidelity. And in essence, the difference won’t matter. -Fidelity – this concept is is introduced in season 2, episode 4. +Fidelity – this concept is introduced in season 2, episode 4. Truly achieving a replica AI would mean it would make all of the same choices and actions that you would. When asked a certain question in a certain context, we expect the AI to behave a certain way. diff --git a/src/content/blog/your-terminal-is-ugly.mdx b/src/content/blog/your-terminal-is-ugly.mdx index a2945cf..6f4c8fb 100644 --- a/src/content/blog/your-terminal-is-ugly.mdx +++ b/src/content/blog/your-terminal-is-ugly.mdx @@ -1,7 +1,7 @@ --- title: Your Unix terminal is ugly! Here's how to make it beautiful. -publishDate: 03-06-2022 -updatedDate: 12-21-2023 +publishDate: "03-06-2022" +updatedDate: "12-21-2023" description: Make your Unix terminal beautiful and functional. Just because you live in the command line doesn't mean you have to live in the 80's heroImage: ../../images/blog/your-terminal-is-ugly.png heroImageAlt: "A comparison of the default Windows WSL terminal next to an OhMyZSH themed terminal"