Add React components, styles, vertical rhythm and responsiveness to gatsby-starter-coming-soon

in #utopian-io6 years ago (edited)

A Gatsby starter project for building a coming soon page with minimum configuration. The aim is to have a starter project for Gatsby which you can adapt by just editing a simple text file and then push the site to a web hosting service.

Gatsby Starter New Design

New Features

This pull request includes many additions to the base project.

  • Build page structure through React components
  • Add styles through styled-components
  • Add vertical rhythm through styled-system and grid-styled
  • Add responsiveness to the landing page
  • Add theme support through ThemeProvider
  • Add a central point to edit site data like settings and configuration
  • Remove cruft like Header component

If you want to see the changes you can review the contribution in the merged pull request on GitHUb.

Updated Roadmap For The Gatsby Starter

Done

  • [x] Build initial version
  • [x] Style site with styled-components, Grid Styled, and Styled System
  • [x] Add support for themes
  • [x] Make the site responsive
  • [x] Add vertical rhythm
  • [x] Add a feature list component

Open

  • [ ] Make it easy to adjust settings (Twitter handle etc.), copy, and colors
  • [ ] Add an email sign-up component
  • [ ] Add a countdown component
  • [ ] Add a progress component
  • [ ] Add a Twitter component
  • [ ] Add a second page with about and contact info
  • [ ] Tutorial on how to use and expand the starter

General Information

You can read more about the initial project in the post Initial Version Of gatsby-starter-coming-soon.



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

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

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • 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

Thank you for the contribution. It has been approved.

I will advise you to put more work into your future contributions.

Thanks!

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

Thanks for your feedback. Can I reach you on Discord to discuss your expectations as an utopian-moderator? Would be very helpful for me. Thanks.

Congratulations @cutemachine! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!