SecureAuth/index.html at main · AmitDas4321/SecureAuth · 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
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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>SecureAuth</title>
    <meta name="description" content="SecureAuth is a secure web-based authenticator app for managing TOTP authentication codes with encrypted local storage, offline support, and a fast privacy-focused experience." />
    <meta name="keywords" content="SecureAuth, authenticator app, TOTP, 2FA, MFA, OTP manager, secure authentication, offline authenticator, privacy" />
    <meta name="author" content="Amit Das" />
    <meta name="theme-color" content="#141414" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="SecureAuth" />
    <meta property="og:title" content="SecureAuth" />
    <meta property="og:description" content="A secure and privacy-focused web authenticator for managing TOTP verification codes with offline support and encrypted storage." />
    <meta property="og:type" content="website" />
    <link rel="icon" href="/icons/icon-512.png" type="image/png" />
    <link rel="shortcut icon" href="/icons/icon-512.png" type="image/png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/icons/icon-512.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/icons/icon-512.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/icons/icon-512.png" />

    <style>
      body {
        user-select: none;
      }

      input,
      textarea {
        user-select: text;
      }
    </style>
  </head>

  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
    <script>
      document.addEventListener(
        "contextmenu",
        function (e) {
          const tag = e.target.tagName.toLowerCase();

          if (tag === "input" || tag === "textarea") {
            e.stopPropagation(); // stop body handler
            return true;
          }
        },
        true
      );

      document.addEventListener("keydown", function (e) {
        const tag = document.activeElement.tagName.toLowerCase();

        if (tag === "input" || tag === "textarea") return;

        if (
          (e.ctrlKey && ["c", "u", "s", "x", "v"].includes(e.key.toLowerCase())) ||
          e.key === "F12"
        ) {
          e.preventDefault();
        }
      });

      console.log("%cStop!", "color: red; font-size: 50px; font-weight: bold;");

      console.log(
        "%cThis is a browser feature intended for developers. If someone told you to paste code here, it may be a scam.",
        "font-size: 16px; color: white; background-color: black; padding: 5px;"
      );

      console.log(
        "See %chttps://t.me/BlueOrbitDevs%c for more information.",
        "color: blue; text-decoration: underline;",
        ""
      );

      (function () {
        const devtools = /./;
        devtools.toString = function () {
          this.opened = true;
        };

        const check = new Function("debugger;");

        setInterval(function () {
          const wasOpened = devtools.opened;
          devtools.opened = false;
          check();

          if (devtools.opened || wasOpened) {
            console.clear();
            console.log(
              "%cDeveloper tools detected.",
              "color: red; font-size: 16px;"
            );
          }
        }, 1000);
      })();
    </script>
  </body>
</html>