-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathgallery.html
168 lines (162 loc) · 9.78 KB
/
gallery.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
---
layout: page.njk
title: "Live AI Chatbot Demos"
excerpt: View and chat with a gallery of live AI chatbots made by Juji users to experience AI power firsthand.
date: 2020-03-31T05:24:53.929Z
---
<section class="gallery intro-section">
<div class="jumbotron">
<h1>Try Live AI Chatbots</h1>
<p>Sample AI chat made by Juji users firsthand.</p>
</div> <!-- end of jumbotron-->
</section>
<section class="content-section gallery-section">
<div class="container-fluid">
<div class=
"row no-gutters align-items-center justify-content-around">
<div class="col-8 col-lg-4 rep-col">
<div class="card juji-card">
<div class="image-block" id="jennifer-demo">
<img alt="REP Jennifer profile"
class="rep-profile-img lazyload" src=
"/assets/img/ui/jennifer-profile.jpg"></div>
<div class="card-block">
<h3 class="card-title" id="engagement-title">Jennifer</h3>
<p class="card-text">I debunk misinformation and answer natural language questions about COVID-19 using reliable sources.
</p>
<br>
<p class="author-text">— made by <a href="https://www.newvoicesnasem.org/post/using-artificial-intelligence-to-combat-misinformation-about-covid-19">New Voices</a></p>
<br>
</div>
<div class="primary-action-area">
<a href=
"https://www.newvoicesnasem.org/jennifer-ai-chatbot"
target="_blank">
<div class="btn btn-primary">
<label>Chat with Me</label>
</div>
</a>
</div>
</div>
</div>
<!--div class="col-8 col-lg-4 rep-col">
<div class="card juji-card">
<div class="image-block" id="jennifer-demo">
<img alt="REP profile"
class="rep-profile-img lazyload" src=
"/assets/img/ui/juji-profile.png"></div>
<div class="card-block">
<h3 class="card-title" id="engagement-title">Juji Welcome</h3>
<p class="card-text">I greet website visitors, answer visitor
questions, and guess their needs and wants to best help.</p>
<br>
<p class="author-text">— made by Juji</p>
<br></div>
<div class="primary-action-area"><a href=
"https://juji.ai/pre-chat/5e12c569-434e-41cd-a629-5008efcb6a4c"
target="_blank">
<div class="btn btn-primary"><label>Chat with Me</label></div>
</a></div>
</div>
</div-->
<div class="col-8 col-lg-4 rep-col">
<div class="card juji-card">
<div class="image-block" id="decida-demo">
<img alt="REP Decida profile"
class="rep-profile-img lazyload" src=
"/assets/img/ui/decida-avatar.png"></div>
<div class="card-block">
<h3 class="card-title" id="engagement-title">Magic Journal</h3>
<p class="card-text">I chat with people to help them reflect on
their daily life, tears, smiles, and important life events.</p>
<br>
<p class="author-text">— made by Decida</p>
<br></div>
<div class="primary-action-area"><a href=
"https://www.messenger.com/t/104238007602680" target=
"_blank">
<div class="btn btn-primary"><label>Chat with Me</label></div>
</a></div>
</div>
</div>
<div class="col-8 col-lg-4 rep-col">
<div class="card juji-card">
<div class="image-block" id="mike-demo">
<img alt="REP Cosmo profile"
class="rep-profile-img lazyload" src="/assets/img/ui/cosmo.png"></div>
<div class="card-block">
<h3 class="card-title" id="engagement-title">Helpful Cosmo</h3>
<p class="card-text">I'm an AI assistant for Facebook E-Commerce.
Just chat with me to see what I can do.</p>
<br>
<p class="author-text">— made by Flying Nimbus</p>
<br></div>
<div class="primary-action-area"><a href=
"https://www.messenger.com/t/104814651036868" target="_blank">
<div class="btn btn-primary"><label>Chat with Me</label></div>
</a></div>
</div>
</div>
<div class="col-8 col-lg-4 rep-col">
<div class="card juji-card">
<div class="image-block" id="alex-demo">
<img alt="REP Alex profile"
class="rep-profile-img lazyload" src=
"/assets/img/ui/alex-avatar.jpeg"></div>
<div class="card-block">
<h3 class="card-title" id="engagement-title">Interactive Sports
Column</h3>
<p class="card-text">I'm managing Alex's Sports Column. I love to
chat about sports, especially if you love soccer.</p>
<br>
<p class="author-text">— made by Alex</p>
<br></div>
<div class="primary-action-area"><a href=
"https://www.messenger.com/t/101759894679272"
target="_blank">
<div class="btn btn-primary"><label>Chat with Me</label></div>
</a></div>
</div>
</div>
<div class="col-8 col-lg-4 rep-col">
<div class="card juji-card">
<div class="image-block" id="jackson-demo">
<img alt="REP Jackson profile"
class="rep-profile-img lazyload" src=
"/assets/img/ui/jackson-avatar.png"></div>
<div class="card-block">
<h3 class="card-title" id="engagement-title">New Year's Resolution
Bot</h3>
<p class="card-text">Everyone has a new year's wish. Chat with me
to see if I can help you fulfill your wish.</p>
<br>
<p class="author-text">— made by Jackson</p>
<br></div>
<div class="primary-action-area"><a href=
"https://www.messenger.com/t/100355648169966" target=
"_blank">
<div class="btn btn-primary"><label>Chat with Me</label></div>
</a></div>
</div>
</div>
<div class="col-8 col-lg-4 rep-col">
<div class="card juji-card">
<div class="image-block" id="bn-demo">
<img alt="REP Book Genie profile" class=
"rep-profile-img lazyload" src="/assets/img/ui/bn-avatar.png"></div>
<div class="card-block">
<h3 class="card-title" id="engagement-title">Book Genie</h3>
<p class="card-text">Love books? Want to know your book
personality? Chat w/ me and let's find out together.</p>
<br>
<p class="author-text">— made by Wenxi</p>
<br></div>
<div class="primary-action-area"><a href="https://www.messenger.com/t/109315067094969"
target="_blank">
<div class="btn btn-primary"><label>Chat with Me</label></div>
</a></div>
</div>
</div>
</div>
</div>
</section>