Add Hellion branding, two-column layout, live badges, and wolf easter egg

README.md

@@ -1,3 +1,9 @@
+<div align="center">
+  <img src="./assets/hellion-online-media.png" alt="Hellion Online Media" width="640">
+</div>
+
+<br>
+
 # Jon Kazama
 
 > Solo dev · Hellion Online Media
@@ -19,12 +25,63 @@ Self-taught web dev based in Germany, running [Hellion Online Media](https://hel
 
 I learn by building real production stuff, breaking it, fixing it, then writing down what I missed so future-me doesn't have to figure it out twice.
 
+---
+
+<table>
+<tr>
+<td valign="top" width="50%">
+
+### Daily stack
+
+- Next.js 16, React 19
+- TypeScript
+- Prisma ORM + MySQL
+- Sass / SCSS (external files only)
+- C# · Dalamud (learning)
+
+</td>
+<td valign="top" width="50%">
+
+### Tools & environment
+
+- Nobara Linux + KDE Plasma
+- VS Code
+- Brave (primary)
+- WireGuard for everything sensitive
+- IIS + PM2 on Windows Server
+
+</td>
+</tr>
+</table>
+
+---
+
+<div align="center">
+  <img src="./assets/hellion-forge.png" alt="Hellion Forge" width="320">
+  <br>
+  <sub><i>The unofficial modding & plugin arm of Hellion Online Media</i></sub>
+</div>
+
+<br>
+
 ## Open-source projects
 
-| Project | Stack | Status |
+### [HellionChat](https://gitea.com/JonKazama-Hellion/HellionChat)
-|---|---|---|
+
-| **[HellionChat](https://gitea.com/JonKazama-Hellion/HellionChat)** | C# · Dalamud | Active — privacy-first FFXIV chat plugin |
+C# · Dalamud — privacy-first FFXIV chat plugin
-| **[Hellion NewTab](https://github.com/JonKazama-Hellion/Hellion-NewTab)** | HTML · CSS · JS | Live · v2.1.0 — local-first bookmark dashboard browser extension |
+
+![Latest release](https://img.shields.io/gitea/v/release/JonKazama-Hellion/HellionChat?gitea_url=https%3A%2F%2Fgitea.com&label=latest%20release&color=512BD4)
+![Last commit](https://img.shields.io/gitea/last-commit/JonKazama-Hellion/HellionChat?gitea_url=https%3A%2F%2Fgitea.com&label=last%20commit&color=292E33)
+
+### [Hellion NewTab](https://github.com/JonKazama-Hellion/Hellion-NewTab)
+
+HTML · CSS · JS — local-first bookmark dashboard browser extension for Chrome, Edge, Brave, Opera, Vivaldi & Firefox
+
+![Latest release](https://img.shields.io/github/v/release/JonKazama-Hellion/Hellion-NewTab?label=latest%20release&color=2196F3)
+![Last commit](https://img.shields.io/github/last-commit/JonKazama-Hellion/Hellion-NewTab?label=last%20commit&color=292E33)
+![Stars](https://img.shields.io/github/stars/JonKazama-Hellion/Hellion-NewTab?style=flat&color=yellow)
+
+---
 
 ## Other ongoing work
 
@@ -40,6 +97,19 @@ C# on the side, the hard way, through FFXIV plugin work. Privacy-first defaults,
 
 Running my Star Citizen corp, the **Hellion Initiative**, healing in FFXIV, and slowly turning my kitchen into a small apothecary of loose-leaf greens and blacks. Mildly obsessed with wolves while we're at it.
 
+<details>
+<summary>🐺 The wolf in question</summary>
+
+<br>
+
+<div align="center">
+  <img src="./assets/wolf-paw.svg" width="120" alt="Wolf paw print">
+  <br>
+  <sub><i>Found in the wild. Possibly mine.</i></sub>
+</div>
+
+</details>
+
 ---
 
 > Plus the kind of documentation habit that makes coworkers either grateful or mildly concerned.

assets/wolf-paw.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="120" height="120" aria-label="Wolf paw print">
+  <g fill="#8a8a8a">
+    <ellipse cx="50" cy="68" rx="26" ry="20"/>
+    <ellipse cx="28" cy="28" rx="9" ry="13" transform="rotate(-15 28 28)"/>
+    <ellipse cx="72" cy="28" rx="9" ry="13" transform="rotate(15 72 28)"/>
+    <ellipse cx="11" cy="52" rx="8" ry="11" transform="rotate(-30 11 52)"/>
+    <ellipse cx="89" cy="52" rx="8" ry="11" transform="rotate(30 89 52)"/>
+  </g>
+</svg>