# slidetray
* an ease web slide presentation builder
* descripbed in json format
## presentation json template
js (var as json)
```js
let presentation = {
name: `str.ascii`, /// MANDATORY
title: `str.utf8`,
description: `txt.utf8`,
selector: `str.selector`, /// MANDATORY
source_url: `str.url, default='./'`,
effect: `none(=default) | cards | flip | fade | cube`,
theme: `light(=default) | dark`,
navigation: `boolean, default=true`,
pagination: `none | classic(=default) | dynamic | progress | fraction`
keyboard: `boolean, default=false`,
touch: `boolean, default=true`,
css: `text.css`,
slides: [ /// MANDATORY
{
description: `str.utf8`,
image: `str.url`, /// MANDATORY
poi: [ // points of interest
{
text: `utf8 str`
style: `text.css_block, position absolute%, scoped`,
link: [ `array.css_blocks` ] /**/
hover:
},
/*
... */
]
},
/*
... */
]
}
// ** example
// style: [
// '{ top: 15px; background: #333; }',
// 'a { color: #fff; }
// 'a:hover { color: red; }
// ]
```
## HTML minimal template
```html
Swiper demo
```
## TODO: check if url is not broken
https://stackoverflow.com/questions/333634/http-head-request-in-javascript-ajax
https://stackoverflow.com/questions/1591401/javascript-jquery-check-broken-links
## TODO: custom effects
brainstorming:
* https://codepen.io/paralleluniv3rse/pen/yGQjMv