Someone To Help Me Contribute CSS Changes To Hive

[gringo211985]

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)

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.

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!

Comments

[quochuy]

You would need to understand how to use:

• GIT version control including but not limited to: creating branch, merging them, conflict resolution, committing new changes, pulling recent changes from the remote repository etc...
• Node JS and Yarn (NPM) packages
• Unit tests with Jest
• React framework

You can probably practice by cloning the GitLab repository locally.

[gringo211985]

Thanks @quochuy I have been swatting up a little trying to learn a little. I will take these points and will learn each one thoroughly so that I can begin to help out making some changes.

I did play with Github desktop a little and managed to set up a working UE4 repo with collaborators first time round, so guess it won't be too difficult for website repo, presume the process will be similar.

I think I'll do some learning on those points you've listed, then I will begin practicing on a local server until I know what I'm doing, then I can think about making some changes to the repo.

Thanks for your help, much appreciated!!!

Hopefully it won't take me long to get up to speed (most of it looks relatively straight forward)