Nuex.tech

• Website that uses golang and htmx for the backend
• Implement each "content cell" type as an individual page first to build out and debug

Overarching styling guidelines

• Courier Prime monospace font, evokes the feel of a government research paper from the 50's–70's
• Interactive 3D models rendered to look diagrammatic; limited selected color palette, map model colors to the closest approved color, fully saturated color with line/cross-hatching shading
• All images labeled as "stylized" are vector types, similar style to 3D models: hard vector-defined lines, color per shape limited to selected palette, nearest approved color mapping, fully saturated with line/cross-hatching shading
• Not dynamically positioned in the layout. Desktop: fixed 3-column grid, equal width/height cells; each cell can take one content type. Phone: single-column, stacked in left-to-right order from desktop view.
• All text content statically rendered and prioritized to load quickly; defer images next; finally defer 3D rendering scripts and model loads.
• Embed YouTube videos and/or animations where appropriate.

Cells to implement

• Three.js rendering of an interactive 3D model

  • For files with extensions .gltf or .glb
  • Custom shader for the model
    • Main color is that assigned in the file
    • Thick outline of model elements
    • Adjacent triangle edge hidden when angle between face normals < 90°
    • Adjacent triangle edge drawn medium thickness when angle ≥ 90°
    • Line/cross-hatch shading approximated by (UV.x + UV.y) / f(normal), denser when normal points downward
    • For line shading: upward-pointing normals shade white; downward-pointing shade black

• Markdown (.md) rendering

  • Render provided Markdown files with syntax highlighting for fenced code blocks
  • Future: execute code blocks and capture output (Python, JavaScript, Go, C/C++)
  • Future: LLM query and response embedding

Loading code snippet...

Example: LLM Query and Response

User Input: What is the purpose of the markdown rendering function in this project?

Response: The mdToHTML function converts markdown content into HTML for web display. It uses the gomarkdown library with common extensions enabled (like automatic heading IDs) and renders links to open in new tabs. This supports the project's goal of rendering markdown files as content cells on the nuex.tech website.

Internal Link: 3d printed discs

External Link: 3dpdiscs.com