Update a new homepage to Ravada's project-site

[Vector-Blanxart]

Signed-off-by: Esteban Villegas Blanxart evillegas@teclib.com

Changes description

• Create a new homepage to Ravada' project-site, migrating the information shown in https://ravada.upc.edu/

• Improve the Responsive web design.

Estimated time

Assignee	🍅
@Vector-Blanxart	75
@Gianfranco97	29
@Naylin15	2

References

Closes #N/A
Related #2
Depends on #N/A

[Vector-Blanxart]

Structure of the homepage

[Vector-Blanxart]

Migrate old ravada content of developers part into the new homepage.
And change color of the hyperlinks.

[Vector-Blanxart]

Migrate old ravada content of developers part into the new homepage.
And change some elements of the structure.

[Vector-Blanxart]

Migrate old ravada content of developers part into the new homepage, specifically, the "Features", "Around the web" and "About Ravada" sections.
Sort and add comments to the code.

[ajsb85]

Hi, @Vector-Blanxart
Don't forget to apply the guidelines of the design.

[Gianfranco97]

1. Redundant content.
2. Underlining on the image in the 'hover' state.
3. The title mixes a lot with the content.
4. A lot of disparity in the amount of content, which causes the problem of having a very large spacing on some cards. Find that all have a similar amount of text, so that there is a correct balance.
5. Segment not clearly differentiated.
6. '?' ... Do not add meaningless information, find a way to obtain it or simply ask in the group.
7. Free *
8. With ...
9. I think these icons are very big.
10. Update the branch, a change was made to the color palette and icons.
11. Try to highlight these texts.
12. All these images have a title and a description, without this information they do not make any sense.
13. Redundant information. If you only have 'frontend web features', those are your features, otherwise you should add the other features. If you do not know what they are you can ask in the Ravada Telegram group.
14. Nothing on this page is responsive.

[Vector-Blanxart]

Improve the responsive web design of the "About" and "Features" sections, and update the code to winstrap design language of the "About" sections.

[Vector-Blanxart]

Improve the responsive web design of the "Getting started", "Developers" and "Get help with Ravada" sections.

[Gianfranco97]

1. Redundant content.
2. Underlining on the image in the 'hover' state.
3. I feel that a title is needed to mark the beginning of the new section.
4. All these images have a title and a description, without this information they do not make any sense.
5. I feel that the title mixes a lot with the content.
6. Much disparity in the amount of content, which causes the problem of having a very large spacing on some cards. We must find that all have a similar amount of text so that there is a correct balance.
7. The Telegram group is missing
8. "¿¿¿?", "With ...". Do not add meaningless information, it is necessary to find a way to obtain it. A good way to do it is by asking about her in the group.
9. There is a lot of dead space in the resolution of tablets.
10. There are problems in mobile responsive design. For mobile phones, it is best to keep only one column.
11. Segment not differentiated clearly.
12. It is necessary to update the branch. Changes were made to the color palette and icons.
13. The links do not redirect to any site.

[Gianfranco97]

Update 13-9-2018

[Naylin15]

Hi,

In About

1 We should remove the Ravada delivers section paragraph
2 Highlight as subtitle Who is Ravada meant for? (perhaps an h4)
3 I think the images is little bit too big, we could add the same style as the ones in Flyve MDM Web Dashboard for example
4 Center the Features
5 As previous conversation the information for the list in get help

Firs item

Building your VDI with Ravada

In our documentation we explain everything you need to deploy a virtual machine in minutes. Be sure to check the installation and troubleshooting pages.
In case you find a bug or come up with a feature, we provide a guideline on GitHub for submitting issues and features request.

Guideline

Development

You want to contribute with the code? Excellent! Just follow our developer’s documentation, here you’ll find all the advices and configurations you need to do to start implementing your changes to the project

Contributing

6 The section Have you installed Ravada? Should be eliminated, this information must be in the contact section
7 Draft for thanks: Thanks to Teclib' for their contribution redesigning the project site image and icons.

[Gianfranco97]