KnackSteem: Landingpage

in utopian-io •  last month

image.png

Repository

https://github.com/knacksteem/Landing-page

Pull Request

https://github.com/knacksteem/Landing-page/pull/1

About

https://steemit.com/knacksteem/@knacksteem.org/introducing-knacksteem-a-platform-where-you-can-share-the-things-you-are-passionate-about

Landingage

@knowledges contacted me to ask for help with the landing page for the KnackSteem project.
I was happy to see that everything was already well prepared. He provided me with a complete screen design, the font, icons and so on. So I really just had to put some HTML and CSS together. Again I used Vue.js/Nuxt.js, although maybe not necessary but you never know.

Implementation

The page consists of one index page holding the main content, and 3 other components to keep things a bit more organized.

After setting up a fresh nuxt install I started with the SteemConnect integration, which is now really a very easy task thanks to the plugin I created for that.

Then I made some preparations and added a navbar, header and footer component.

Following that came the content sections.

Last I made the navigation work using bootstraps scrollspy component and the vue-scrollto plugin.

This was the main process of implementation. Since this is a very simply task, I don't think there's much more to say.

Of course everything is mobile first.

Screenshots

Desktop

image.png

Mobile

image.png

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  
  • I like how you integrated eslint right away in the project, I've learned things be looking at your config.
  • I wish there was a way to make that long mobile screen shot easier to see. How about an animated scrolling gif?
  • I've cloned the repo, npm installed, tested lint and ran dev, it's clean and it all works.

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

·

Thank you for your review, @helo!

So far this week you've reviewed 1 contributions. Keep up the good work!

Hi @mkt! We are @steem-ua, a new Steem dApp, computing UserAuthority for all accounts on Steem. We are currently in test modus upvoting quality Utopian-io contributions! Nice work!

Thats really great.

It feels like a masterpiece made by you @mkt .

I really appreciate the work you have put in to it.

and yes the webpage is beautiful.

Hey @mkt
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

I fell in love with this one :P
I really appreciate the effort you put into this :)