Products Structure

Norio ships two trees: the compiled ThemeForest HTML in dist/, and the Vite / Nunjucks source in norio-html-dev/. Keep them separate — edit source, then rebuild. Do not hand-edit generated CSS maps.

Compiled HTML (`dist/`)

assets
- css
  - main.css Vite bundle
- js
  - vendors
    - color-modes.js
    - jquery.odometer.min.js
  - main.js app + GSAP + Three
- imgs
index.html
index-2.html
index-3.html
about.html
projects-1.html … projects-5.html
works.html
project-details.html
services.html
team.html
feed.html
pricing.html
contact.html
… remaining inner pages

Development source (`norio-html-dev/`)

tokens
- tokens.json single source of truth
scripts
- build-tokens.mjs
- check-fse-ready.mjs
public/assets
- imgs
- js/vendors
src
- pages Vite entries
- layouts — base.njk
- partials — headers, footers, scripts
- sections — one folder per design block
- cards
- elements
- data — JSON globals
- assets
  - scss
    - abstracts — tokens, CSS vars, mixins
    - base
    - layout
    - components
    - sections
    - main.scss
  - js
  - imgs
vite.config.js
package.json

Pages compose sections. Sections are named by meaning (hero-1, project-2), never sec-1. Each section pairs one .njk file with one SCSS partial.

Products Structure

Compiled HTML (dist/)

Development source (norio-html-dev/)

Compiled HTML (`dist/`)

Development source (`norio-html-dev/`)