api/templates/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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='index.css') }}">
    <title>VTuber Captcha Demo</title>
  </head>

  <body>
    <div id="recaptcha-container">
      <div class="recaptcha-header" id="recaptcha-title">
      </div>
      <button class="regenerate-btn" onclick="fetchCaptchaImages()">
        Regenerate Captcha
      </button>
      <button class="submit-btn">Submit</button>
    </div>
    <div id="end-message">
      <!-- Will be populated with JS -->>
  </div>
    <div id="answer-table-container">
      <table id="answer-table">
          <thead>
              <tr>
                  <th>Image</th>
                  <th>Name</th>
                  <th>Answer (ID)</th>
              </tr>
          </thead>
          <tbody>
              <!-- Answers will be populated here -->
          </tbody>
      </table>
  </div>
  <p>Go to /server_auth to test out sever side authentications</p>
    <script src="{{ url_for('static', filename='index.js') }}"></script>
  </body>
</html>