1UP - Responsivity and mobile styles

in #utopian-io7 years ago (edited)

gif02.gif

 
We want 1UP to be beautiful on mobile too. You won't be able to vote, but you can still check the top posts and other posts to see who is best.

 

Bug Fixes

  • Missing closing div tag found and fixed. Lines 40 and 41.

 

New Features

  • Mobile menu. Designed with more items in mind.
  • Empty state screen
  • Mobile layout. Breaking points: 1024px and 640px
  • Logo now switched to "Now" tab

 

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

  • Links on other posts are not correct. Only on top post.
  • Animate gradient
  • Test it on mobile after deployment
  • Test interactions

 
Created with ♥ for Steem and Utopian



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Hey @flauwy, I just gave you a tip for your hard work on moderation. Upvote this comment to support the utopian moderators and increase your future rewards!

Great work. BTW what's 1UP all about?

Fun way to reward the best Utopian post. With SteemPlus extension, users will be able to give votes to one post per period (2.4h I think). This way they will front-run Utopian upvote and reward that good post even more.
And this page will show the ranking and coundown and other things.

That looks amazing. keep going!

Thats a nice idea tbh, we really should get utopian good looking on mobile devices. I know a lot of people who are using steemit only through their smartphones, and they are earning really well even tho they dont care,that is just a nice bonus instead of a purpose of making posts.
It would be awesome to see the exact same thing on the utopian, ami right guys?

I think busy.org and utopian look alright on mobile. Just Steemit is a bit behind.

Hey @andrejcibik I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

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