Studiou' P Records — site

Static site. No build, no Node, no DB. Plain HTML/CSS/JS.

Structure

.
├── index.html              # the only page
├── css/style.css           # all styles
├── js/main.js              # scroll-cut + audio fade
├── assets/
│   ├── sp-logo.svg         # mark + favicon
│   ├── bg-loop.mp4         # hero background loop
│   ├── artists/*.png       # 1 image per artist
│   └── covers/*.jpg        # album covers (TODO: drop in)
├── .htaccess               # gzip, cache, pretty URLs (Apache)
├── robots.txt
├── sitemap.xml
└── DESIGN_LANGUAGE.md      # design rules — read before changing styles

Deploy

Cheap shared host (cPanel / FTP):

1. Upload everything in this directory to public_html/ (or whatever your host calls the web root).
2. Make sure .htaccess uploads — FTP clients sometimes hide dotfiles.
3. Visit your domain. Done.

Local preview (no build):

python3 -m http.server 8000
# open http://localhost:8000

To-do before launch

• Drop album covers into assets/covers/ — naming scheme: {artist-slug}-0{n}.jpg (see index.html). Square, ~1200×1200, JPG.
• Replace the # href on platform links + footer socials with real URLs.
• Replace contact@studioup.ro if the address is different.
• Update https://studioup.ro/ in sitemap.xml to your real domain.
• After SSL is active on the host, uncomment the HTTPS-redirect block in .htaccess.
• Optional: per-artist bg-loop.mp4 videos. Drop into assets/artists/{slug}.mp4 and swap the .bed.still div for a <video> block in index.html.

Notes

• Hero video is 12.4 MB. Bandwidth on a 3€/month host can be tight — consider compressing it (HandBrake, H.264, ~720p, 1.5 Mbps) to ~2–3 MB.
• All external links use target="_blank" rel="noopener".
• Site is single-page, scroll-snapped. No router needed.