<commit_before># ClickSpark.js

clickspark.js is a javascript utility that adds beautiful particle effects to your javascript events.    
Add image-files as single particles and configure where and when a particle fountain should be fired.

# Install

- simply install it with <a href="http://bower.io">bower.io</a>. Packagename "clickspark"    
`$ bower install clickspark`

- or copy th file clickspark.min.js manually to your project    
[clickspark.min.js][0]
 [0]: https://github.com/ymc-thzi/clickspark.js/blob/master/dist/clickspark.min.js


# Usage

## Automatic click binding (default particle effect)

use jQuery to add clickspark to every HTML element you want like this:

```javascript
$('h1').clickSpark();
```

So on a click on the h1 the default sparkle effect will be fired.

## Automatic click binding with particle-configuration (customized particle effect)

use jQuery to add clickspark to every HTML element you want and configure your particle attributes for example like this:

```javascript
$('h1').clickSpark({     
    particleImagePath: '../particle.png',     
    particleCount: 35,     
    particleSpeed: 12,     
    particleSize: 12     
});
```

| Attribute             | defaultvalue  | type   |
| --------------------- | ------------- | -----  |
| particleImagePath     | ''            | string |
| particleCount         | 35            | int    |
| particleSpeed         | 12            | int    |
| particleSize          | 12            | int    |

## independent particle binding (default particle effect)

use jQuery to fire clickspark indipendently whenever you want for example like this:

```javascript
$(document).ready(function () {
    $('button').click(function () {
        clickSpark.fireParticles($('.sparkingPlace'));
    });
});
```

The particles will be targeted to the position of the html-element with the class ".sparkingPlace". So you can postion the 
particle target wherever you want.

## global particle configuration

use these clickspark-methods to set the attributes for your particle effect:

```javascript
    clickSpark.setParticleCount(50);
    clickSpark.setParticleSize(12);
    clickSpark.setParticleSpeed(12);
    clickSpark.setParticleImagePath('../particle-3.png');
```

See default values above for not set attributes 

# Dependencies
* jQuery


<commit_msg>initial setup<commit_after># ClickSpark.js

clickspark.js is a javascript utility that adds beautiful particle effects to your javascript events.    
Add image-files as single particles and configure where and when a particle fountain should be fired.

# Install

- simply install it with <a href="http://bower.io">bower.io</a>. Packagename "clickspark"    
`$ bower install clickspark`

- or copy th file clickspark.min.js manually to your project    
[clickspark.min.js][0]
 
 [0]: https://github.com/ymc-thzi/clickspark.js/blob/master/dist/clickspark.min.js


# Usage

## Automatic click binding (default particle effect)

use jQuery to add clickspark to every HTML element you want like this:

```javascript
$('h1').clickSpark();
```

So on a click on the h1 the default sparkle effect will be fired.

## Automatic click binding with particle-configuration (customized particle effect)

use jQuery to add clickspark to every HTML element you want and configure your particle attributes for example like this:

```javascript
$('h1').clickSpark({     
    particleImagePath: '../particle.png',     
    particleCount: 35,     
    particleSpeed: 12,     
    particleSize: 12     
});
```

| Attribute             | defaultvalue  | type   |
| --------------------- | ------------- | -----  |
| particleImagePath     | ''            | string |
| particleCount         | 35            | int    |
| particleSpeed         | 12            | int    |
| particleSize          | 12            | int    |

## independent particle binding (default particle effect)

use jQuery to fire clickspark indipendently whenever you want for example like this:

```javascript
$(document).ready(function () {
    $('button').click(function () {
        clickSpark.fireParticles($('.sparkingPlace'));
    });
});
```

The particles will be targeted to the position of the html-element with the class ".sparkingPlace". So you can postion the 
particle target wherever you want.

## global particle configuration

use these clickspark-methods to set the attributes for your particle effect:

```javascript
    clickSpark.setParticleCount(50);
    clickSpark.setParticleSize(12);
    clickSpark.setParticleSpeed(12);
    clickSpark.setParticleImagePath('../particle-3.png');
```

See default values above for not set attributes 

# Dependencies
* jQuery



{'fraction_non_alphanumeric': 0.11363636363636363, 'fraction_numerical': 0.010291595197255575, 'mean_word_length': 3.028497409326425, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4952070', 'n_tokens_mistral': 1338, 'n_tokens_neox': 1240, 'n_words': 443}