Website structure

This portfolio is intentionally organized so every website and project has a dedicated folder and a dedicated detail page. Update /assets/data/items.json to add new entries.

Folder map

orteov-portfolio/
  portfolio/
    index.html                 (main single-page portfolio)
  websites/
    /
      index.html               (detail page per website)
      cover.svg                (thumbnail image per website)
  projects/
    /
      index.html               (detail page per project)
      cover.svg                (thumbnail image per project)
  structure/
    index.html                 (website structure documentation page)
  assets/
    css/
      style.css                (global styles)
    js/
      space.js                 (interactive space background)
      app.js                   (content injection + footer/social)
    data/
      items.json               (your websites/projects/social links)
  img/
    logo.svg                   (logo used in header)
    favicon.svg                (favicon)

How to add a new website/project

1) Duplicate a folder under /websites/ or /projects/
2) Rename the folder to a clean slug (example: my-new-site)
3) Replace cover.svg with your real thumbnail (or keep SVG)
4) Edit /assets/data/items.json and add the new item
5) Deploy to orteov.com (static hosting is sufficient)

Tip: Keep thumbnails consistent (16:10 ratio), and keep taglines short for a clean, client-friendly grid.