0zhx.com — ma vitrine, mon terrain.
Le site que vous regardez. C'est aussi le bac à sable où je teste les directions artistiques avant de les sortir sur des projets clients : Editorial Wine, typographies, anims discrètes, tenue éditoriale.
Le brief que je me suis donné
Pas un site portfolio générique. Pas un Notion déguisé. Un site qui a une vraie tenue éditoriale, qu'on peut ouvrir un an après et qui ne tape pas à côté.
Direction : Editorial Wine. Fond sombre profond, accents wine et copper, typographies serif (Fraunces) + sans (Inter) + mono (JetBrains Mono). Aucune couleur fluo. Aucun gradient flashy. Juste de la matière qui respire.
Les choix
- Vanilla seulement. HTML, CSS, JS. Aucun framework. Aucun build step. Le site se lit en clair, se déploie en 30 secondes.
- Animations économes. Halo qui respire, lettres qui apparaissent au load, scroll progress copper. Pas de parallax tape-à-l'œil ni de cursor effects qui distraient.
- Statut Discord live. Une carte sur le hero qui remonte ma présence Discord en temps réel — preuve de présence, sans en faire un gimmick.
- Sidebar éditoriale numérotée. Index, Profil, Méthode, Projets, Stack, Services, Contact — chaque section avec son numéro à la Bauhaus.
- Sections projets cliquables. Chaque card pointe vers une étude de cas (cette page en fait partie).
La stack
HTML5 sémantique, CSS custom variables, vanilla JS. Fonts via Google Fonts. Pas de bundler.
VPS dédié, nginx en static. Déploiement par tarball + extract SSH (≈ 2 secondes). Le site reprend en cas de crash sans que rien tombe.