# Hero Next Bilingual Personal Site

Adapted from the project README

A standalone bilingual personal site built with the Next.js App Router. It combines a profile, essays, project showcases, public channels, and a daily journal while using public Viselora packages for DOM, scrolling, and WebGL experiences.

[Website source](https://zzzxc.com/projects/gh-1366880001)

## Project Overview

The site organizes a profile, AI and philosophy essays, public projects, and public channels into four chapters followed by a daily journal. Chinese and English content, theme, and room state persist across the experience, while the project directory combines four full case studies with data-generated public project entries.

## Responsive Experience

Mobile, touch, and short landscape windows use a reading-focused layout. Wide screens with a fine pointer instead present a circular article index, a four-wall project room, hover previews, and a perspective journal. Project cases can open in a native dialog that preserves the room behind them or as standalone pages.

## Implementation and Boundaries

The project uses one runtime, canvas, and scroll source, combining semantic DOM and CSS layout with WebGL effects. Shared state persists theme and locale, while journal data is synchronized before builds. The implementation consumes only public Viselora entrypoints and explicitly avoids private imports, duplicate renderers, and project-specific package forks. Canvas and DOM glyph rasterization may still differ slightly, and the content is described as a base for further editorial refinement.

## Explore further

- [Project source](https://github.com/agenticnoob/hero-next)

[Contents](https://zzzxc.com/agent/en/index.md)