<commit_before># Gallery

A responsive gallery jquery plugin.

## Getting Started

Download the [production version][min] or the [development version][max].

[min]: https://raw.github.com/hatchddigital/hatchling.slide/master/dist/slide.min.js
[max]: https://raw.github.com/hatchddigital/hatchling.slide/master/src/slide.js

In your web page:


```html
<script src="libs/jquery/jquery.js"></script>
<script src="dist/gallery.min.js"></script>
<script src="dist/gallery.css"></script>
<script type="text/javascript">
    $(function () {
        $('.gallery').gallery();
    });
</script>
```

## Usage

To have this work on your site we require specific CSS and markup requirements
to get all the pieces in place. We don't want you to be forced to use our
setup so this is a guide, we just need to you to have the same classes
somewhere in your code.

### HTML

The markup requires that everything is wrapped within a parent element so
that the correct slides and controls for the specific tool can be found.

The gallery should be composed of a parent element, with a list and a series
of gallery items. 

The default markup the gallery accepts is:

```html
<div class="gallery"><commit_msg>Added example to readme<commit_after># Gallery

A responsive gallery jquery plugin.

## Getting Started

Download the [production version][min] or the [development version][max].

[min]: https://raw.github.com/hatchddigital/hatchling.slide/master/dist/slide.min.js
[max]: https://raw.github.com/hatchddigital/hatchling.slide/master/src/slide.js

In your web page:


```html
<script src="libs/jquery/jquery.js"></script>
<script src="dist/gallery.min.js"></script>
<script src="dist/gallery.css"></script>
<script type="text/javascript">
    $(function () {
        $('.gallery').gallery();
    });
</script>
```

It might be helpful to have a look at the [live example] of the gallery in action.

[live]: http://shadowmint.github.io/gallery/index.html

## Usage

To have this work on your site we require specific CSS and markup requirements
to get all the pieces in place. We don't want you to be forced to use our
setup so this is a guide, we just need to you to have the same classes
somewhere in your code.

### HTML

The markup requires that everything is wrapped within a parent element so
that the correct slides and controls for the specific tool can be found.

The gallery should be composed of a parent element, with a list and a series
of gallery items. 

The default markup the gallery accepts is:

```html
<div class="gallery">
{'fraction_non_alphanumeric': 0.11146245059288537, 'fraction_numerical': 0.0, 'mean_word_length': 4.261954261954262, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 21, 'https://': 4, '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': '6086613', 'n_tokens_mistral': 755, 'n_tokens_neox': 715, 'n_words': 307}