feat: add index routes pages

[JaimeTorrealba]

Little PR to add the routes in the index page

(the CSS is very simple, I'm not good using UnoCSS) Any help appreciated

[netlify]

✅ Deploy Preview for cientos-tresjs ready!

Name	Link
🔨 Latest commit	f817cde
🔍 Latest deploy log	https://app.netlify.com/sites/cientos-tresjs/deploys/6514edcbb3213e000831b74b
😎 Deploy Preview	https://deploy-preview-215--cientos-tresjs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[JaimeTorrealba]

@andretchen0 would you like to tweak a little, this one? Basically just add some styles?

[andretchen0]

@JaimeTorrealba

Sure thing. I don't know much about Uno either, but I'll see what I can do.

[andretchen0]

Basically just add some styles?

Since you mentioned Uno:

Looking at the playground directory, Uno isn't included. Vitepress is also not included. That means we can't easily use the same styles from the docs site, as far as I can tell.

• Do we want to add Uno or VitePress?
• Or should we just add some plain CSS styles?

[JaimeTorrealba]

Hi, For this issue please be creative, what I did just work, but is ... ugly hahaha

I don't understand well how this work, Uno seems not being installed but some "tailwinish" styles are available (I don't work with tailwind) dunno what configuration did Alvaro regarding the styles.

Anyway plain CSS is fine for me, this is just for improving a little the DX Feel free to ve creative with this one

[andretchen0]

Looks like there was a version of Uno in there. I used Tailwind-type styles to format the landing page to look like the other Cientos/TresJS pages. I didn't create a dark mode – though that would be nice!

There was a conflict with the styles required by full-page THREE components. The styles in /playground/src/style.css made the landing page always show a scrollbar. So I created an override using the route name "Home" as a class on the body.

While I was at it, I added the route name to the document title (the one shown in the browser chrome).

[JaimeTorrealba]

I love the final result, thanks for this @andretchen0