I'm Looking For Someone To Help Me Contribute CSS Changes To Hive, If The Community Likes Them Of Course!

I'm a front-end web designer by day, working predominantly with CSS, HTML, and a little Javascript. I've been in the industry for around 8 / 9 years and have decided that I'd like to help contribute some style changes via CSS to Hive if possible.

I would like to help make the default front-end for hive.blog look entirely better than it currently does and take it away from the similar design of steemit.com.

If someone could please help me to get startedI'd be very grateful! In my day job we don't use gitlab or condensers for projects, just simple staged websites or subdomains is how we operate.

Some Ideas

Fix Logo Height
There is an issue causing the logo to be slightly larger than it should be, to fix this we can simply add-in the following:

.logo img { max-height: 40px; }

The result looks like: (subtle but better and as it was originally designed)

https://images.hive.blog/DQmX7BnV9hcarWcDrWpKWV4HUTZavwjS7hFshenvMmYccXQ/image.png

Fix Clickable Elements On Menu Links
The links at the top of each page "posts", "proposals", "witnesses", "our d'apps" have unclickable elements just below or above the word in the whitespace. This results in poor user experience and should be resolved. Also a little flavour for the design:

li.nav__block-list-item a { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 1.125rem 0.25rem; letter-spacing: 1px; text-transform: uppercase; }

Result Looks Like (plus is fixed for clickable element)
I think it looks a little better with the font being more readable and clearer. The entire element is now clickable for each.

https://images.hive.blog/DQmR3PDeVM2CWTkfCmAax5gaaHQ5AYhwWcqTc1iQSPVFafq/hive-example-2.jpg

Please Get In Touch If You Can Help!

If you know how to help me submit some changes for review by the community then please reach out to me in the comments or on discord @gringo211985 thanks for reading!

Topics