-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
90 lines (81 loc) · 4.94 KB
/
404.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Formonit</title>
<meta name="description" content="Free, self-hosted, open-source form backend solution. No installation required for hosting. Lightweight server runs in browser. Backend sends form data as a Telegram bot to your Telegram account.">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script defer src="https://cdn.jsdelivr.net/gh/SomajitDey/[email protected]/spa/spa.min.js"></script>
<script type="module" src="/anon/script.js"></script>
<script defer src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</head>
<body>
<p class="alert alert-danger" id="jsAlert">You don't have JavaScript enabled! This page cannot function without it.</p>
<script>document.getElementById('jsAlert').hidden = true;</script>
<section class="spa-page container-fluid" id="loading">
<p>Loading...</p>
</section>
<section class="spa-page container-fluid" id="404">
<p>Sorry, the page you are looking for couldn't be found.</p>
</section>
<form name="viewCounter" method="POST" target="hidden_iframe" hidden>
<input name="FormID" value="_view_vehicle">
</form>
<iframe name="hidden_iframe" src="about:blank" hidden></iframe>
<section class="spa-page container-fluid" id="form">
<h3>Hi, I am the owner of this vehicle.</h3>
<p>Contact me by clicking the <strong>Post</strong> button below. You may come back to this page later to check if I have replied.</p>
<form name="contact" method="POST" target="form_iframe" onsubmit="document.getElementsByName('form_iframe')[0].style='background:url(https://img.icons8.com/material-outlined/30/spinner-frame-2.png) no-repeat';">
<input type="hidden" name="FormID" value="car@formonit">
<input type="hidden" name="ChatID">
<input type="hidden" name="location">
<div class="mt-2">
<label for="reasonInput" class="form-label"><strong>What is the problem?</strong></label>
<select id="reasonInput" class="form-select" name="Reason" autocomplete="on" required>
<option selected>Please select one from this list</option>
<option>The vehicle needs to be moved</option>
<option>The vehicle is getting towed</option>
<option>The vehicle is damaged / hit by accident</option>
<option>Someone is trying to break in / steal the vehicle</option>
<option>Someone / police / authorities looking for the owner</option>
<option>None of the above. Please write details in message below.</option>
</select>
</div>
<div class="mt-2">
<label for="phoneInput" class="form-label"><strong>Your phone number so that I can contact you for more details:</strong></label>
<input id="phoneInput" type="tel" class="form-control" name="Phone" placeholder="10-digit phone number" autocomplete="on" pattern="[0-9]{10}">
</div>
<div class="mt-2">
<label for="msgInput" class="form-label"><strong>Your message:</strong></label>
<input id="msgInput" type="text" class="form-control" name="Message" placeholder="Please type here">
</div>
<button type="submit" class="btn btn-success mt-2">Post</button>
<button type="button" class="btn btn-info mt-2" onclick="this.parentElement.elements['Message'].value='';document.getElementsByName('form_iframe')[0].src='about:blank';">New Message</button>
<button type="reset" class="btn btn-warning mt-2" onClick="document.getElementsByName('form_iframe')[0].src='about:blank';">Reset</button>
<iframe name="form_iframe" height="30" width="30" scrolling="no" src="about:blank" onload="this.removeAttribute('style')"></iframe>
</form>
</section>
<section class="spa-page container-fluid" id="chat">
<p class="alert alert-success">
<strong>My latest reply will appear below.</strong>
<button type="button" class="my-4" id="loadReply">Check for new reply</button>
</p>
<div id="chatbox" class="text-bg-info"></div>
</section>
<section lang="bn" class="container-fluid">
<label lang="hi" for="google_translate_element" class="mt-2">Translate this page:</label>
<div class="mt-2" id="google_translate_element"></div>
</section>
</body>
</html>