Hugging Face's logo

Spaces:
sooks
/
ai-generated-text-detector
Running

App Files Community
sooks commited on
Commit
3c01444
·
1 Parent(s): 45f6aa8

Create index.html

Browse files
Files changed (1) hide show
  1. detector/index.html +145 -0
detector/index.html ADDED
@@ -0,0 +1,145 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <html>
2
+ <head>
3
+ <title>AI Output Detector</title>
4
+ <a href="https://isitai.com/ai-text-detector/" target="_blank">AI Text Detector</a>
5
+ <meta charset="utf-8">
6
+ <style type="text/css">
7
+ * {
8
+ box-sizing: border-box;
9
+ }
10
+
11
+ body {
12
+ font-family: sans-serif;
13
+ margin: 0;
14
+ background: #ffffff;
15
+ }
16
+
17
+ h1 {
18
+ font-weight: lighter;
19
+ }
20
+
21
+ a {
22
+ text-decoration: none;
23
+ color: #666;
24
+ }
25
+
26
+ a:hover {
27
+ text-decoration: underline;
28
+ }
29
+
30
+ #container {
31
+ margin: auto;
32
+ width: 100%;
33
+ }
34
+
35
+ #textbox {
36
+ font-family: serif;
37
+ font-size: 16pt;
38
+ width: 100%;
39
+ height: 480px;
40
+ padding: 20px 30px;
41
+ line-height: 1.6;
42
+ }
43
+
44
+ .bar-row {
45
+ height: 30px;
46
+ }
47
+ #real-percentage {
48
+ width: 80px;
49
+ vertical-align: top;
50
+ }
51
+ #bar-container {
52
+ width: 800px;
53
+ background-color: #ff7674;
54
+ line-height: 0.5;
55
+ position:relative;
56
+ top:6px;
57
+ }
58
+ #fake-percentage {
59
+ width: 80px;
60
+ vertical-align: top;
61
+ }
62
+ #bar {
63
+ display: inline-block;
64
+ height: 30px;
65
+ background-color: #83aaff;
66
+ }
67
+ #submit-btn {
68
+ display: block;
69
+ margin: 20px auto;
70
+ padding: 10px 20px;
71
+ font-size: 16px;
72
+ font-weight: bold;
73
+ color: #fff;
74
+ background-color: #007bff;
75
+ border-radius: 5px;
76
+ cursor: pointer;
77
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
78
+ }
79
+
80
+ #submit-btn:hover {
81
+ background-color: #0069d9;
82
+ }
83
+ #submit-btn:active {
84
+ box-shadow: none;
85
+ transform: translateY(2px);
86
+ }
87
+ #checking-message:after {
88
+ content: ".";
89
+ animation: dots 1s steps(5, end) infinite;
90
+ }
91
+
92
+ @keyframes dots {
93
+ 0%, 20% {
94
+ color: rgba(0, 0, 0, 0);
95
+ text-shadow:
96
+ .25em 0 0 rgba(0, 0, 0, 0),
97
+ .5em 0 0 rgba(0, 0, 0, 0);
98
+ }
99
+ 40% {
100
+ color: black;
101
+ text-shadow:
102
+ .25em 0 0 rgba(0, 0, 0, 0),
103
+ .5em 0 0 rgba(0, 0, 0, 0);
104
+ }
105
+ 60% {
106
+ text-shadow:
107
+ .25em 0 0 black,
108
+ .5em 0 0 rgba(0, 0, 0, 0);
109
+ }
110
+ 80%, 100% {
111
+ text-shadow:
112
+ .25em 0 0 black,
113
+ .5em 0 0 black;
114
+ }
115
+ }
116
+
117
+ em {
118
+ font-family: monospace;
119
+ font-style: normal;
120
+ }
121
+ </style>
122
+ </head>
123
+ <body>
124
+ <div id="container">
125
+ <form>
126
+ <textarea id="textbox" placeholder="Enter text here"></textarea>
127
+ <button id="submit-btn" type="submit">Check Text</button>
128
+ </form>
129
+
130
+ <div align=center style="width:100%;"><table cellspacing="0" cellpadding="0">
131
+ <tr class="bar-row" style="vertical-align: bottom;">
132
+ <td style="text-align: left;">Human</td>
133
+ <td id="message" style="text-align: center;"></td>
134
+ <td style="text-align: right;">AI</td>
135
+ </tr>
136
+ <tr class="bar-row">
137
+ <td id="real-percentage" style="text-align: left; vertical-align: bottom;"></td>
138
+ <td id="bar-container"><div id="bar" style="width: 50%;"></div></td>
139
+ <td id="fake-percentage" style="text-align: right; vertical-align: bottom;"></td>
140
+ </tr>
141
+ </table></div>
142
+ </div>
143
+ <script src="https://isitai.com/scripts/txt.js"></script>
144
+ </body>
145
+ </html>