Skip to content

Commit

Permalink
Merge pull request #16 from rkunev/chore/add-community-docs
Browse files Browse the repository at this point in the history
chore: Add community docs and update contribution guide
  • Loading branch information
talamaska authored Dec 4, 2017
2 parents 9cf6b78 + de62bba commit 74f8aa0
Show file tree
Hide file tree
Showing 3 changed files with 170 additions and 10 deletions.
74 changes: 74 additions & 0 deletions CODE_OF_CONDUCT.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
# Contributor Covenant Code of Conduct

## Our Pledge

In the interest of fostering an open and welcoming environment, we as
contributors and maintainers pledge to making participation in our project and
our community a harassment-free experience for everyone, regardless of age, body
size, disability, ethnicity, gender identity and expression, level of experience,
education, socio-economic status, nationality, personal appearance, race,
religion, or sexual identity and orientation.

## Our Standards

Examples of behavior that contributes to creating a positive environment
include:

* Using welcoming and inclusive language
* Being respectful of differing viewpoints and experiences
* Gracefully accepting constructive criticism
* Focusing on what is best for the community
* Showing empathy towards other community members

Examples of unacceptable behavior by participants include:

* The use of sexualized language or imagery and unwelcome sexual attention or
advances
* Trolling, insulting/derogatory comments, and personal or political attacks
* Public or private harassment
* Publishing others' private information, such as a physical or electronic
address, without explicit permission
* Other conduct which could reasonably be considered inappropriate in a
professional setting

## Our Responsibilities

Project maintainers are responsible for clarifying the standards of acceptable
behavior and are expected to take appropriate and fair corrective action in
response to any instances of unacceptable behavior.

Project maintainers have the right and responsibility to remove, edit, or
reject comments, commits, code, wiki edits, issues, and other contributions
that are not aligned to this Code of Conduct, or to ban temporarily or
permanently any contributor for other behaviors that they deem inappropriate,
threatening, offensive, or harmful.

## Scope

This Code of Conduct applies both within project spaces and in public spaces
when an individual is representing the project or its community. Examples of
representing a project or community include using an official project e-mail
address, posting via an official social media account, or acting as an appointed
representative at an online or offline event. Representation of a project may be
further defined and clarified by project maintainers.

## Enforcement

Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported by contacting one or more of the project maintainers. All
complaints will be reviewed and investigated and will result in a response that
is deemed necessary and appropriate to the circumstances. The project team is
obligated to maintain confidentiality with regard to the reporter of an incident.
Further details of specific enforcement policies may be posted separately.

Project maintainers who do not follow or enforce the Code of Conduct in good
faith may face temporary or permanent repercussions as determined by other
members of the project's leadership.

## Attribution

This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html

[homepage]: https://www.contributor-covenant.org

82 changes: 82 additions & 0 deletions CONTRIBUTING.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
## Git Commit Message Convention

