<commit_before># Gallery Wall

Gallery Wall is a simple to use gallery system that you can add to your website
that aligns images (near) perfectly horizontally, and has a fullscreen image viewer.

[Live preview of the site](https://drew-s.github.io/Gallery-Wall/index.html)

### Features
-   Gallery wall (auto resizes with screen)
-   Fullscreen mode (with smooth animations)
-   Mobile support
-   Mobile fullscreen mode
-   Multiple Gallery(s) (albums)

### Installation
Download or clone, and copy the `src/` contents into your `scripts` folder:

```
├── root/
|    ├── scripts/
|    |    ├── gallery.js
|    |    |    ├──imgs/
|    |    ├── ...
|    ├── ...
├── ...  
```
### Usage
Inside your `.html` / `.php` file add:

```html
<script type="text/javascript" src="path/to/gallery.js"></script>
```

to your `<head></head>`

```html
<head>
  <title></title>
  <meta content="">
  <script type="text/javascript" src="path/to/gallery.js"></script>
</head>
```

Inside your body create a container `<div class="gallery"></div>` (div only used as example) with the class
'gallery' and inside that place your images `<img></img>` ...

The script will take care of the rest.

### Known issues
Due to the nature of the script having a `min-width` for the images, if the browser
or the gallery container is too small (width) images will not shrink below the
`min-width` causing empty space to the right of images.

You can remove this limitation by setting `min-width` to `0` just be aware that
your images can have very low (1 or 2px wide) where your images basically do not
show.

It is best to play with the containers size and the `min-width` to get the images
to a point you like

### Tested on Manjaro Linux (browsers)
-   Vivaldi (chrome)
-   Opera
-   Firefox

### License
Released under the [MIT license](http://www.opensource.org/licenses/MIT).

### Author
<NAME>

### Preview
__None of the images used to show the gallery are owned or claimed to be owned by the author.__

_Images were retreived from [deviant art] (http://www.deviantart.com/browse/all/resources/)_

![preview][pre]

##### Fullscreen
![fullscreen][full]

##### Mobile
![Mobile][mob]
<commit_msg>Added Mobile brower test to README<commit_after># Gallery Wall

Gallery Wall is a simple to use gallery system that you can add to your website
that aligns images (near) perfectly horizontally, and has a fullscreen image viewer.

[Live preview of the site](https://drew-s.github.io/Gallery-Wall/index.html)

### Features
-   Gallery wall (auto resizes with screen)
-   Fullscreen mode (with smooth animations)
-   Mobile support
-   Mobile fullscreen mode
-   Multiple Gallery(s) (albums)

### Installation
Download or clone, and copy the `src/` contents into your `scripts` folder:

```
├── root/
|    ├── scripts/
|    |    ├── gallery.js
|    |    |    ├──imgs/
|    |    ├── ...
|    ├── ...
├── ...  
```
### Usage
Inside your `.html` / `.php` file add:

```html
<script type="text/javascript" src="path/to/gallery.js"></script>
```

to your `<head></head>`

```html
<head>
  <title></title>
  <meta content="">
  <script type="text/javascript" src="path/to/gallery.js"></script>
</head>
```

Inside your body create a container `<div class="gallery"></div>` (div only used as example) with the class
'gallery' and inside that place your images `<img></img>` ...

The script will take care of the rest.

### Known issues
Due to the nature of the script having a `min-width` for the images, if the browser
or the gallery container is too small (width) images will not shrink below the
`min-width` causing empty space to the right of images.

You can remove this limitation by setting `min-width` to `0` just be aware that
your images can have very low (1 or 2px wide) where your images basically do not
show.

It is best to play with the containers size and the `min-width` to get the images
to a point you like

### Tested on Manjaro Linux (browsers)
-   Vivaldi (chrome)
-   Opera
-   Firefox

#### Tested on Android (browsers)
-   Firefox
-   Chrome

### License
Released under the [MIT license](http://www.opensource.org/licenses/MIT).

### Author
<NAME>

### Preview
__None of the images used to show the gallery are owned or claimed to be owned by the author.__

_Images were retreived from [deviant art] (http://www.deviantart.com/browse/all/resources/)_

![preview][pre]

##### Fullscreen
![fullscreen][full]

##### Mobile
![Mobile][mob]

{'fraction_non_alphanumeric': 0.13435874236598055, 'fraction_numerical': 0.0013571590137977834, 'mean_word_length': 3.694267515923567, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 35, 'https://': 2, 'lorem ipsum': 0, 'www.': 4, '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': '1606289', 'n_tokens_mistral': 1409, 'n_tokens_neox': 1365, 'n_words': 563}