<commit_before>[Ease In](http://lauren.github.io/ease-in/)
===============

A simple library to fade in DOM elements hierarchically using CSS transitions and 415 bytes of vanilla Javascript.

1. Download the source. Add `ease-in.min.js` to your JS directory, and link it in your document before the ending `body` tag:

```html
<script src="js/ease-in.min.js"></script>
```
2. Add this CSS to all the items you want to fade in:

```css
{
  opacity:0;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
}
```
3. Add this declaration to your stylesheet:

```css
.visible {
  opacity:1;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out
}
```
4. Seriously, this won't work unless you add that CSS, but feel free to modify the transition duration and style if you like.

5. After the DOM has loaded, call easeIn on the element collection of our choice. For instance, this page uses:

```js
easeIn(document.body.children);
```

easeIn will sequentially apply the .visible class to each element in the collection you pass it, including all child elements if any are available.

6. To specify the delay between loading each element, pass an optional delay parameter (in miliseconds):

```js
easeIn(document.body.children, 200);
```

Contributing
------------

1. `npm install --save-dev`
2. `grunt watch`
3. Code!<commit_msg>give up on ols in markdown<commit_after>[Ease In](http://lauren.github.io/ease-in/)
===============

A simple library to fade in DOM elements hierarchically using CSS transitions and 415 bytes of vanilla Javascript.

1) Download the source. Add `ease-in.min.js` to your JS directory, and link it in your document before the ending `body` tag:

```html
<script src="js/ease-in.min.js"></script>
```
2) Add this CSS to all the items you want to fade in:

```css
{
  opacity:0;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
}
```
3) Add this declaration to your stylesheet:

```css
.visible {
  opacity:1;
  -webkit-transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
       -o-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out
}
```
4) Seriously, this won't work unless you add that CSS, but feel free to modify the transition duration and style if you like.

5) After the DOM has loaded, call easeIn on the element collection of our choice. For instance, this page uses:

```js
easeIn(document.body.children);
```

easeIn will sequentially apply the .visible class to each element in the collection you pass it, including all child elements if any are available.

6) To specify the delay between loading each element, pass an optional delay parameter (in miliseconds):

```js
easeIn(document.body.children, 200);
```

Contributing
------------

1. `npm install --save-dev`
2. `grunt watch`
3. Code!
{'fraction_non_alphanumeric': 0.12519561815336464, 'fraction_numerical': 0.01564945226917058, 'mean_word_length': 3.4512534818941503, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6970977', 'n_tokens_mistral': 1027, 'n_tokens_neox': 971, 'n_words': 402}