Write blog post: What is WATcloud? (#3034)

This PR creates a blog post called "What is WATcloud?".

@WATonomous/watonomous-watcloud-reviewers could you formally review this
for me? i.e. [add yourself as a
reviewer](https://github.com/WATonomous/infra-config/blob/87f917d8adda43a3720a150568e3fba91bd5fc9d/website/pages/blog/what-is-watcloud.mdx?plain=1#L14)
(and remove my name) on the blog post. The name should be a watcloud
username, and you should have "WATcloud Public Profile" enabled in your
profile.

- [ ] POST-MERGE: Add a tag "Under the Hood" after #3038 is implemented.

---------

Co-authored-by: Jimmy Jiang <[email protected]>

pages/blog/hello-world.mdx

@@ -7,7 +7,7 @@ authors:
   - ben
 reviewers: []
 notify_subscribers: false
-hidden: false
+hidden: true
 ---
 
 import { BlogPostHeader, BlogPostFooter } from '@/components/blog-post'

pages/blog/what-is-watcloud.mdx

@@ -0,0 +1,56 @@
+---
+title: 'Under the Hood: What is WATcloud?'
+description: "WATcloud is the result of over four years of dedicated work on both hardware and software to make computing resources easily accessible to everyone."
+title_image:
+  square: 'under-the-hood-square'
+  wide: 'under-the-hood-wide'
+  attribution: |
+    Image generated using DALL-E with ChatGPT-assisted prompt: "A comic-style drawing of a person standing in front of a larger car with a red hood, looking under the hood and finding it filled with computer parts instead of an engine. The car should have no engine visible; instead, the hood reveals computer parts like circuit boards, CPUs, cooling fans, and cables. The person is smaller in size compared to the car, standing on the ground, and looks surprised, with wide eyes and a raised eyebrow. The scene is light-hearted and humorous, with vibrant colors and exaggerated expressions, capturing the surprise and confusion of the person."
+date: 2024-09-22
+timezone: America/Vancouver
+authors:
+  - ben
+reviewers:
+  - j257jian
+notify_subscribers: true
+hidden: false
+---
+
+import { BlogPostHeader, BlogPostFooter } from '@/components/blog-post'
+
+<BlogPostHeader />
+
+WATcloud's mission is to make computing resources available to everyone in an easy and fair way.
+Over the past four years, we have continuously iterated on both the hardware and software that comprise our cluster.
+On the hardware side, WATcloud consists of servers, switches, IP-KVMs[^ip-kvm], and other peripherals that form our compute cluster.
+On the software side, WATcloud encompasses over 3,000 pull requests and tickets in our internal monorepo,
+along with over 40 satellite repositories ranging from bug-fixing forks of open-source projects to custom tools.
+Throughout the years, we've learned and grown immensely, and we're excited to share our journey with you.
+
+[^ip-kvm]: IP-KVM stands for Internet Protocol Keyboard, Video, and Mouse. It allows us to remotely control servers as if we were physically present.
+
+Over the next few blog posts, we'll be sharing the architecture of WATcloud in its current state and how we got here.
+Here's a list of topics we'll be covering:
+- Compute cluster hardware setup
+- Operating system/hypervisor/virtual machine configuration
+- Distributed storage configuration
+- Network configuration
+- Compute cluster provisioning pipeline
+- User provisioning pipeline
+- Resource management systems
+- Observability systems
+- On-prem and cloud-based Kubernetes clusters (and automatic failover)
+- Continuous integration and deployment (CI/CD) configuration
+- DNS management
+- Email infrastructure
+- Website/blog infrastructure
+- Auxiliary services (Discord, GitHub, Google Workspace, etc.)
+- Current major projects
+
+This list may be adjusted as we publish more posts, and we'll make sure to hyperlink each item as we go.
+This blog post serves as a preview for what's to come. If you'd like to stay up-to-date with our latest posts,
+please subscribe to our newsletter below.
+
+Do you have a suggestion for a blog post topic? Please let us know below in the comment section or reach out to us on [Discord](https://discord.gg/hEX5Q4KDYN).
+
+<BlogPostFooter />

scripts/generate-assets.js

@@ -233,6 +233,8 @@ function generateTypescript(image_names) {
         { name: "computer-dark", uri: new WATcloudURI("watcloud://v1/sha256:7dac34046e20b4a5c4982d2a7940fdb313687d030b72a297adcd2a84d138e099?name=computer-dark.avif") },
         { name: "server-room-light", uri: new WATcloudURI("watcloud://v1/sha256:c3b72b5fb4c7bdff14f293782a98d7b1a21c7f2d6479cb1fa3b1b196a2179f73?name=server-room-light-min.jpg"), optimize: true},
         { name: "server-room-dark", uri: new WATcloudURI("watcloud://v1/sha256:216ca4fdc626b94daaad8a63be5c1a507f82abb2b3bed1839f6d0996ac3e84d2?name=server-room-dark-min.jpg"), optimize: true},
+        { name: "under-the-hood-wide", uri: new WATcloudURI("watcloud://v1/sha256:5cc9868176110e693921b642ef69b43ea1d6728c822d824bb405e1fc1631b345?name=under-the-hood-wide.png"), optimize: true},
+        { name: "under-the-hood-square", uri: new WATcloudURI("watcloud://v1/sha256:68ee1c08c67cc5120cd46d22240be39813516037c53aaa2c27f3d5a593b776c5?name=under-the-hood-square.webp"), optimize: true},
         { name: "doc-proxmox-primary-gpu", uri: new WATcloudURI("watcloud://v1/sha256:9b7b398205cf6508dce29f07023001baf5eebc287780d7220f50c6965da809ac?name=doc-proxmox-primary-gpu.png"), optimize: true},
     ];
     await Promise.all(IMAGES.map(image => processImage(image)));