anon/404.html at main · formonit/anon · GitHub

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
<!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/bootstrap@5.3.3/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/webtools@0.0.0/spa/spa.min.js"></script>
    <script type="module" src="script.js"></script>
    <script defer src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
  </head>

  <body>

  <section class="spa-page container-fluid" id="loading">
    <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>
    <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>

  <section class="spa-page container-fluid" id="form">
    <h3>Welcome to my contact page</h3>
    <p>Leave me a message 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="anon@formonit">
      <input type="hidden" name="ChatID">
      <input type="hidden" name="Location" class="geolocate-by-ip">
      <div class="row mt-2">
        <div class="col">
          <input type="email" class="form-control" name="Email" placeholder="Your Email" autocomplete="on" required>
        </div>
        <div class="col">
          <input type="text" class="form-control" name="Name" placeholder="Your Name" autocomplete="on" required>
        </div>
      </div>
      <div class="mt-2"><input type="text" class="form-control" name="Message" placeholder="Your Message" required></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>