Welcome Page refresh

[abey79]

What

This PR:

• implements a refreshed, toned-down Welcome Page;
• add the panel linking to the examples page;
• make the UI responsive.

This is a PR train, #3191 must be reviewed/fixed/merged first.

Fixes:

• Implement new toned-down style for Welcome Screen #3124
• Make Welcome Screen UI reactive #3043

Checklist

• I have read and agree to Contributor Guide and the Code of Conduct
• I've included a screenshot or gif (if applicable)
• I have tested demo.rerun.io (if applicable)

• PR Build Summary
• Docs preview
• Examples preview
• Recent benchmark results
• Wasm size tracking

[github-actions]

Size changes

Name	main	3219/merge	Change
plots.rrd	184.32 kiB	194.56 kiB	+5.56%

[martenbjork]

Heck yes! This is looking really good out of the box! Here are my notes:

• The content on the welcome screen should be vertically centered. It makes it feel less like a web page and more like app UI.
• Tooltips should never display raw URLs. Just showing a URL to the user is bad UX, because it's a terrible explanation of what the button does. In this case, I think we can drop the button tooltips altogether — there is enough information already through the labels and icons.

Some margin tweaks: (Open image in new tab for hi-res)

[abey79]

Skipping that for the right most column (looked better with the particular copy we have now). Hopefully this doesn't break some design rules :)

[martenbjork]

Hopefully this doesn't break some design rules :)

It does and I love it 😀 However, if Niko is still working on the copy and trying to get the lines to look right, this might create the impression that he has more space than he actually does?

[nikolausWest]

If it's still in play here is a prototype with my suggestions for updated copy: https://rerun-design-prototype-hg8ghy8s5-rerun.vercel.app/

If not I'll open a second PR once this lands

[abey79]

@nikolausWest I updated with your copy