-
Notifications
You must be signed in to change notification settings - Fork 26
Expand file tree
/
Copy pathimage-classification-hbs.htm
More file actions
88 lines (81 loc) · 3.15 KB
/
image-classification-hbs.htm
File metadata and controls
88 lines (81 loc) · 3.15 KB
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
<!doctype html>
<html
lang="en"
data-show-errors
data-i18n-default="en"
data-i18n-locales="en,ja,es,pt-BR,ar,fr,zh-CN"
data-i18n-file="image-classification">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title data-i18n="AI/ML Image Classification | Handlebars"></title>
<link rel="stylesheet" href="css/image-classification.css">
<link rel="canonical" href="https://www.dataformsjs.com/examples/image-classification-react.htm">
<script nomodule>
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'image-classification-ie.css';
document.head.appendChild(link);
</script>
</head>
<body dir="auto">
<nav>
<a href="#/en/" data-i18n="Images" data-i18n-href></a>
<a href="#/en/categories" data-i18n="Categories" data-i18n-href></a>
<a href="#/en/info" data-i18n="Info" data-i18n-href></a>
</nav>
<div id="view"></div>
<script
type="text/x-template"
data-engine="handlebars"
data-default-route
data-route="/:lang/"
data-page="imagePredictionPage"
data-url="https://www.dataformsjs.com/data/ai-ml/sample-data/resnet50"
data-load-only-once
data-lazy-load="imagePredictionPage"
src="html/image-home-hbs.htm">
</script>
<script
type="text/x-template"
data-engine="handlebars"
data-route="/:lang/categories"
data-page="jsonData"
data-url="https://www.dataformsjs.com/data/ai-ml/categories/resnet50"
data-lazy-load="filter"
data-load-only-once
src="html/image-categories-hbs.htm">
</script>
<script
type="text/x-template"
data-engine="handlebars"
data-route="/:lang/info"
data-src="html/image-info-hbs.htm">
</script>
<!--
Handlebars
https://handlebarsjs.com
-->
<script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
<!-- DataFormsJS Handlebars Helpers -->
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/handlebars-helpers.min.js"></script>
<!--
DataFormsJS
https://www.dataformsjs.com
-->
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/DataFormsJS.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/navLinks.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/pages/jsonData.min.js"></script>
<script>
// File 'image-classification.js' uses [Object.assign] which isn't available from IE
// by default. It gets loaded as a polyfill from [DataFormsJS.js] once the page is ready.
// In addition to only loading what is needed using [app.lazyLoad] allows for the polyfill
// to run first.
app.lazyLoad = {
imagePredictionPage: './image-classification.js',
filter: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js',
};
</script>
</body>
</html>