update about

Bump astro from 5.4.0 to 5.13.1

package.json

@@ -10,25 +10,25 @@
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/markdown-remark": "^6.0.0",
+    "@astrojs/markdown-remark": "^6.3.6",
-    "@astrojs/mdx": "^4.0.1",
+    "@astrojs/mdx": "^4.3.4",
-    "@astrojs/rss": "^4.0.9",
+    "@astrojs/rss": "^4.0.12",
-    "@astrojs/sitemap": "^3.2.1",
+    "@astrojs/sitemap": "^3.5.1",
-    "@astrojs/svelte": "^7.0.1",
+    "@astrojs/svelte": "^7.1.0",
-    "@fontsource-variable/jost": "^5.1.1",
+    "@fontsource-variable/jost": "^5.2.6",
-    "@fontsource-variable/playfair-display": "^5.1.0",
+    "@fontsource-variable/playfair-display": "^5.2.6",
-    "@iconify-json/ion": "^1.2.1",
+    "@iconify-json/ion": "^1.2.6",
-    "astro": "^5.0.8",
+    "astro": "^5.13.5",
-    "fuse.js": "^7.0.0",
+    "fuse.js": "^7.1.0",
     "mdast-util-to-string": "^4.0.0",
     "reading-time": "^1.5.0",
     "rehype-autolink-headings": "^7.1.0",
     "remark-toc": "^9.0.0",
-    "sass": "^1.81.1",
+    "sass": "^1.91.0",
-    "sharp": "^0.33.5",
+    "sharp": "^0.34.3",
-    "svelte": "^5.5.2",
+    "svelte": "^5.38.6",
-    "typescript": "^5.7.2",
+    "typescript": "^5.9.2",
-    "unplugin-icons": "^0.21.0"
+    "unplugin-icons": "^22.2.0"
   },
-  "packageManager": "pnpm@9.14.4"
+  "packageManager": "pnpm@10.15.0"
 }

src/components/BaseHead.astro

