[Sunbeam GA Launch] /index revamp

[mtruj013]

Done

• Updated copy as per doc

• NOTE: Will include this CTA when the pdf becomes available

  QA

• Check out this feature branch

• Run the site using the command ./run serve

• View the site locally in your web browser at: https://microstack-run-231.demos.haus/

• See that the requested changes have been made

Issue / Card

Fixes https://warthogs.atlassian.net/browse/WD-3619

[webteam-app]

Demo starting at https://microstack-run-231.demos.haus

[codecov[bot]]

Codecov Report

Merging #231 (7e09838) into main (7d5b65f) will not change coverage. The diff coverage is n/a.

:exclamation: Current head 7e09838 differs from pull request most recent head bfd1039. Consider uploading reports for the commit bfd1039 to get more accurate results

@@           Coverage Diff           @@
##             main     #231   +/-   ##
=======================================
  Coverage   77.27%   77.27%           
=======================================
  Files           2        2           
  Lines          44       44           
=======================================
  Hits           34       34           
  Misses         10       10           

Flag	Coverage Δ
python	77.27% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

[juanruitina]

• Can you make sure to add "fresh" to "Get a fresh VM Ubuntu 22.04 LTS" under macOS?
• The "Fill in the survey" icon has some padding, I adjusted the SVG here.
• "24x7" is barely readable on the fourth icon. Seems to be part of the pattern (max-height is set), but could we perhaps increase max-height of all four icons to 3rem?
• Off scope but small fix I hope: the logo in the navigation links to # both here and in /docs, so it doesn't really work. Can we have it make link to /?
• Navigation items take too much spaces and don't fit a single line in smaller screen sizes. I've made a suggestion for @tytus-kurek on the copy doc and asked for his OK.

[mtruj013]

Thanks @juanruitina, I believe I've addressed all of your comments if you could take another look?

[juanruitina]

@tytus-kurek and I still need to agree on the label for the Discourse link on the nav, but other than that it looks good!

[mtruj013]

@julpal7

[juanruitina]

Tytus and I have agreed on the navigation changes, they are in the copy doc. Can you please implement them?

[julpal7]

The [ Download MicroStack Datasheet ] button is missing in the demo, but I see an issue with it has already been addressed in the copy doc, so I’m assuming it will get updated.

There is an unnecessary line under the header, it needs to be removed (it's more visible in the demo):

There is an HR divider missing between the sections here:

Between those sections as well:

I put comments on the dividers in the copy doc. Apart from those minor issues, everything looks okay. @mtruj013 Thanks!

[mtruj013]

Thanks @juanruitina and @julpal7 ! I've addressed your comments if you could both take another look? Julia I think the line under the suru is a vanilla bug specific to your browser, it isn't in the code and I can't see it locally or in the demo on either chrome or firefox

[julpal7]

@mtruj013 Everything looks good now. The line is showing for me in Chrome, but as long as it's not in the code, it must be a bug on my side.

[ClementChaumel]

@julpal7 is your chrome zoomed in by any chance? I can see the line on both 110% and 90% zoom but not on 100%

[julpal7]

@ClementChaumel you're a genius! I was on 90% for some reason, I reset the zoom and it's gone

[juanruitina]

LGTM!