-
Notifications
You must be signed in to change notification settings - Fork 890
/
quickdraw.html
106 lines (101 loc) · 3.07 KB
/
quickdraw.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
<!--
@license
Copyright 2017 Google Inc.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
setupComplete = false;
window.addEventListener('WebComponentsReady', function() {
if (setupComplete) {
return;
}
setupComplete = true;
var link = document.createElement('link');
link.rel = "import";
link.href = "facets.html";
link.onload= function() {
var dive = document.createElement('facets-dive');
dive.crossOrigin = "anonymous";
dive.spriteImageWidth = "40";
dive.spriteImageHeight = "40";
document.body.appendChild(dive);
var script = document.createElement('script');
script.async = true;
script.src = 'quickdraw.js';
document.head.appendChild(script);
}
document.head.appendChild(link);
});
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/webcomponents-lite.js"></script>
<style>
body, html {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
body {
display: flex;
flex-direction: column;
}
.header {
align-items: center;
background-color: #ffd139; /* Quick Draw yellow. */
display: flex;
height: 35px;
justify-content: center;
width: 100%;
}
.header label {
font-family: "Comic Sans MS";
margin: 0 10px;
}
</style>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46457317-7', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="header">
<label>
<span><a href="https://quickdraw.withgoogle.com/data">Quick, Draw!</a> Dataset:</span>
<select class="datasets">
<option value="https://storage.googleapis.com/quickdraw-data/upload/random-faces">
Random Faces
</option>
<option value="https://storage.googleapis.com/quickdraw-data/upload/complex-faces">
Complex Faces
</option>
<option value="https://storage.googleapis.com/quickdraw-data/upload/random-faces-nonus">
Random Faces (non-US)
</option>
<option value="https://storage.googleapis.com/quickdraw-data/upload/random-chairs">
Random Chairs
</option>
</select>
</label>
<label>
<span>Preset View:</span>
<select class="presets"></select>
</label>
</div>
</body>
</html>