Landing page feedback fixes

[aapaolaza]

• [x] My recent section: add a message "you have no recent activity" if there is no recent activity.
• [x] Explore existing projects: Change design to panel, and add browse programmes/projects buttons
• [x] My recent: limit number of items and add scroll
• [x] Replace "Covid-19 disease maps" logo to https://covid.pages.uni.lu/COVID19-dmap-project.svg
• [x] General style changes
  • [x] Reduce heading sizes/margins
  • [x] Harmonise button sizes
  • [x] Title size too big, subtext too small. Text size needs to be harmonised
  • [x] The thickness of the lines in the images should be made the same for all images
  • [x] The blue color works for FAIRDOMHub, is it ok for other instances too?
  • [x] Smaller feature, "who is using it", and linked tools icons (50%)
• [x] Redesign quick start menu with buttons on the left, and remove headers next to buttons
• [x] Typos,and remove full stops from text
• [x] DISCARDED: Add ability to configure multiple logos to be shown bottom left in the footer, via admin panel option and logo upload.
• [x] Add admin panel option to add custom funding link to bottom left panel
• [ ] Add "My items" project list limit to admin panel (currently projectCount < 5)
• [ ] Linked tools:
  • [x] rename to Integrations
  • [x] Add panel option to disable specific panels for all of them (quick start, news...)
  • [ ] Replace icons with single svg
• [ ] Who is using it:
  • [ ] Replace yaml with admin panel so it's configurable
  • [ ] Not show it if there is no options
  • [ ] Replace with https://getbootstrap.com/docs/4.0/components/carousel/
• [x] Admin panel announcement text:
  • [x] Change so it takes 2/3rds
  • [x] Not show if empty
• [x] Quick start:
  • [x] Make it into a panel
  • [x] leave "my items" as it is (not a panel)
  • [x] Change links for Create/Join project https://testing.sysmo-db.org/projects/guided_create, https://testing.sysmo-db.org/projects/guided_join
  • [x] Remove "create programme" as there is no such feature any more
• [x] Split Explore existing projects as 2 panels:
  • [x] Latest addtions panel (same as the existing one)
  • [x] Another panel next to it with the tags and the browse programme/projects buttons (this panel will control the height)
• [x] Rename "Projects shared with me:" -> Other projects I am a member of
• [x] Add "cite us" to help (https://fair-dom.org/cite)
• [x] Get Started -> redirect to login
  • [x] Learn More -> leave the same
• [x] Remove twitter
• [ ] Make sure there are no empty lists (e.e. my items)
• [ ] Review responsiveness and compatibility with small screens.
  • [ ] My items breaks in bootstrap single column view
• [ ] Review all external links open in new tab

[rabuono]

Can the following please be added? "Add ability to customize logos to be shown in the footer" The idea being to have an easy way for different FAIRDOM-SEEK instances to add logos (e.g. funders, consortia, etc.) that are relevant to them, and not to having to hard code them in.

[rabuono]

Can the following please be also added?

Also on the footer. In the Admin page at /admin/rebrand there are options like:

Imprint enabled Terms and Conditions enabled Privacy Policy enabled "About" page enabled

Can we also have an option to add Funding ? This way we can easily add and customize an instance specific page that contains the funding information pertinent to that instance. The behavior would be the same as with the other options. By enabling Funding the Admin can add text to the text box. A link Funding appears at the footer and directs the user to the page with the text entered by the Admin.

[floradanna]

@rabuono If we have the "Funding" link in the footer, I think it is the best way to add funders. I would avoid to crowd the footer with too many logos. The logo of the provider (ELIXIR BE) should be enough.

Could this task be rephrased: Add ability to configure multiple logos to be shown bottom left in the footer, via admin panel option and logo upload. ? Maybe just adding "Funding" to the footer?

[floradanna]

About "Tools" --> "Integrations". Another possible name now could be "features". I made a first draft for the image with integrations here: https://drive.google.com/drive/u/0/folders/1o0RmGXjy2hTLv5ZJpuSiUjwg8-_YqO9T

Please, give feedback and feel free to edit. I made comments also in the https://docs.google.com/document/d/1wgkwom_tqZRinJnll-KteYn8L7UxQBAvh0fbY1tDboo/edit#

[rabuono]

Adding the Funding link to the footer of the page would indeed solve a few situations in which multiple logos of funders need to be added.

For tools and integrations: Maybe substitute "Log-in with" with "Authenticate" and "Ontology Search" with "Apply Ontologies"