T255429 New demo site

[hueitan]

Phabricator Link : https://phabricator.wikimedia.org/T255429

Design has been confirmed by the designer

Dev please review the CI and webpack code changes, and don't be too picky on the demo code as it is modified from a static demo html

To preview this demo site, visit https://hueitan.github.io/sudhanshugautam3.github.io/

Mobile View (1)	Mobile View (2)

Desktop View (1)	Desktop View (2)

[medied]

After the re-write the demo is now rendering much better across my devices (Chrome, Firefox in desktop and iphone), working lovely on mobile, good work Huei.

Some observations:

• From the Phabricator ticket description I see this request: "Shows how Preview links are distinguished from other hyperlinks". Is this a good moment to add them?
• Do we need to update README images? I guess that's not really necessary, they can serve as the memory of the first demo site
• npm run build produces assets as expected
• I can run locally on desktop and mobile as expected

[hueitan]

• From the Phabricator ticket description I see this request: "Shows how Preview links are distinguished from other hyperlinks". Is this a good moment to add them?

As discussed with design, it currently shows different than the normal hyperlinks now, so we are safe here.

• Do we need to update README images? I guess that's not really necessary, they can serve as the memory of the first demo site

It's not necessary here, we need to update the screenshot once the gallery is done for sure.

[medied]

...we need to update the screenshot once the gallery is done for sure.

You're right. I suggest we update README with gallery screenshots once the licensing info is ready (so with this ticket)