joanpuig/
├── nano_photos_provider2/
│ ├── nano_photos_content/
│ │ ├── _thumbnails/
│ │ ├── 1977/
│ │ ├── 1980/
│ │ ├── 1982/
│ │ ├── 1984/
│ │ ├── 1986/
│ │ ├── 1988/
│ │ ├── 1990/
│ │ ├── 1992/
│ │ ├── 1993/
│ │ ├── 1994/
│ │ ├── 1995/
│ │ ├── 2009/
│ │ ├── 2010/
│ │ ├── 2012/
│ │ ├── 2013/
│ │ ├── 2017/
│ │ ├── 1.jpg
│ │ ├── 10.jpg
│ │ ├── 11.jpg
│ │ ├── 12.jpg
│ │ ├── 2.jpg
│ │ ├── 3.jpg
│ │ ├── 4.jpg
│ │ ├── 6.jpg
│ │ ├── 7.jpg
│ │ ├── 8.jpg
│ │ ├── 9.jpg
│ ├── nano_photos_provider2.cfg
│ ├── nano_photos_provider2.encoding.php
│ ├── nano_photos_provider2.json.class.php
│ ├── nano_photos_provider2.php
│ ├── nano_photos_provider2_check.php
└── index.php
//index.php
<html>
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.21.9/dist/css/uikit.min.css" />
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@3.21.9/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.21.9/dist/js/uikit-icons.min.js"></script>
</head>
<body>
<div class="uk-container uk-container-expand">
<!-- NANOGALLERY-->
<link href="https://unpkg.com/nanogallery2/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
<div id="nanogallery2" data-nanogallery2='{
"kind": "nano_photos_provider2",
"dataProvider": "http://localhost/people/nano_photos_provider2/nano_photos_provider2.php",
"ThumbnailHeight": 350,
"ThumbnailWidth": 350
}'>
</div>
</div>
<!-- jQuery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/nanogallery2/dist/jquery.nanogallery2.min.js"></script>
<!-- NANOGALLERY-->
</body>
</html>
