-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
382 lines (354 loc) · 14.2 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
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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kerala Rescue Support</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-freelancer/3.3.7/css/freelancer.min.css" rel="stylesheet">
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/styles.css?v=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="http://keralarescuesupport.com/index.php/">Rescue Support </a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="page-scroll">
<a href="http://keralarescuesupport.com/index.php/home/volunteer" target="_blank">Volunteer Sign Up</a>
</li>
<li class="page-scroll">
<a href="https://keralarescue.in" target="_blank">KeralaRescue.in</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<h3 class="title">How can you help?</h3>
<div class="tab-nav flex-center container-fluid" role="group">
<div class="row">
<div class="btn-group flex-center">
<a href="#tawk-volunteer" type="button" class="btn flex-center btn-lg btn-success col-xs-5">
<span class="glyphicon glyphicon-comment"></span>
<h5>
Become a realtime </br> Chat Volunteer
</h5>
</a>
<a href="#updating-rescue-requests-volunteer" type="button" class="btn flex-center btn-lg btn-default col-xs-5">
<span class="glyphicon glyphicon-eye-open">
</span>
<h5>
Review and Update </br>Rescue Requests
</h5>
</a>
</div>
</div>
</div>
<section id="tawk-volunteer" class="indi-section container">
<p class="sub flex-center row">
<a href="https://www.tawk.to/knowledgebase/getting-started/adding-a-widget-to-your-website/" target="_blank">
<img src="https://www.tawk.to/wp-content/uploads/2015/04/tawky_big.png" />
</a>
<em>
The Keralarescue team is running a real-time
<a href="http://keralarescuesupport.com">24x7 chat helpline</a>
This helpine provides key information to people in need and makes requests for emergency rescues.
</em>
</p>
<section class="row">
<h3 class="title col-xs-12">
<!-- <span class="glyphicon glyphicon-ok-sign"></span> -->
Join as a Chat Volunteer
</h3>
<hr class="dark">
<ol class="instruction-list col-xs-12">
<li>
<p>
Download Slack and join
<a href="https://keralarescue.slack.com/" target="_blank">keralarescue</a>
on
<a href="https://slack.com/downloads/android" target="_blank">Android</a>,
<a href="https://slack.com/downloads/ios" target="_blank">iOS</a> or Web.
</p>
</li>
<li>
<p>
Join the
<a href="https://slack.com/downloads/#chatsupport" target="_blank">#chatsupport</a> channel on Slack
</p>
</li>
<li>
<p>
<a href="https://www.tawk.to/features/android-app/" target="_blank">
<span class="glyphicon glyphicon-info"></span>
Download the Tawk App
</a>
</p>
</li>
<li>
<p>
Fill the Google Sheet made by Nabil
<a href="https://goo.gl/forms/AYRS5W3GUdJLNA7f1" target="_blank">here</a>
</p>
</li>
<li>
<p>
You will receive an email with the subject
<strong>You have been invited to join tawk...’</strong>
</p>
</li>
<li>
<p>
In case of delays, please send a mesaage to @Benoy, @Nabil Nalakath, or @pj_paul on Slack
</p>
</li>
</ol>
<ul class="list-group general-instructions col-xs-12">
<h3 class="title">
Before your chat
</h3>
<hr class="light">
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
<em>Do not start chatting</em> with callers right away. First, observe an experienced volunteer in action. You can
do this by clicking on an ongoing chat. Be careful not to join the chat, but just to observe.
</div>
</li>
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
Wait for the user to send the first message. Do not initiate the chat.
</div>
</li>
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
Talk politely and try to collect necessary information from the visitors as quickly as possible.
</div>
</li>
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
Please remember that people may be worried and tensed, so please keep these in mind when talking to them. You should use
whatever language(s) the person chatting is convenient.
</div>
</li>
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
Only one person may chat with a user at a time. If you would like to enter an already engaged chat, please use the
<strong>Whisper</strong>
tab to speak.
<div class="img-container">
<img src="https://i.imgur.com/j0R8yDI.png" />
</div>
</div>
</li>
</ul>
<ul class="list-group during-instructions col-xs-12">
<h3 class="title">
During your Chat
</h3>
<hr class="dark">
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
Try and obtain a
<ol>
<li>
Contact number
</li>
<li>
Name of the person needing help
</li>
<li>
Location (with Cordinates if possible)
</li>
</ol>
</div>
</li>
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
Use the details obtained in the step above to confirm that this request is not already present in our database.
<ol>
<li>
Search for the contact number (or other details)
<a href="https://keralarescue.in/requests/?" target="_blank">here</a>
</li>
<li>
You may also provide details from the map of resources here
<a href="http://keralarescuesupport.com" target="_blank">here</a>
</li>
<li>
Details on relief camps in districts are here (link under development)
<a href="https://keralarescue.in/relief_camps/" target="_blank">here</a>
</li>
</ol>
</div>
</li>
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
If the person provides all details, don’t ask them again to report directly on
<a href="https://keralarescue.in/relief_camps/" target="_blank">Keralarescue</a>
Instead, you are to file it as shown below.
</div>
</li>
</ul>
<ul class="list-group after-instructions col-xs-12">
<h3 class="title">
After your Chat
</h3>
<hr class="light">
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="lg-content text-left">
If the chat requires immediate attention, generate a ticket. The menu to generate a ticket is available in the bottom right
corner of the chat window. You can also use this menu to tag the chat as well. The following tags are available
<ul>
<li>
<code>
rescue
</code>
</li>
<li>
<code>
info
</code>
</li>
<li>
<code>
safe_area
</code>
</li>
</ul>
</div>
</li>
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
Re-confirm that the request is not already present in our dataset
<a href="https://keralarescue.in/requests/?" target="_blank">here</a>
</p>
</li>
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
Try to contact the number provided from the chat, confirm and file the details
<a href="https://keralarescue.in/request/">here</a> with confirmed details.
</div>
</li>
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
Post requests for urgent rescue in the
<a href="https://slack.com/downloads/#rescue_requests">#rescue_requests</a> Slack channel. Post this using the
<code>\todo</code> command. Example:
<code>/todo Rescue Mr ABC from [lat-long] contact 998y8488</code>
<div class="img-container">
<img src="https://i.imgur.com/DKmiiC5.png" alt="slack sc" />
</div>
</div>
</li>
<li class="list-group-item flex-center">
<span class="glyphicon glyphicon-info-sign"></span>
<div class="text-left">
After a chat has ended Use the
<code>X</code> icon on the top right to close a chat.
<div class="img-container">
<img src="https://i.imgur.com/UF8AUid.png" />
</div>
</div>
</li>
</ul>
</section>
</section>
<section id="updating-rescue-requests-volunteer" class="indi-section container">
<h3 class="title">
<!-- <span class="glyphicon glyphicon-ok-sign"></span> -->
Updating rescue requests
</h3>
<p class="sub flex-center row">
<a href="https://www.tawk.to/knowledgebase/getting-started/adding-a-widget-to-your-website/" target="_blank">
<img src="https://i.imgur.com/te98o6m.png" />
</a>
<em>
Over the last couple of days the helpline team has collected and recorded a lot of data on rescue requests from all over
Kerala. However, we have not been able to update these requests to reflect their latest status. This has lead to
delays and wasted efforts. You can see these requests
<a href="https://keralafights.com/heatmap">here</a>
</br>
</br>
Our mission in this task is to verify the existing rescue requests and to update their status.
</em>
</p>
<ol class="instruction-list container">
<li>
<p>
Join slack using
<a href="https://keralarescue.slack.com/" target="_blank">this invite</a>. If you are joining via Mobile, download Slack on
<a href="https://slack.com/downloads/android" target="_blank">Android</a> or
<a href="https://slack.com/downloads/ios" target="_blank">iOS</a> and join the workspace
<code>keralarescue</code>
</p>
</li>
<li>
<p>
Join the
<a href="https://slack.com/downloads/#volunteer_requests" target="_blank">#volunteer_requests</a> and
<a href="https://slack.com/downloads/#chat_support" target="_blank">#chat_support</a> channels on Slack
</p>
</li>
<li>
<p>
<span class="glyphicon glyphicon-info"></span>
Follow instructions as per
<a href="https://keralafights.com/manage" target="_blank">this page</a>
</a>
</p>
</li>
<li>
<p>
Further instructions are available
<a href="https://keralarescue.slack.com/archives/CCB94H1K9/p1534690984000100" target="_blank">here</a>
</p>
</li>
</ol>
</section>
<a class="top flex-center btn btn-info" href="#">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
<footer class="text-center" id="contact">
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-lg-12">
<a href="http://keralarescuesupport.com/index.php/home/disclaimer">Disclaimer</a>
</div>
<div class="col-lg-12">
<a href="https://ispeakcode.com/" target="_blank">ISpeakCode.com </a> 2018 August 19
</div>
</div>
</div>
</div>
</footer>
<script src="js/scripts.js"></script>
</body>
</html>