Skip to content
This repository was archived by the owner on Feb 1, 2019. It is now read-only.
This repository was archived by the owner on Feb 1, 2019. It is now read-only.

Design => Free Shirt #28

@arb

Description

@arb

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions