Coded Landing Page in New Design for Utopian-IO

in #utopian-io7 years ago

Coded Landing Page in New Design for Utopian-IO

Very recently, @elear made a sort of call-to-arms post for developers to get to work on implementing a new design proposed by @auliausu.

@elear's post

User @mktcode slapped together the HTML in his repo. The version above is a flat page design that might be kind of complicated for Open Source contributions by multiple users.

Due to this, I have taken this design and HTML and paired them together in this repository with a Ruby on Rails framework. This will allow unlimited modularity in design and customization while making merge conflicts and issues between multiple developers smaller and simpler to resolve.

You can see an example deployed on Heroku by following this link. The links are all functional, but at this point in time they are redirect the visitor to the current Utopian.IO site.


Screenshots



Info

  • If you visit the link to the Github repo, you will see a button that says "Deploy to Heroku"
  • Clicking this link will allow you to deploy your own version of the application for ease of development

Setting Up a Local Development Environment

  • Clone the repository
    • git clone https://github.com/netuoso/utopianio-landingpage
    • cd utopianio-landingpage
  • Install Bundler and Gems
    • gem install bundler
    • bundle install
  • Run the Server
    • rails server
  • Visit the Website in your Browser
    • http://localhost:3000

What is Heroku

Heroku is a container-based cloud Platform as a Service (PaaS). Developers use Heroku to deploy, manage, and scale modern apps.

Heroku is fully managed, giving developers the freedom to focus on their core product without the distraction of maintaining servers, hardware, or infrastructure. The Heroku experience provides services, tools, workflows, and polyglot support—all designed to enhance developer productivity.
Source


Open Source Contribution posted via Utopian.io

Sort:  

Dude you are on top of shit!! I wish I had some of your dev skills... I'm slowly learning but light years away from ya brother

That's great! Can't wait to see the landing page live on Utopian =)

Nice

This post has been resteemed by @minnowsupport courtesy of @netuoso from the Minnow Support Project ( @minnowsupport ). Join us in Discord.

Upvoting this comment will help support @minnowsupport.

This post has been resteemed by @nettybot courtesy of @netuoso from the Minnow Support Project ( @minnowsupport ). Join us in Discord.

Be sure to go to https://steemit.com/~witnesses, scroll to the bottom of the page, and vote for @netuoso.

Learnt first time about heroku platform.. i hope i will learn more from u in future..

@netuoso

Amazing design bro. Utopian is getting better day by day....

Mobile version has some problem.

Monitor image is not loading well in screen area.

Thanks. I believe I corrected it now.

My pleasure bro 🙂🙂

Yeah its fine now....

Wooh! This looks really nice!:D
Wish you lots of success!!

I love the idea that Utopian is following even if all that I can contribute to open source is some comments and ideas. It's great to see how the blockchain evolve

I'll follow you. and follow me.

Hello @netuoso this post had issues entering the Utopian feed. Has been fixed. https://utopian.io/utopian-io/@netuoso/coded-landing-page-in-new-design-for-utopian-io

A moderator will soon review this contribution. Thank you so much and sorry for the duplicates if you had any!!

------- END PRE-DEFINED MESSAGE

On top of that.

WOW THANK YOU! I AM GONNA CHECK THIS OUT ASAP!

Thank you for the contribution. It has been approved.

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

Hey @netuoso! I thought about using such a framework too but i decided simply to use Vue.js if needed. To be honest I think a framework like rails is a little bit too much for this landingpage. It won't be too big I guess and there won't be too many people working on it but nonetheless... I don't see any problem with that.
Also you can't run rails as a github page I guess, which would be my preferred way of hosting it.

Would you like to discuss this on discord? :)

Btw, I pushed some updates: https://mktcode.github.io/utopian-io-landingpage/

Hey @netuoso I am @utopian-io. I have just super-voted you at 81% Power!

Suggestions https://utopian.io/rules

-Your contribution is less informative than others in this category.
-Utopian has detected 3 bot votes. I am the only bot you should love!!

Achievements

-I am a bot...I love developers... <3
-Votes on this contribution are going well. Nice!
-You are having more votes than average for this category. Nice!
-You are generating more rewards than average for this category. Super!
-You have a good amount of votes on your contributions. Good job!
Up-vote this comment to grow my power and help Open Source contributions like this one.

U5du1CXP8ocAL7B4LDyr2bgjo4dWiLv_1680x8400.jpg
Hi @netuoso I would like to know the suggestions about this design for landing page.

Definitely check with the Utopian crew on their Discord. I am not in charge of the project at all. I just contribute when I can