Utopian V2: Helping with the new Frontend

Repository

My Pull Requests are older than 14 day now. This is because the new UI version was not yet publicly announced yet and I was told to wait a little bit. Now that I see other contributions related to the new UI I think it's time now to share my humble contributions to the project.

Layout/components

The form elements present were not styled like in the design. The components from the quasar framework were used with their default styling. I started to add some custom components as wrappers for those framework components, with custom styling according to the design.

improved homepage styling

In the end I made the frontpage completely responsive and fixed some issues.
I made the project slider now responsive and changed the position of the arrows to make it more intuitive and save some space. I fixed an overlapping issue on small screens and drastically reduced the necessary code. I replace custom CSS with built-in framwork classes where possible.
I removed the homepage component and moved everything to the index page file, since this split did not really make sense for the homepage, because there will always only be one homepage. So there's no need for making parts of it reusable.
I fixed the responsive grid for contributions, task-requests and projects by switching to one item per row on medium screen sizes instead of small ones.
I adjusted the spacing between grid items and fixed the responsive behavior of the project cover images.

I don't have the screenshots from before anymore but here's the final result:

Desktop:

Tablet:

Mobile:

That's it.

I hope I can help a little bit more in the future but I have to make myself more familiar with the quasar framework first, so that I can go beyond mere styling related work.