Skip to content

[FEATURE] Revamp the website with modern design #720

@FabrizioJordan

Description

@FabrizioJordan

Is your feature request related to a problem? Please describe.

The website uses bad web practices and looks old and outdated.

Describe the solution you'd like.

Bad practices: Using grid, padding and margin to separate elements instead of flex.
I replaced the incorrectly used padding and margin with flex and gap.
PD: the grid is more difficult and not necessary in these cases.

Bug: Main section image animation shows scrollbar on X axis.
Fix: Overflow hidden in container div .

From antique buttons and anchors to modern and clean designs. Borderless, better border radius, more correct size, etc.

Minor changes in Footer. Minor changes in Demo section.

These changes improve consistency across the website.

Screenshots

Home section:

With 2 buttons in header on hover:
image

Contribute section:

With 2 buttons in header, 3 contributors avatar and fork button on hover:
image

Demo section:

Normal:
image

Buttons on hover:
image

Footer:

image

Additional information

Sorry for my English, I don't speak it very well.

And this is one of my first contributions.

Do you want to work on this issue?

Yes

Metadata

Metadata

Labels

Website 🌐Issues/Pull Requests regarding Websitefeature ✨New feature request or addition

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions