Using .windsurfrules
Front matter now uses custom_html
with five modes:
1. False (default)
- Standard Hugo Markdown post—no custom HTML/CSS/JS enhancements.
2. Normal
- Scoped HTML/CSS/JS overrides (no 3D). No top-level tags; theme layout preserved.
3. Embed
- Inline Three.js embed inside a container (e.g.
.threejs-container
); theme layout preserved.
4. Full-screen
- Three.js scene as full-window background, no OrbitControls; skips theme wrapper.
5. Controls
- Full-screen Three.js background with OrbitControls enabled; skips theme wrapper and may disable page scroll.
How to use
- Set
custom_html: [false|normal|embed|full-screen|controls]
in your front matter. - Follow the corresponding rules in
.windsurfrules
for structure, scripts, and responsiveness.