Utopian.io: Landingpage Update (Contributor Report #8)
The utopian.io landingpage has finally reached a state that can be considered final... for now... kind of... well, not really but there are some notable changes. @elear moved it to it's public domain http://join.utopian.io a few days ago already but the last changes were integrated just yesterday. Here's my summary of what has changed over the last 100 commits since my last report.
Copywriting
First of all I want to say thank you to @imwatsi who proof-read and improved all the texts and wrote very professional new ones for all the categories and the FAQ for example. I know what a hard task it can be to organize information to be meaningful but short and understandable. @imwatsi, you did a great job! :)
Contributions
The projects section now also shows the top contributions for the selected project, to bring the contributions a bit more into focus.

To be honest the relevant code got a bit messy because I had a hard time making jQuery, the Slick carousel plugin, animations and VueJS work together. Maybe someone wants to work on this while I need some time for other things.
https://github.com/utopian-io/utopian-io-landingpage/issues/25
https://github.com/utopian-io/utopian-io-landingpage/commit/60fd2203f0900cf74e1112d4261cbef1dfac722b
Project owners
The project owners section wasn't there the last time I posted, so I have to mention it. :D
However, I think this section will be subject to more changes as there will be more tools and opportunities for project owners in the future. We'll see.
https://github.com/utopian-io/utopian-io-landingpage/commit/2a7c69892e8b7d02b44f4f26df0ea6b4be5de703
Rewards
The rewards are now nicely animated and continuously updated every 30 seconds. Feels even better now to look at these every increasing numbers! :D

https://github.com/utopian-io/utopian-io-landingpage/commit/6e98cb2c0987ebc319d834ea5f6e1aee21c5d1e4
Style Changes
You might have noticed that the icons have changed. They are now the same as on utopian.io. Thanks @nelsonm for providing the images... but... wait... in the moment I'm writing this I realize that they are exactly the same as in the icon font used on utopian.io so maybe it would be better to use those instead of images. Maybe this will be part of a future performance update that is definitely needed in general.

https://github.com/utopian-io/utopian-io-landingpage/issues/26
Then those boxes look better now.

The moderators carousel also changed a bit and the individual rewards are now shown instead of social media icons.

I just wonder why I didn't animate them.... maybe some day. :P
https://github.com/utopian-io/utopian-io-landingpage/commit/3289c5c21f4e2618274da793e863d4015044216d
https://github.com/utopian-io/utopian-io-landingpage/commit/acbd23e0326c4b973aeb64e31feec51b559d37fd
Footer
The social media icons are now actually linked. But there's something missing in the footer. Maybe it has something to do with the newsletter. I'll think about this... :D
https://github.com/utopian-io/utopian-io-landingpage/commit/b5d3f3e70db0f64327a4eb73f4f4737b04757db7
Mobile Fixes
Last but not least I made some minor style fixes for small screens.
https://github.com/utopian-io/utopian-io-landingpage/commit/cda6c578bec2fc5a25e74e999bd6cc41db589d87
Translations
For the landingpage I think it's important to address as many people as possible by translating the content to as many languages as possible. I already integrated a language switcher which is currently disabled and I'm working on the German translation but their will be a separate post on this, calling for translators. I just need to finish some preparations.
Performance
The landingpage currently makes a ton of requests and could easily be improved performance-wise.
Many of those requests are all the moderator's and contributor's profile images but for example all css and js files can be combined, images can be reduced in filesize and there are a lot more ways to make the page load faster.
https://developers.google.com/speed/pagespeed/insights/?url=join.utopian.io
https://github.com/utopian-io/utopian-io-landingpage/issues/27
Still not finished...
You see, there's still some work to do. Everyone's invited to help.
Also checkout @imwatsi's latest post about the coming help center:
https://busy.org/utopian-io/@imwatsi/the-official-utopian-help-center
You all can help on many fronts! ;)
Posted on Utopian.io - Rewarding Open Source Contributors




Thanks @mkt :)
It's a pleasure to work with you and @elear.
It's my pleasure, too. :)
Hey @mkt I am @utopian-io. I have just upvoted you at 8% Power!
Achievements
Suggestions
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
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Superb teamwork!
Fantastic work, I really love the design.
This is getting better and better!!=)
Btw, how do you make the animated screen shots? They help a lot to explain :D
Thanks! I use Kazam for screen-capturing on Linux Mint 18 and ezgif.com to convert mp4 to gif.
oh!!! thank you!!:D