-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·69 lines (66 loc) · 3.16 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
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>VEOHRC Third Party Widget</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--
need to set up server to use:
X-Frame-Options: allow-from https://example.com/
-->
<!-- <script src='https://www.google.com/recaptcha/api.js?render=6LfGRX0UAAAAAINiXRMozu84LiFGNjdKn-QRwgr4'></script> -->
</head>
<body>
<main>
<header>
<h1>Have you been treated unfairly in Victoria?</h1>
<p class="intro">Report it securely and confidentially to the Victorian Equal Opportunity & Human Rights Commission.</p>
</header>
<form id="contact" method="post" >
<fieldset id="collapse">
<label><span class="label">Your name</span><input id="name" name="name" minlength="2" type="text" required></label>
<label><span class="label">Your email address</span><input required type="email" id="email" name="email" value="" placeholder=""></label>
<!-- insert Phone number (v2) -->
<label for="what">What happened?</label>
<p class="hidden what_info">Describe what happened, and where it happened. Just a sentence or two is fine!</p>
<textarea required name="what_happened" id="what"></textarea>
<label><span class="label">Where was it? <small>(Postcode)</small></span><input minlength="4" maxlength="4" required type="text" id="postcode" name="postcode" value="" placeholder=""></label>
<!-- insert Postcode field. consider http://v0.postcodeapi.com.au/suburbs/?q=****&state=vic api
or http://api.geonames.org/postalCodeLookupJSON?formatted=true&placename=*****&country=AU&username=demo&style=full&adminCode1=VIC
-->
</fieldset>
<fieldset class="showconf">
<label class="checkbox">
<input type="checkbox" name="dont_contact_me" id="nocontact" />
<small>I do not wish to be contacted</small>
</label>
<button type="submit" id="submit_form">Report it.</button>
<!--
<button class="g-recaptcha" data-sitekey="6LfGRX0UAAAAAINiXRMozu84LiFGNjdKn-QRwgr4" data-callback="onSubmit" type="submit" id="submit_form">Report it.</button> -->
</form>
<p class="submitted">
<strong>Thank you!</strong> Your report has been submitted. You will be sent a copy of your report.
</p>
<p class="failed">
<strong>There was a problem submitting you form.</strong> Please try again in a few minutes.
</p>
<footer>
<p>
<img class="f_left" src="./veohrc_logo_new.png" width="240"/>
<!-- <img class="f_left" src="./veohrc_logo.svg" width="32"/>
<small>
Victorian Equal Opportunity<br/>
<span class="light">& Human Rights Commission</span>
</small> -->
<!-- insert ICV logo here -->
</p>
</footer>
</main>
<script src="./index.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.3/iframeResizer.contentWindow.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.283.1.min.js"></script>
</body>
</html>