.profile/README.md

<div align="center">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="./assets/hellion-online-media-dark.png">
    <source media="(prefers-color-scheme: light)" srcset="./assets/hellion-online-media-light.png">
    <img src="./assets/hellion-online-media-light.png" alt="Hellion Online Media" width="640">
  </picture>
</div>

<br>

# <img src="./assets/hellion-mark.png" alt="" height="36" align="center"> Jon Kazama

> Solo dev · Hellion Online Media
> Tea, wolves, atomic commits.

![Next.js](https://img.shields.io/badge/-Next.js-000?logo=nextdotjs&logoColor=white)
![React](https://img.shields.io/badge/-React-20232A?logo=react&logoColor=61DAFB)
![TypeScript](https://img.shields.io/badge/-TypeScript-3178C6?logo=typescript&logoColor=white)
![Prisma](https://img.shields.io/badge/-Prisma-2D3748?logo=prisma&logoColor=white)
![MySQL](https://img.shields.io/badge/-MySQL-4479A1?logo=mysql&logoColor=white)
![C#](https://img.shields.io/badge/-C%23-512BD4?logo=csharp&logoColor=white)
![Nobara Linux](https://img.shields.io/badge/-Nobara-294172?logo=linux&logoColor=white)

---

## About

Self-taught web dev based in Germany, running [Hellion Online Media](https://hellion-media.de) since 2021 — IT support, game-server hosting, and custom web work.

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

### [HellionChat](https://gitea.com/JonKazama-Hellion/HellionChat)

C# · Dalamud — privacy-first FFXIV chat plugin

![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)

---

<details>
<summary><b>Other ongoing work</b></summary>

<br>

- **Hellion Initiative Webapp** — Next.js 16 management platform for my Star Citizen corp
- **Nova Corporation CMS** — Next.js 16 · Tailwind v4 · custom Page Builder
- **Hellion Power Tool** — WPF · PowerShell Windows maintenance utility

</details>

## Currently learning

C# on the side, the hard way, through FFXIV plugin work. Privacy-first defaults, atomic commits, transparent about where AI-pair tools fit in and where they don't.

## Off-keyboard

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.

<div align="center">

[![hellion-media.de](https://img.shields.io/badge/hellion--media.de-292929?style=for-the-badge)](https://hellion-media.de)
[![hellion-initiative.online](https://img.shields.io/badge/hellion--initiative.online-292929?style=for-the-badge)](https://hellion-initiative.online)
![hellion-forge.cloud](https://img.shields.io/badge/hellion--forge.cloud-soon-c2410c?style=for-the-badge&labelColor=292929)

<br>

[![Gitea](https://img.shields.io/badge/gitea-609926?style=for-the-badge&logo=gitea&logoColor=white)](https://gitea.com/JonKazama-Hellion)
[![GitHub](https://img.shields.io/badge/github-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/JonKazama-Hellion)

</div>