Redesign of homepage

[iamsherlocked1891]

Rework the home page to include more information of Disco.

Before

After

Screen.Recording.2025-02-17.at.12.50.44.mov

Features

After discussing with @MalloryHenriet, here are some ideas to consider:

• disco font for headings
• only use 2-3 font size and use it consistently
  • A good body size is "Build and train"
• center the website to make reading vertical rather than horizontal
  • "Data is never shared" should go under the heading
• the white text on the orange button doesn't have enough contrast
  • look at color.review
• round buttons in Disco and use Disco font
• round the Task list tags and use slack icon colors
• try left-aligning logo in home page
• align "3 steps" heading with the following elements
• make logo smallers
• Use "Lab" and "University" headers between logos
• change the background to dark blue for the logo section
• Add a header and more spacing for the CTA button at the bottom of the page
• Add outlines to the federated learning animations
• Put give us feedback in footer
  * removing feedback form for now since it hasn't been used and we provide contact details
• Move dark theme toggle at the bottom of the sidebar or the footer
• Display names to the sidebar icons
• Hover on card can only show outline, no zoom
• make main container narrower and potentially show information in a column on the right
• make drag and drop zone green to show it is secure and make it blue on hover

Other Changes:

• The "Info Section" icon has been removed from the sidebar
• Deleted unused icons and renamed icons to multi-word names to comply with Vuejs convention
• Renamed multiple component files to multi-word names
  • Notably Testing.vue has been renamed to ModelLibrary.vue and Trainer to TrainerDashboard
• Define webapp-wide default font size and color in App.vue
• Define theme colors in tailwind.config.ts

[tharvik]

thanks for the work, that makes a way more pro homepage, love it!

a few comments, mostly on style, aside from the text consistency on the homepage nothing blocking

while at it, you can also remove src/assets/{gif/DiscoGIF,svg/Disco,AboutUsIcon}.vue now that it is unused

[tharvik]

superbe! this look super pro and very straightforward! 🤩 thanks to you both!

some nitpicking comments (I'm getting lost into reviews theses days)

[tharvik]

thanks for the cleanup & renamings 👌

the more I review, the more I nitpick: nothing really blocking, some nice to fix

I found some readability issues in the TrainingDashboard with the dark theme

• the banner indicating that the training is done on a new model: very-light grey over pink
• the labels of the graphs: black over deep blue

also, when training locally, it shows "Status: Waiting for more participants" but there isn't anyone to wait for (it not blocking as the training advances anyway)