This is my contrubution to 1UP project. I am responsible for styling and front-end development while @stoodkev is working on back end. Desktop styling is 95% done.
New Features
- Implemented SASS.
- Added grid (might not be used eventually)
- Added custom icon-font with logos
- Cleaned up the logo and exported it as .svg
- Styling of main menu, chart menu, voting countdown, top post and other posts
- Style of 1UP voting button
- Style and interaction of links to Steem websites.
- Scrollbar, chrome UI color, selection color
Tools used
- Prepross to compile my sass
- Icon moon web app to create the icon font.
- Illustrator to clean up svg logo and export everything.
- Atom code editor
TODO
- Create screens for other timeframes. There should be some empty state image or graphics.
- Mobile main menu (hide under hamburger icon)
- Responsivity of content.
- Add more interaction / animation
Posted on Utopian.io - Rewarding Open Source Contributors
I like your post, I will follow you constantly,
introduce my name @taqin me from aceh and you from where
Thank you for the contribution. It has been approved.
I liked your mention of
preprosas a tool.I would like to hear more about the other tools you have used here. For example what tools was used clean up the .svg
Don't hesitate to edit the post and lists your tools, it's to the benefit of the whole community.
You can contact us on Discord.
[utopian-moderator]
Just Illustrator. Logo was done in squares - pixel art. So I had to merge them and clean up the unncessary points.
That’s great information to be included in the post. It will help other in this field.
Good job man.
Maybe i'll also join and contribute in utopian.io in the future
Still learning about programming right now :)
Hey @andrejcibik I am @utopian-io. I have just upvoted you!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x
Just a clean , simple but good project good luck