-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
106 lines (90 loc) · 4.8 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>chatcrowd_home</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css" media="screen,projection">
</head>
<body>
<!-- <a href="https://github.com/uvavision/chat-crowd/tree/website"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a> -->
<div class="section black lighten-1">
<h3 class="header center orange-text"><i>chatcrowd</i>(ViL): A Dialog-based Platform <br>for Visual Layout Composition</h3>
</div>
</div>
<div class="section">
<div class="container">
<br><br>
<div class="row center">
<h5 class="header col s12 light">Chat-crowd is an interactive environment for visual layout composition via conversational interactions. We expect that this system will be useful to build multimodal goal-oriented dialog tasks that require spatial and geometric reasoning.</h5>
</div>
</div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div>
<h2 class="center light-teal-text"><i class="medium material-icons">image_aspect_ratio</i></h2>
<h5 class="center">Grounded by Visual Layouts</h5>
<p class="light">A multi-modal dialog simulation system with a focus on spatial reasoning. Two sample tasks are included, 2D-shape layout and COCO image layout.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center light-teal-text"><i class="medium material-icons">group</i></h2>
<h5 class="center">Multiple Crowdsourcing Mode</h5>
<p class="light">Integrated with crowdsourcing platforms for both synchronous and asynchronous data collection </p>
</div>
</div>
<div class="col s12 m4">
<div>
<h2 class="center light-teal-text"><i class="medium material-icons">trending_up</i></h2>
<h5 class="center">Quality Control</h5>
<p class="light"> Equipped with comprehensive quality controls on the performance of both types of Instructors. </p>
</div>
</div>
</div>
</div>
<br><br>
<div class="row">
<h3 class="center orange-text">Try our demo</h3>
<div class="col s8 m6">
<div class="card">
<div class="card-content">
<p>Task: 2D-shape Layout</p>
</div>
<div class="card-image orange">
<img src="https://camo.githubusercontent.com/c6b8bc29903903090f75f7b22c908c8703fc2031/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f63726f7764666c6f7765722d696e73742d696d67732f324473686170652f696e7374727563746f722e676966">
<!-- <span class="card-title orange-text">2D shape task</span> -->
</div>
<div class="card-action">
<a class="btn orange" target="_blank" href="http://chatcrowd.net:8080/login?role=user&task_id=12445&workerid=test123&username=Guest2&mode=2Dshape&debug=1">Play Instructor</a>
<a class="btn orange" target="_blank" href="http://chatcrowd.net:8080/login?role=agent&task_id=12445&workerid=test123&username=Guest1&mode=2Dshape&debug=1">Play Painter</a>
</div>
</div>
</div>
<div class="col s8 m6">
<div class="card">
<div class="card-content">
<p>Task: COCO Layout</p>
</div>
<div class="card-image">
<img src="https://camo.githubusercontent.com/3908e3a68a56e332d9ad33a98464ff2f7567e520/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f63726f7764666c6f7765722d696e73742d696d67732f434f434f2f64726177696e67746f6f6c2e676966">
<!-- <span class="card-title orange-text">COCO task</span> -->
</div>
<div class="card-action">
<a class="btn orange" target="_blank" href="http://chatcrowd.net:8080/login?role=user&task_id=319714&workerid=test123&username=Guest2&mode=COCO&debug=1">Play Instructor</a>
<a class="btn orange" target="_blank" href="http://chatcrowd.net:8080/login?role=agent&task_id=319714&workerid=test123&username=Guest1&mode=COCO&debug=1">Play Painter</a>
</div>
</div>
</div>
</div>
</div>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
</body>
</html>