-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
555 lines (537 loc) · 34.9 KB
/
options.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
<!DOCTYPE html>
<html lang="en">
<head>
<title>Apollon | Options - documentation</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Apollon | Options - documentation">
<meta name="author" content="Tomy Vinci">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- FontAwesome JS -->
<script defer src="assets/fontawesome/js/all.js"></script>
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/prism/prism.css">
<link rel="stylesheet" href="assets/plugins/elegant_font/css/style.css">
<link rel="stylesheet" href="assets/plugins/simplelightbox/simple-lightbox.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
</head>
<body class="body-pink">
<div class="page-wrapper">
<!-- ******Header****** -->
<header id="header" class="header">
<div class="container">
<div class="branding">
<h1 class="logo">
<a href="index.html">
<span aria-hidden="true" class="icon_easel icon"></span>
<span class="text-bold">Apollon</span> <span class="text-highlight">1.0</span>
</a>
</h1>
</div><!--//branding-->
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Apollon</a></li>
<li class="breadcrumb-item active">Options</li>
</ol>
</div><!--//container-->
</header><!--//header-->
<div class="doc-wrapper">
<div class="container">
<div id="doc-header" class="doc-header text-center">
<h1 class="doc-title"><span aria-hidden="true" class="icon icon_puzzle_alt"></span> Options</h1>
<div class="meta"><i class="far fa-clock"></i> Last updated: September 10th, 2022</div>
</div><!--//doc-header-->
<div class="doc-body row" >
<div class="doc-content col-md-9 col-12 order-1">
<div class="content-inner">
<section id="table-info" class="doc-section">
<h2 class="section-title">Data infos</h2>
<div id="table-uniqid" class="section-block">
<h3 class="block-title">Table unique ID</h3>
<p>
<strong>tableID <i class="fas fa-option"></i></strong> You can set an unique ID :
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// The id of the table
tableID: 1,
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="table-name" class="section-block">
<h3 class="block-title">Table Name</h3>
<p>
<strong>tableName <i class="fas fa-option"></i></strong> You can set a name to the table :
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// The Name of the table
tableName: 'Apollon',
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="dist-loc" class="section-block">
<h3 class="block-title">"dist" root</h3>
<p>
<strong>distloc <i class="fas fa-option"></i></strong> Set the location of the <code>dist</code> folder:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// The location of the "dist" folder of font, svg, img...
distloc: './dist/',
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
</section><!--//doc-section-->
<section id="data-source" class="doc-section">
<h2 class="section-title">Data source</h2>
<div id="data-type" class="section-block">
<h3 class="block-title">Data type</h3>
<p>
<strong>datatype <i class="fas fa-option"></i></strong> Set the data source, to get the content from <code>html</code>, <code>js</code>, <code>ajax</code>, <code>json</code>. there is more informations in the <a href="get-started.html#html-a" target="_blank">Get started</a> page:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Get data from: html, js, ajax, json
datatype: 'html',
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="data-data" class="section-block">
<h3 class="block-title">Data option</h3>
<p>
<strong>data <i class="fas fa-option"></i></strong> This option is used set the content when you <a href="get-started.html#js-a" target="_blank">get data</a> source from <code>datatype: 'js'</code> array, but you can use it to send <code>POST</code> data to <a href="get-started.html#ajax-a" target="_blank">the server</a> when you use <code>datatype: 'ajax'</code>:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Get data from JS array when {datatype: 'js'}
data: {...},
// Send data to the PHP file when {datatype: 'ajax'}
data: {date_min:32165487},
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="data-url" class="section-block">
<h3 class="block-title">Data url</h3>
<p>
<strong>ajaxurl <i class="fas fa-option"></i></strong> This option is used set the location to the server side when you use <code>datatype: 'ajax'</code> or <code>datatype: 'json'</code>. So you have the <a href="get-started.html#json-a" target="_blank">JSON</a> and <a href="get-started.html#ajax-a" target="_blank">AJAX</a> sources :
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// URL of the PHP or JSON Files
'ajaxurl' : './ajax/data.php?id=4',
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
</section><!--//doc-section-->
<section id="data-show" class="doc-section">
<h2 class="section-title">Show data</h2>
<div id="show-mode" class="section-block">
<h3 class="block-title">Show mode</h3>
<p>
<strong>showmode <i class="fas fa-option"></i></strong> This option is used set how to show your data <code>html</code>, <code>list</code>, <code>html</code>. The <a href="get-started.html#table-b" target="_blank">Table</a> and <a href="get-started.html#list-b" target="_blank">List</a> are simple, but for the <a href="get-started.html#html-b" target="_blank">customed HTML code</a> you must add an other option <code>showcode</code> :
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// show data as table, list, html
showmode: 'table',
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="mode-code" class="section-block">
<h3 class="block-title">HTML code</h3>
<p>
<strong>showcode <i class="fas fa-option"></i></strong> This option is used set the customed HTML code to use when <code>showmode: 'html'</code>. You can see the following example and more informations in <a href="get-started.html#html-b" target="_blank">this page</a>:
</p>
<div class="code-block">
<pre><code class="language-javascript">var html_code = '\
<div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">\
<div class="card text-center card-img-top-1">\
<img class="card-img-top w-100" src="./flags/[CODE].svg" alt="" width="242" height="161">\
<div class="card-body"> \
<h4 class="card-title mb-3">[NAME]</h4>\
<p class="card-text">[CAPITAL] - [ALPHA_3] phone: +[PHONE]</p>\
<a class="btn btn-primary btn-block" href="blog.html">[CONTINENT]</a>\
</div>\
</div>\
</div>\
';
{
// HTML code to use when showmode: 'html',
showcode: html_code,
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="data-columns" class="section-block">
<h3 class="block-title">Columns list</h3>
<p>
<strong>columns <i class="fas fa-option"></i></strong> When you use <code>datatype: 'js'</code>, <code>datatype: 'ajax'</code> or <code>datatype: 'json'</code>, you have to specify the table or list columns by the "columns" option:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// The columns list of the table
columns: ['id', 'name', ...],
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="data-toshow" class="section-block">
<h3 class="block-title">Number to show</h3>
<p>
<strong>toshow <i class="fas fa-option"></i></strong> This option is used to set the number of items to show per page select list:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Number of items to show per page
toshow: [10,25,50,100,200,500],
}</code></pre>
<div style="text-align:center"><img class="img-fluid" src="./docs/number to show.PNG" alt="elegant icons" /></div>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="data-tosort" class="section-block">
<h3 class="block-title">Sorting on load</h3>
<p>
<strong>tosort <i class="fas fa-option"></i></strong> You can set content sorting on load, by column and direction:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Sort on content load
tosort: ['id', 'asc'], // or 'desc'
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
</section><!--//doc-section-->
<section id="data-change" class="doc-section">
<h2 class="section-title">Change content</h2>
<div id="numeric-sort" class="section-block">
<h3 class="block-title">Numeric sort</h3>
<p>
<strong>sortnbr <i class="fas fa-option"></i></strong> Set columns to sort like numeric values, for example in string sorting 1, 12, 2, 25, 9 But in numeric order 1, 2, 9, 12, 25:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Columns to sort as number (numeric sort)
sortnbr: ['col 1', 'col 3'],
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="data-trufalse" class="section-block">
<h3 class="block-title">Binary data</h3>
<p>
<strong>trufalse <i class="fas fa-option"></i></strong> Set columns to show like <code>true</code> and <code>false</code> icons:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Columns to show as True/False
trufalse: ['col 2'],
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="data-tolist" class="section-block">
<h3 class="block-title">To list</h3>
<p>
<strong>tolist <i class="fas fa-option"></i></strong> Set columns to show like an <code>ul</code> list when the column contain an <code>array</code>:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Columns to show as list
tolist: ['col 4'],
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="data-action" class="section-block">
<h3 class="block-title">Buttons</h3>
<p>
<strong>action <i class="fas fa-option"></i></strong> This option is important, it's used to replace a column by button:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Columns to show as button to do actions
action: ['Do Something'],
}</code></pre>
<p>
In a PHP file for example the column must return the following code:
</p>
<pre><code class="language-php"><?php
'ID' => 5,
'Do Something' => array(
array(
'id' => 'btn-5',
'content' =>'<i class="ti-pencil white-ico"></i>',
'click' => 'window.open(\'page?i=5\', \'_blank\').focus()',
'color' => 'info'
),
array(
'id' => 'btn-'.$Num,
'content' => '<i class="ti-file white-ico"></i>',
'click' => 'window.open(\'page?i=3\', \'_blank\').focus()',
'color' => 'warning'
)
),
?></code></pre>
<div style="text-align:center"><img class="img-fluid" src="./docs/buttons-action.PNG" alt="elegant icons" /></div>
</div><!--//code-block-->
</div><!--//section-block-->
</section><!--//doc-section-->
<section id="sort-spc" class="doc-section">
<h2 class="section-title">Sort / Filter</h2>
<div id="data-sortfiltr" class="section-block">
<h3 class="block-title">Special sorting</h3>
<p>
<strong>specialsort <i class="fas fa-option"></i></strong> This option is used to change any column sorting, for example the column "Date" with a string value '02/04/1991', but you can add a column to the array "sort_Date" with timestamp '321659875', and when you do sorting to the "Date" column, Apollon will sort the "sort_Date" column:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Sort the columns 'Col' and 'Col 2' with the 'sort_Col' and 'sort_Col 2' values
specialsort: ['Col', 'Col 2'],
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="data-filters" class="section-block">
<h3 class="block-title">Filters</h3>
<p>
<strong>filters <i class="fas fa-option"></i></strong> You can add dynamic filters in the sidebar to Apollon on load, the content will be automatically added:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Add filters sidebar from the columns set in filters option
filters: ['Col', 'Col 2'],
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="data-filterMaxNum" class="section-block">
<h3 class="block-title">filterMaxNum</h3>
<p>
<strong>filterMaxNum <i class="fas fa-option"></i></strong> When you add dynamic filters, the content will be automatically added, but a filter can have lot of values, so you can limit them with this option:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Max number of values to show in filter
filterMaxNum: 20,
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
</section><!--//doc-section-->
<section id="data-export" class="doc-section">
<h2 class="section-title">Export data</h2>
<div id="exp-CSV" class="section-block">
<h3 class="block-title">CSV</h3>
<p>
<strong>exportCSV <i class="fas fa-option"></i></strong> This option is used to add <code>export CSV</code> to the menu, if the <a href="get-started.html#plugin-TableExport" target="_blank">Table Export plugin</a> is included:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Add export as CSV file to the menu
exportCSV: true,
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="exp-XML" class="section-block">
<h3 class="block-title">XML</h3>
<p>
<strong>exportXML <i class="fas fa-option"></i></strong> This option is used to add <code>export XML</code> to the menu, if the <a href="get-started.html#plugin-TableExport" target="_blank">Table Export plugin</a> is included:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Add export as XML file to the menu
exportXML: true,
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="exp-PDF" class="section-block">
<h3 class="block-title">PDF</h3>
<p>
<strong>exportPDF <i class="fas fa-option"></i></strong> This option is used to add <code>export PDF</code> to the menu, if the <a href="get-started.html#plugin-TableExport" target="_blank">Table Export plugin</a> and <a href="get-started.html#plugin-jspdf" target="_blank">JSPDF plugin</a> are included:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Add export as PDF file to the menu
exportPDF: true,
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
<div id="exp-SQL" class="section-block">
<h3 class="block-title">SQL</h3>
<p>
<strong>exportSQL <i class="fas fa-option"></i></strong> This option is used to add <code>export SQL</code> to the menu, if the <a href="get-started.html#plugin-TableExport" target="_blank">Table Export plugin</a> is included:
</p>
<div class="code-block">
<pre><code class="language-javascript">{
// Add export as sql file to the menu
exportSQL: true,
}</code></pre>
</div><!--//code-block-->
</div><!--//section-block-->
</section><!--//doc-section-->
</div><!--//content-inner-->
</div><!--//doc-content-->
<div class="doc-sidebar col-md-3 col-12 order-0 d-none d-md-flex">
<div id="doc-nav" class="doc-nav">
<ul id="doc-menu" class="nav doc-menu flex-column sticky">
<li class="nav-item">
<a class="nav-link scrollto" href="#dashboards">Options</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#table-info">Data infos</a>
</li>
<li class="nav-item">
<ul class="nav doc-sub-menu nav flex-column">
<li class="nav-item">
<a class="nav-link scrollto" href="#table-uniqid">Table unique ID</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#table-name">Table Name</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#dist-loc">"dist" root</a>
</li>
</ul><!--//nav-->
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-source">Data source</a>
</li>
<li class="nav-item">
<ul class="nav doc-sub-menu nav flex-column">
<li class="nav-item">
<a class="nav-link scrollto" href="#data-type">Data type</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-data">Data option</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-url">Data url</a>
</li>
</ul><!--//nav-->
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-show">Show data</a>
</li>
<li class="nav-item">
<ul class="nav doc-sub-menu nav flex-column">
<li class="nav-item">
<a class="nav-link scrollto" href="#show-mode">Show mode</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#mode-code">HTML code</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-columns">Columns list</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-toshow">Number to show</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-tosort">Sorting on load</a>
</li>
</ul><!--//nav-->
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-change">Change content</a>
</li>
<li class="nav-item">
<ul class="nav doc-sub-menu nav flex-column">
<li class="nav-item">
<a class="nav-link scrollto" href="#numeric-sort">Numeric sort</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-trufalse">Binary data</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-tolist">To list</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-action">Buttons</a>
</li>
</ul><!--//nav-->
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#sort-spc">Sort / Filter</a>
</li>
<li class="nav-item">
<ul class="nav doc-sub-menu nav flex-column">
<li class="nav-item">
<a class="nav-link scrollto" href="#data-sortfiltr">Special sorting</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-filters">Filters</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-filterMaxNum">filterMaxNum</a>
</li>
</ul><!--//nav-->
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#data-export">Export data</a>
</li>
<li class="nav-item">
<ul class="nav doc-sub-menu nav flex-column">
<li class="nav-item">
<a class="nav-link scrollto" href="#exp-CSV">CSV</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#exp-XML">XML</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#exp-PDF">PDF</a>
</li>
<li class="nav-item">
<a class="nav-link scrollto" href="#exp-SQL">SQL</a>
</li>
</ul><!--//nav-->
</li>
</ul><!--//doc-menu-->
</div><!--//doc-nav-->
</div><!--//doc-sidebar-->
</div><!--//doc-body-->
</div><!--//container-->
</div><!--//doc-wrapper-->
<div id="promo-block" class="promo-block">
<div class="container">
<div class="promo-block-inner">
<div class="row">
<div class="figure-holder col-lg-5 col-md-6 col-12">
<div class="figure-holder-inner">
<a href="https://themes.3rdwavemedia.com/bootstrap-templates/portfolio/instance-bootstrap-portfolio-theme-for-developers/" target="_blank"><img class="img-fluid" src="assets/images/demo/instance-promo.jpg" alt="Instance Theme" /></a>
</div>
</div><!--//figure-holder-->
<div class="content-holder col-lg-7 col-md-6 col-12">
<div class="content-holder-inner">
<div class="desc">
<h4 class="content-title"><strong> Apollon - Data analysis jQuery plugin</strong></h4>
<p>
Apollon is jquery plugin for data analysis and show from JS object to table, list or any HTML customed code, change order, show with pagination, create graphs, statistics and use dynamic filters, export parts of data...<br/>
this is the first version.
</p>
<a class="btn btn-cta" href="demo.html" target="_blank"><i class="fas fa-external-link-alt"></i> View Demo</a>
</div><!--//desc-->
<div class="author"><a href="https://github.com/TomyVinci">Tomy Vinci</a></div>
<div class="desc">
<p>
You can found Tomy vinci in <a href="facebook.com/tomy.vinci.92" target="_blank">Facebook</a> and in <a href="instagram.com/matadorfit" target="_blank">Instagram</a>
</p>
</div><!--//desc-->
</div><!--//content-holder-inner-->
</div><!--//content-holder-->
</div><!--//row-->
</div><!--//promo-block-inner-->
</div><!--//container-->
</div><!--//promo-block-->
</div><!--//page-wrapper-->
<footer id="footer" class="footer text-center">
<div class="container">
<small class="copyright">Developed with <span class="sr-only">love</span><i class="fas fa-heart"></i> by <a href="https://themes.3rdwavemedia.com/" target="_blank">tomy.vinci</a> for everybody</small>
</div><!--//container-->
</footer><!--//footer-->
<!-- Main Javascript -->
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/prism/prism.js"></script>
<script src="assets/plugins/stickyfill/dist/stickyfill.min.js"></script>
<script src="assets/plugins/gumshoe/gumshoe.polyfills.min.js"></script>
<script src="assets/plugins/simplelightbox/simple-lightbox.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>