> This is adapted from [Angular's commit convention](https://github.com/conventional-changelog/conventional-changelog/blob/master/packages/conventional-changelog-angular/convention.md).
#### Examples

Appears under "Features" header

```
feat: Add support for selecting a color by dblclick
```

Appears under "Bug fixes" header, with a link to issue #28:

```
fix(rotator): Fix regression in IE and Edge not rotating the el properly
close #28
```

Appears under "Performance improvements" header, and under "Breaking changes" with the breaking change explanation:

```
perf: Replace base64 bitmap with polyfilled conic-gradient
BREAKING CHANGE: wheel.png was removed and is no longer available to be used.
```

The following commit and commit `667ecc1` do not appear in the changelog if they are under the same release. If not, the revert commit appears under the "Reverts" header.

```
revert: feat: Add support for selecting a color by dblclick
This reverts commit 667ecc1654a317a13331b17617d973392f415f02.
```

### Full Message Format

A commit message consists of a **header**, **body** and **footer**. The header has a **type**, **scope** and **subject**:

```
<type>(<scope>): <subject>
<BLANK LINE>
<body>
<BLANK LINE>
<footer>
```

The **header** is mandatory and the **scope** of the header is optional.

### Revert

If the commit reverts a previous commit, it should begin with `revert: `, followed by the header of the reverted commit. In the body it should say: `This reverts commit <hash>.`, where the hash is the SHA of the commit being reverted.

### Type

If the prefix is `feat`, `fix` or `perf`, it will appear in the changelog. However if there is any [BREAKING CHANGE](#footer), the commit will always appear in the changelog.

Other prefixes are up to your discretion. Suggested prefixes are `docs`, `chore`, `style`, `refactor`, and `test` for non-changelog related tasks.

### Scope

The scope could be anything specifying place of the commit change. For example `core`, `rotator`, `conic-gradient` etc...

### Subject

The subject contains succinct description of the change:

* use the imperative, present tense: "change" not "changed" nor "changes"
* no dot (.) at the end

### Body

Just as in the **subject**, use the imperative, present tense: "change" not "changed" nor "changes".
The body should include the motivation for the change and contrast this with previous behavior.

### Footer

The footer should contain any information about **Breaking Changes** and is also the place to
reference GitHub issues that this commit **Closes**.

**Breaking Changes** should start with the word `BREAKING CHANGE:` with a space or two newlines. The rest of the commit message is then used for this.
24 changes: 14 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

<p align="center"><a href="https://www.npmjs.com/package/angular-radial-color-picker"> <img src="https://img.shields.io/npm/dt/angular-radial-color-picker.svg" alt="Downloads"> </a> <a href="https://www.npmjs.com/package/angular-radial-color-picker"> <img src="https://img.shields.io/npm/v/angular-radial-color-picker.svg" alt="Version"> </a> <a href="https://www.npmjs.com/package/angular-radial-color-picker"> <img src="https://img.shields.io/npm/l/angular-radial-color-picker.svg" alt="License"> </a></p>

### Introduction
## Introduction

Great UX starts with two basic principles - ease of use and simplicity. Selecting a color should be as easy as moving a slider, clicking a checkbox or pressing a key just like other basic form elements behave.

Expand All @@ -22,7 +22,7 @@ This is a flexible and elegant material design color picker. Developed with mobi
* <kbd>Enter</kbd> to select a color and close the picker or to open it
* Mouse <kbd>ScrollUp</kbd> to increase and <kbd>ScrollDown</kbd> to decrease hue (Opt-in)

### Quick Links
## Quick Links

* [Demos](#user-content-demos)
* [Usage](#user-content-usage)
Expand All @@ -32,11 +32,11 @@ This is a flexible and elegant material design color picker. Developed with mobi
* [FAQ](#user-content-questions)
* [Contribute](#user-content-contributing)

### <a name="demos">Demos</a>
## <a name="demos">Demos</a>
* Color Picker in a modal window - [GitHub Pages](https://talamaska.github.io/angular-radial-color-picker)
* Barebones example - [Codepen](http://codepen.io/rkunev/pen/evYaBO)

### <a name="usage">Usage</a>
## <a name="usage">Usage</a>

#### With Module Build System
Color Picker on [npm](https://www.npmjs.com/package/angular-radial-color-picker)
Expand Down Expand Up @@ -77,7 +77,7 @@ You can also use the minified sources directly:

[Back To Top](#user-content-quick-links)

### <a name="options">Options</a>
## <a name="options">Options</a>
`<color-picker>` component has several attributes, all of which are optional. [See the example](http://codepen.io/rkunev/pen/evYaBO) which uses all options.

| Options | Type | Default/Description |
Expand All @@ -90,7 +90,7 @@ You can also use the minified sources directly:

[Back To Top](#user-content-quick-links)

### <a name="events">Events</a>
## <a name="events">Events</a>

For maximum flexibility the component utilizes the pub/sub pattern. For easier communication a set of events are provided that can even programmatically open or close the picker without interacting with the UI. All events carry the current (selected) color in the event data payload.

Expand Down Expand Up @@ -118,7 +118,7 @@ $scope.$emit('color-picker.open');

[Back To Top](#user-content-quick-links)

### <a name="styling">Styling/Sizing</a>
## <a name="styling">Styling/Sizing</a>

The color picker has a default width/height of 280px, but can also be sized via CSS. For example:
```css
Expand All @@ -139,7 +139,7 @@ color-picker {

[Back To Top](#user-content-quick-links)

### <a name="questions">First Asked Questions</a>
## <a name="questions">First Asked Questions</a>

<details>
<summary>Color picker uses <code>hsla()</code>. How can I use other formats like <code>rgba()</code> or HEX?</summary>
Expand Down Expand Up @@ -184,7 +184,11 @@ $ctrl.color = Object.assign({}, $ctrl.color, { hue: 42 });</pre>

[Back To Top](#user-content-quick-links)

### Contributing
TBD
## Contribute
If you're interested in the project you can help out with feature requests, bugfixes, documentation improvements or any other helpful contributions. You can use the issue list of this repo for bug reports and feature requests and as well as for questions and support.

We are also particularly interested in projects you did with this plugin. If you have created something colorful and creative with the color picker and want to show it off send us a quick mail.

The project is using an adapted version of [Angular's commit convention](https://github.com/conventional-changelog/conventional-changelog/blob/master/packages/conventional-changelog-angular/convention.md) and commit messages should adhere to it.

[Back To Top](#user-content-quick-links)

0 comments on commit 74f8aa0

Please sign in to comment.