Frontend redesign suggestions

[Privat33r-dev]

Issue

Current design feels outdated and uses outdated stack.

Suggestions

• Remove quiz carousel Change quiz & question format #258
• Remove bootstrap. Use tailwind (requires webpack) or even native CSS with flexboxes.
• Remove jQuery. After removing bootstrap.min.js, the only thing left would be resizeable, which can be replaced by this tiny package. It can even be done without webpack, using just <script src="https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.0/split.min.js"></script>, docs cover its usage.
• Add dark theme

[marcosnils]

Current design feels outdated and uses outdated stack.

yes, I agree. We have a more recent design that we used for https://play-with-go.dev/intro-to-play-with-go-dev_go119_en/. The code is open source also https://github.com/play-with-go/play-with-go.

I think we could bring some of those ideas to this website. WDYT?

• Remove quiz carousel Change quiz & question format #258

+1 to explore this

• Remove bootstrap. Use tailwind (requires webpack) or even native CSS with flexboxes.

I like this as well. I'm unsure about the effort to make this happen

• Remove jQuery. After removing bootstrap.min.js, the only thing left would be resizeable, which can be replaced by this tiny package. It can even be done without webpack, using just <script src="https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.0/split.min.js"></script>, docs cover its usage.

SGTM to explore also

• Add dark theme

Play-with-go https://play-with-go.dev/intro-to-play-with-go-dev_go119_en/ has a dark theme ❤️