continuationlabs / hapi-setup

hapi plugin for viewing the server configuration
8 stars 6 forks source link

Design => Free Shirt #28

Open arb opened 8 years ago

arb commented 8 years ago

We really need your help making hapi-setup look awesome for the version 3 milestone! To that end, we are prepared to ship you, free of charge, one official hapijs.com t-shirt for your help! You'll also be listed as a contributor on GitHub and if you represent a company, your company name and logo can be featured on the GitHub README.md file. As an added bonus, we'll even throw in a signed copy of our book Full Stack JavaScript Development With MEAN!

Rules

  1. Use the existing build pipeline as it currently stands. No new tools (gulp and grunt I'm looking at you).
  2. Use Stylus and the provided plugins that are already available(AutoPrefixer, Axis, Rupture, and jeet). If you can make a compelling argument for another or different plugin, we're certainly open to that conversation.
  3. It must be responsive.
  4. Use good CSS judgement.
  5. Currently, we are only looking for CSS styling, no JavaScript.
  6. Use Jade.
  7. We're only interested in real, modern browsers. Let's call it IE11 and up.

    Submitting

To submit your style for consideration, open a regular pull request as you normally would. Please include screen shots in the pull request so we can see what it looks like without having to pull down and run the code. In the event of multiple submissions, the one we think looks the best will be declared the winner and will receive the free shirt.

As far as "what should it look like", that is entirely up to you! We ask that you don't style it similar to your company's color and theme, but beyond that, the sky is the limit. If you want, you can style it with similar colors and concept as hapijs.com, but that is absolutely not required.

Also, please note that this software is published under the MIT license. Be sure you are OK with contributing to a project with that license before opening a pull request.

Questions

  1. How do I make it work? Pull the code down and run npm install followed by npm start. You can then point a web browser to "http://localhost:8888/setup" to see UI. If you're interested in the RAW object, point a browser to "http://localhost:8888".
  2. What should I do about "[object Object]"? At the moment, nothing. Style it as it is, that's something for "down the road" to explode those objects.
  3. Can I change the markup? Yes. You are the expert here. Change the DOM to work for you and to be more semantically correct.
  4. What sizes do you have? We have Men's M and XL and Woman's M.

n. More to come as submissions come in

krishnay commented 8 years ago

@arb do you have any design in specific? I can help you in css style changes

arb commented 8 years ago

@krishnay, nope. Completely up to you. Like I said above, you can take queues from hapijs.com, but you don't have to.

We can make CSS style changes too, it's coming up with designs where we really need the help :smile:

cjihrig commented 8 years ago

hapi-swagger is another alternative to look at for styling.