interconnect2016/watsonvisualrecognition/application_forms/report_form.html at master · chriwill/interconnect2016 · GitHub

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
<html>
<head></head>
<body style="margin: 0px">

	<div class="navbar navbar-default navbar-fixed-top"
		style="background-color: #00b4a0; font-size: 16px; min-height: 53px; margin-bottom: 30px; border: none;"
		role="navigation">
		<div
			style="padding-left: 21px; padding-right: 21px; margin-right: auto; margin-left: auto; font-family:">
			<div class="navbar-header" style="font-family: &amp; amp;"">
				<div class="navbar-brand"
					style="font-size: 23px; font-weight: 700; align-items: center; color: white; padding: 15px 14px 15px 127px;">InterConnect
					2016 Watson Visual Recognition Demo</div>
			</div>
		</div>
	</div>


	<div class="container"
		style="padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: 1170px">

		<!-- Main component for a primary marketing message or call to action -->
		<div class="jumbotron"
			style="padding-right: 60px; padding-left: 60px; border-radius: 6px; padding-top: 48px; padding-bottom: 48px; margin-bottom: 35px; color: inherit; background-color: #eee;">

			<div class="_demo--container">

				<div class="banner--service-info">
					<div style="display: flex;">
						<svg id="Layer_1" width="100" height="100" viewBox="-913 -139 1000 1000"><style>.st0{fill:#41D6C3;} .st1{fill:#FFFFFF;} .st2{fill:#006D5D;} .st3{clip-path:url(#SVGID_2_);fill:#005448;}</style><circle class="st0" cx="-413" cy="361" r="500"></circle><path class="st1" d="M-608.3 110.7v532.9H-76V110.7h-532.3zm20.7 20.7H-96v409.4h-491.6V131.4z"></path><path class="st1" d="M-280.4 397.9L-424 254.3l-102.2 102.2v122.9h368.7v-81.5l-61.5-61.5z"></path><circle class="st1" cx="-198.9" cy="233.6" r="40.8"></circle><circle class="st2" cx="-565" cy="231.6" r="224.5"></circle><defs><circle id="SVGID_1_" cx="-565" cy="231.6" r="224.5"></circle></defs><clipPath id="SVGID_2_"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#SVGID_1_" overflow="visible"></use></clipPath><path class="st3" d="M-279.8 363.6l-202.4-202.5L-626.5 306v173.4h520.7V363.6l-87.3-86.7z"></path><path class="st1" d="M-691.1 315.7h122.9V361h-122.9zM-691.1 212.2h122.9v45.3h-122.9zM-691.1 108.7h122.9V154h-122.9zM-529.4 108.7h25.9V361h-25.9z"></path><path class="st1" d="M-523 218.7h77.6v25.9H-523z"></path></svg>
						<div
							style="color: #325c80; font-size: 3em; font-weight: bold; margin: 25px 25px 25px 25px;">Visual
							Recognition</div>
					</div>
					<div class="banner--service-description"
						style="margin-top: 20px; font-size: 1.2em;"">Visual
						Recognition allows you to derive insights from an image based on
						its visual content. You can organize image libraries, understand
						an individual image, and create custom classifiers for specific
						results that are tailored to your needs.</div>
				</div>
			</div>

			<h2>Node-RED Watson Visual Recognition output</h2>

			<p>Analyzed image: {{payload}}</p>

			<img src="{{payload}}" height='100' />
			</br>

			<form action="{{req._parsedUrl.pathname}}">
				<input
					style="padding: 8px 45px; font-size: 17px; line-height: 1em; border-radius: 6px; color: #ffffff; background-color: #1abc9c; border: none;"
					type="submit" value="Try again" />
			</form>
			<table border='1'>
				<thead>
					<tr>
						<th>Name</th>
						<th>Score</th>
					</tr>
				</thead>
				{{#labels}}
				<tr>
					<td><b>{{label_name}}</b></td>
					<td><i>{{label_score}}</i></td>
				</tr>
				{{/labels}}
			</table>
			<p>{{msg}}</p>
		</div>

	</div>
</body>
</html>