feat: /ceph/install redesign

[mtruj013]

Done

• Applied redesign as per doc and design
• Drive by:
  • Fixed the djlint toggle setting not placed correctly on /_latest-blogs_download.html

QA

• View the site locally in your web browser at: https://ubuntu-com-14511.demos.haus/ceph/install
  • Be sure to test on mobile, tablet and desktop screen sizes
• Check against doc and design

Issue / Card

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

[webteam-app]

Demo

Jenkins

demos.haus

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 69.76%. Comparing base (5a97dae) to head (813021a).
Report is 60 commits behind head on feature-rebrand-ceph.

Additional details and impacted files

@@                   Coverage Diff                    @@
##           feature-rebrand-ceph   #14511      +/-   ##
========================================================
+ Coverage                 69.64%   69.76%   +0.12%     
========================================================
  Files                       120      120              
  Lines                      3419     3426       +7     
  Branches                   1178     1177       -1     
========================================================
+ Hits                       2381     2390       +9     
+ Misses                     1013     1012       -1     
+ Partials                     25       24       -1     

[mtruj013]

djlint will ignore this if it's set within the script

[eliman11]

Thank you! A few comments:

• Missing description for step 5 under 'multi-node deployment' tab --> 'Here you should see that all the nodes you added have joined the cluster, in the familiar ceph status output.'
• Change 'containerised' to 'containerized' in the 3rd bullet point under 'containerized' tab
• Add 'news' to 'Latest news from our blog' heading at the bottom
• The link in the blog section heading is returning a 404 error - think it's missing /tag. Could you link it to https://ubuntu.com/blog/tag/ceph please? Also edited on the copydoc

[mattea-turic]

ty @mtruj013 ! just one question from me:

• there seems to be a lot of wrapping going on here, making the padding pretty deep; could there just be a regular 64px being used?

[mtruj013]

Thanks @mattea-turic and @eliman11, ready for another look!

[eliman11]

Looks good thank you!

[mattea-turic]

I just noticed the links under the tabs "containerized" and "large-scale" need a hr above it, could you add that in pls? For "large-scale", if you could align them horizontally too like you would as part of a cta block so there aren't too many lines

I'll +1 though :)

[petesfrench]

LGTM