forked from kevnsn/PCVA
-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
230 lines (209 loc) · 13.7 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
<!doctype html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"/>
<title>Peace Corps Office of Victim Advocacy Portal</title>
<link rel="stylesheet" href="assets/css/master.css"/>
<link rel="stylesheet" href="assets/css/PCVA.min.css"/>
<link rel="stylesheet" href="jquery-mobile/jquery.mobile.structure-1.3.1.min.css"/>
<link rel="stylesheet" href="assets/mobileicon/jqm-icon-pack-2.0-original.css"/>
<script src="jquery-mobile/jquery-1.10.0.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
<script>
var init = function () {
setTimeout(function () {
navigator.splashscreen.hide()
}, 1000);
};
document.addEventListener("DOMContentLoaded", init, false);
</script>
</head>
<body>
<div data-role="page" id="OVAPage">
<script src="assets/js/pcva.js" type="text/javascript"></script>
<div data-role="header">
<div id="titleimg">
<img src="logo.png" id="pclogo"/>
</div>
<div id="titletext">
<h1>Peace Corps </h1><span class="titleholder"> Victim Advocate Portal</span>
</div>
<a href="faq.html" data-role="button" data-icon="info" data-iconpos="right" data-inline="true" data-mini="true"
class="ui-btn-right" id="faq" data-rel="dialog">FAQ</a>
<!-- Insert code to show loading spinner -->
<script>
$("#faq").click(
function () {
$.mobile.showPageLoadingMsg();
}
);
</script>
</div>
<div data-role="content">
<h2>Are you a victim?</h2>
<p class="bottomindent">Are you a Peace Corps Volunteer who has been the victim of a crime?</p>
<p>The Peace Corps Victim Advocate can assist you with:</p>
<ul id="infolist">
<li>understanding your emotional, medical, and legal options</li>
<li>accessing support services</li>
<li>making informed decisions</li>
</ul>
<hr>
<h2>Call the Office of Victim Advocacy (OVA)</h2>
<p>The Office of Victim Advocacy is available 24/7 and at your convenience (schedule a call below).</p>
<p class="bottomindent"> If you do not have the ability to dial internationally but have data/internet access,
schedule a call and staff will reach out to you.</p>
<a href="tel:2024092704" data-role="button" data-theme="a" id="callbutton" data-icon="phone"
data-iconpos="left"> Call OVA at (202) 409-2704 </a>
<hr>
<h2>Schedule a Call with the Office</h2>
<p>The Office of Victim Advocacy can call you at the local number you provide. </p>
<p class="bottomindent">To schedule a call, complete and submit the following:</p>
<form action="#" method="get" id="required">
<div data-role="fieldcontain">
<div class="ui-grid-a ui-responsive">
<div class="ui-block-a">
<label for="name">Name:</label>
<input type="text" name="name" id="name" value="" placeholder="Full Name"/>
</div>
<div class="ui-block-b">
<label for="country">Telephone:</label>
<input type="text" name="tele" id="tele" value="" placeholder="Phone #, w/ country code"/>
</div>
</div>
<div class="ui-grid-a ui-responsive">
<div class="ui-block-a">
<label for="country">Country:</label>
<input type="text" name="country" id="country" value="" placeholder="Country"/>
</div>
<div class="ui-block-b">
<label for="timezone">Timezone:</label>
<select name="timezone" id="timezone">
<option value="-12">(GMT-12:00) International Date Line West</option>
<option value="-11">(GMT-11:00) Midway Island, Samoa</option>
<option value="-10">(GMT-10:00) Hawaii</option>
<option value="-9">(GMT-09:00) Alaska</option>
<option value="-8">(GMT-08:00) Pacific Time (US & Canada)</option>
<option value="-8">(GMT-08:00) Tijuana, Baja California</option>
<option value="-7">(GMT-07:00) Arizona</option>
<option value="-7">(GMT-07:00) Chihuahua, La Paz, Mazatlan</option>
<option value="-7">(GMT-07:00) Mountain Time (US & Canada)</option>
<option value="-6">(GMT-06:00) Central America</option>
<option value="-6">(GMT-06:00) Central Time (US & Canada)</option>
<option value="-6">(GMT-06:00) Guadalajara, Mexico City, Monterrey</option>
<option value="-6">(GMT-06:00) Saskatchewan</option>
<option value="-5">(GMT-05:00) Bogota, Lima, Quito, Rio Branco</option>
<option value="-5">(GMT-05:00) Eastern Time (US & Canada)</option>
<option value="-5">(GMT-05:00) Indiana (East)</option>
<option value="-4">(GMT-04:00) Atlantic Time (Canada)</option>
<option value="-4">(GMT-04:00) Caracas, La Paz</option>
<option value="-4">(GMT-04:00) Manaus</option>
<option value="-4">(GMT-04:00) Santiago</option>
<option value="-3.5">(GMT-03:30) Newfoundland</option>
<option value="-3">(GMT-03:00) Brasilia</option>
<option value="-3">(GMT-03:00) Buenos Aires, Georgetown</option>
<option value="-3">(GMT-03:00) Greenland</option>
<option value="-3">(GMT-03:00) Montevideo</option>
<option value="-2">(GMT-02:00) Mid-Atlantic</option>
<option value="-1">(GMT-01:00) Cape Verde Is.</option>
<option value="-1">(GMT-01:00) Azores</option>
<option value="0">(GMT+00:00) Casablanca, Monrovia, Reykjavik</option>
<option value="0">(GMT+00:00) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London</option>
<option value="1">(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna</option>
<option value="1">(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague</option>
<option value="1">(GMT+01:00) Brussels, Copenhagen, Madrid, Paris</option>
<option value="1">(GMT+01:00) Sarajevo, Skopje, Warsaw, Zagreb</option>
<option value="1">(GMT+01:00) West Central Africa</option>
<option value="2">(GMT+02:00) Amman</option>
<option value="2">(GMT+02:00) Athens, Bucharest, Istanbul</option>
<option value="2">(GMT+02:00) Beirut</option>
<option value="2">(GMT+02:00) Cairo</option>
<option value="2">(GMT+02:00) Harare, Pretoria</option>
<option value="2">(GMT+02:00) Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius</option>
<option value="2">(GMT+02:00) Jerusalem</option>
<option value="2">(GMT+02:00) Minsk</option>
<option value="2">(GMT+02:00) Windhoek</option>
<option value="3">(GMT+03:00) Kuwait, Riyadh, Baghdad</option>
<option value="3">(GMT+03:00) Moscow, St. Petersburg, Volgograd</option>
<option value="3">(GMT+03:00) Nairobi</option>
<option value="3">(GMT+03:00) Tbilisi</option>
<option value="3.5">(GMT+03:30) Tehran</option>
<option value="4">(GMT+04:00) Abu Dhabi, Muscat</option>
<option value="4">(GMT+04:00) Baku</option>
<option value="4">(GMT+04:00) Yerevan</option>
<option value="4.5">(GMT+04:30) Kabul</option>
<option value="5">(GMT+05:00) Yekaterinburg</option>
<option value="5">(GMT+05:00) Islamabad, Karachi, Tashkent</option>
<option value="5.5">(GMT+05:30) Sri Jayawardenapura</option>
<option value="5.5">(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi</option>
<option value="5.75">(GMT+05:45) Kathmandu</option>
<option value="6">(GMT+06:00) Almaty, Novosibirsk</option>
<option value="6">(GMT+06:00) Astana, Dhaka</option>
<option value="6.5">(GMT+06:30) Yangon (Rangoon)</option>
<option value="7">(GMT+07:00) Bangkok, Hanoi, Jakarta</option>
<option value="7">(GMT+07:00) Krasnoyarsk</option>
<option value="8">(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi</option>
<option value="8">(GMT+08:00) Kuala Lumpur, Singapore</option>
<option value="8">(GMT+08:00) Irkutsk, Ulaan Bataar</option>
<option value="8">(GMT+08:00) Perth</option>
<option value="8">(GMT+08:00) Taipei</option>
<option value="9">(GMT+09:00) Osaka, Sapporo, Tokyo</option>
<option value="9">(GMT+09:00) Seoul</option>
<option value="9">(GMT+09:00) Yakutsk</option>
<option value="9.5">(GMT+09:30) Adelaide</option>
<option value="9.5">(GMT+09:30) Darwin</option>
<option value="10">(GMT+10:00) Brisbane</option>
<option value="10">(GMT+10:00) Canberra, Melbourne, Sydney</option>
<option value="10">(GMT+10:00) Hobart</option>
<option value="10">(GMT+10:00) Guam, Port Moresby</option>
<option value="10">(GMT+10:00) Vladivostok</option>
<option value="11">(GMT+11:00) Magadan, Solomon Is., New Caledonia</option>
<option value="12">(GMT+12:00) Auckland, Wellington</option>
<option value="12">(GMT+12:00) Fiji, Kamchatka, Marshall Is.</option>
<option value="13">(GMT+13:00) Nuku'alofa</option>
</select>
</div>
</div>
<!--<label for="time">Time: </label>
<input type="text" data-clear-btn="false" name="time" id="time" value="" placeholder = "xx:xx AM" />-->
<p class="instructions">Enter a date/time you are available to receive a call. </p>
<label for="startdate">Date:</label>
<input name="startdate" id="startdate" type="text" placeholder="mm/dd/yy"/>
<fieldset data-role="controlgroup" class="checklist">
<legend>Time availablity (local):</legend>
<label for="checkbox-1">Before 7AM</label>
<input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom"/>
<label for="checkbox-2">Morning (7AM-12PM)</label>
<input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom"/>
<label for="checkbox-3">Afternoon (12-5PM)</label>
<input type="checkbox" name="checkbox-3" id="checkbox-3" class="custom"/>
<label for="checkbox-4">After 5PM</label>
<input type="checkbox" name="checkbox-4" id="checkbox-4" class="custom"/>
<label for="checkbox-5">Specific Time</label>
<input type="checkbox" name="checkbox-5" id="checkbox-5" class="custom"/>
<input type="text" data-clear-btn="false" name="time" id="time" value=""
placeholder="Enter time, ex: 12:34 PM"/>
</fieldset>
<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
<legend>Is this an emergency?</legend>
<input type="radio" name="prev" id="radio-choice-1" value="false" checked="checked"/>
<label for="radio-choice-1">No</label>
<input type="radio" name="prev" id="radio-choice-2" value="true"/>
<label for="radio-choice-2">Yes</label>
</fieldset>
<label for="optional">Other notes:</label>
<input type="text" name="optional" id="optional" value="" placeholder="Optional. Ex: call at 2-3PM"/>
</div>
<a href="mailto:[email protected]" data-role="button" type="submit" data-theme="a"
id="requestbutton" data-icon="email" data-iconpos="left" disabled="disabled">Send Request to
</form>
<p class="footnote">You will be redirected to your native email application; please press 'send'
<strong>again</strong> after you are transferred.</p>
</div>
<div data-role="footer">
<!--<h4>Page Footer</h4>-->
</div>
</div>
</body>
</html>