@@ -41,18 +41,15 @@ if (Astro.props.title) {
 <meta property="og:url" content={Astro.url} />
 <meta property="og:title" content={title} />
 <meta property="og:description" content={description} />
-<!-- <meta property="og:image" content={new URL(image, Astro.url)} /> -->
 
-<!-- Twitter -->
+<!-- Mastodon -->
-<meta property="twitter:card" content="summary_large_image" />
+<a style="display: none;" rel="me" href="https://mastodon.social/@cupcakearmy">Mastodon</a>
-<meta property="twitter:url" content={Astro.url} />
+<meta name="fediverse:creator" content="@cupcakearmy@mastodon.social">
-<meta property="twitter:title" content={title} />
+
-<meta property="twitter:description" content={description} />
-<!-- <meta property="twitter:image" content={new URL(image, Astro.url)} /> -->
 
 <script
   is:inline
   async
   defer
   src="https://spectare.nicco.io/unicorn.js"
-  data-website-id="bc7525c5-6928-49e1-9255-aca296947def"></script>
+  data-website-id="89387e25-78e1-40e9-8127-0a8fd380c1be"></script>

src/components/ContactLinks.astro

@@ -11,7 +11,7 @@ const links: { label: string; url: string; icon: astroHTML.JSX.Element }[] = [
   { label: 'Chat on discord', url: 'https://discord.gg/wS7RpYTYd2', icon: ChatBubbles },
   { label: 'GitHub', url: 'https://github.com/cupcakearmy', icon: Github },
   { label: 'Support my work', url: 'https://github.com/sponsors/cupcakearmy', icon: Heart },
-  { label: 'Traffic', url: 'https://spectare.nicco.io/share/HYgOcrlfHxGB9RAR/nicco.io', icon: Trending },
+  { label: 'Traffic', url: 'https://spectare.nicco.io/share/670lLNIH7EjetcOk/nicco.io', icon: Trending },
   { label: 'Privacy', url: '/privacy', icon: FingerPrint },
 ]
 ---

src/content/blog/glove-80-zmk-studio.md

@@ -0,0 +1,61 @@
+---
+title: "How to enable ZMK Studio for the Glove 80"
+date: "2025-08-31"
+categories:
+  - "coding"
+tags:
+  - "keyboards"
+  - "zmk"
+  - "glove80"
+  - "zmk studio"
+coverImage: "./images/ikhsan-hidayat-lL_xP4CEXaY-unsplash.jpg"
+---
+
+Out of the box I could not get the Glove80 to work out of the box with the amazing ZMK Studio because the default firmware that MoErgo provides does not have the necessary flag enabled.
+
+# What is needed?
+
+The documentation is quite clear on [what is needed for adding ZMK Studio support](https://zmk.dev/docs/features/studio#adding-zmk-studio-support-to-a-keyboard) to a given keyboard.
+
+- We need to add the `studio-rpc-usb-uart` snippet
+- setting `ZMK_STUDIO=y`
+
+# Build your Glove80 firmware with Studio support
+
+However being a bit lost on how and where to add it, I [searched GitHub](https://github.com/search?q=studio-rpc-usb-uart+glove&type=code) for inspiration. Luckily I found a config by [IevgeniiB](https://github.com/IevgeniiB/zmk-config/blob/64df48414176b9df78acc114aea0b6fa05238484/build.yaml#L9-L12). Thanks!
+
+The official docs are quite good
+
+1. Create your own ZMK repo ([official docs](https://zmk.dev/docs/user-setup), reduced version here).
+   1. Create a new github repo with the name `zmk-config`
+   2. Run `bash -c "$(curl -fsSL https://zmk.dev/setup.sh)"` and select `29` for Glove80, otherwise the default values.
+2. Adjust your `build.yml`
+
+   ```yaml
+    ---
+    include:
+      - board: glove80_lh
+        snippet: studio-rpc-usb-uart
+        cmake-args: -DCONFIG_ZMK_STUDIO=y
+   ```
+
+3. Adjust your `west.yml`:
+
+   ```yaml
+   manifest:
+     remotes:
+       - name: moergo-sc
+         url-base: https://github.com/moergo-sc
+     projects:
+       - name: zmk
+         remote: moergo-sc
+         revision: main
+         import: app/west.yml
+     self:
+       path: config
+   ```
+
+4. Assign `&studio_unlock` to an empty key. This is required to unlock once connected. I added mine to the magic layer in `glove80.keymap`.
+5. Push and wait for the Github action. After the action executes you will have and artifact with 2 firmware files. One for the left and one for the right.
+6. Flash the firmware to both sides. See the [official guide](https://docs.moergo.com/glove80-user-guide/customizing-key-layout/#loading-new-zmk-firmware-onto-your-glove80) on how to do it.
+7. Profit 🎉 You can now edit and update your Keymap right from your browser.

src/content/blog/images/ikhsan-hidayat-lL_xP4CEXaY-unsplash.jpg

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4b9e945d1024288ab91231ae850b49246e8544e5be5b6ad6bc7d730cc44f6096
+size 298478

src/content/page/about.mdx

@@ -1,9 +1,10 @@
 ---
-title: 'About'
+title: "About"
-date: '2020-09-21'
+date: "2020-09-21"
 ---
-import SkillBar from '../../components/SkillBar.astro'
+
-import AboutImage from '../../components/AboutImage.astro'
+import SkillBar from "../../components/SkillBar.astro";
+import AboutImage from "../../components/AboutImage.astro";
 
 Hi, I'm Nicco
 
@@ -11,9 +12,12 @@ I've been doing programming things and "You do computer science right? Can you f
 My home is mainly the web, but I wander down many paths of computer science, wherever Ecosia and curiosity bring me that day.
 
 <div>
-<SkillBar progress={0.95} title="Skill bars are useless"/>
+  <SkillBar progress={0.95} title="Skill bars are useless" />
-<SkillBar progress={0.03} title="I think I know everything there is to know about X"/>
+  <SkillBar
-<SkillBar progress={0.85} title="I can teach myself stuff"/>
+    progress={0.03}
+    title="I think I know everything there is to know about X"
+  />
+  <SkillBar progress={0.85} title="I can teach myself stuff" />
 </div>
 
 ## Today
@@ -23,7 +27,7 @@ I do a lot of Typescript, but I always try new things that come up on the interw
 **A list of some "skills" (Pros)**
 
 - Frontend
-  - React, Vue & Svelte for Web apps, landing pages, etc.
+  - React, Vue, Svelte, Solid for Web apps, landing pages, etc.
   - Typescript lover
   - Electron multiplatform _macOS/Linux/Windows_ apps.
   - Mobile apps for _iOS_ and _Android_, mostly in React Native.
@@ -32,19 +36,27 @@ I do a lot of Typescript, but I always try new things that come up on the interw
   - Docker multi stage build, etc.
   - Pipelines for testing & deployments of various projects/apps
   - Github actions
+  - Package & Container registries
 - Backend
-  - Serverless backends (in _AWS_)
+  - Written backends in Typescript, Go, Python
-  - Postgres/Maria/Mysql/Mongo experience.
+  - Serverless Services
-  - Python server
+  - Postgres/Maria/Mysql/Mongo/SQLite experience.
-  - Go CLI utilities
   - Web scraping
+  - Pub/Sub, DLQs
+  - Distributed systems, locks, queues, etc.
+  - Custom K8S operators
+  - gRPC
 - Clouds I've deployed production services
   - AWS
   - GCP
+- Other
+  - Built various CLI tools
+  - Emdedded projects in C
+  - Custom Protocols over TCP
+  - Monorepos
 
 **And stuff I suck at (Cons)**
 
-- Testing, hate it.
 - Love rewriting stuff from ground up.
 - Probably much more...
 
@@ -60,4 +72,4 @@ Remember kids: before our friendly Docker whale was a thing and we all installed
 
 The rest... well I have a bad memory 🐘
 
-<AboutImage/>
+<AboutImage />

src/styles/global.scss

@@ -5,8 +5,8 @@
 }
 
 :root {
-  --ff: 'Jost Variable', sans-serif;
+  --ff: "Jost Variable", sans-serif;
-  --ff-alt: 'Playfair Display Variable', serif;
+  --ff-alt: "Playfair Display Variable", serif;
   --clr-light: #ffffff;
   --clr-dark: #010101;
   --clr-primary: hsl(219, 90%, 80%);
@@ -89,6 +89,10 @@ svg {
   height: auto;
 }
 
+code {
+  font-size: 0.75em;
+}
+
 pre {
   padding: 1rem;
   margin: 1rem 0;