-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
155 lines (148 loc) · 5.74 KB
/
index.html
File metadata and controls
155 lines (148 loc) · 5.74 KB
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4VMEHN8W95"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4VMEHN8W95');
</script>
<script
src="https://js-de.sentry-cdn.com/0219837cdbcd613e0ad4e2fc07cb02bf.min.js"
crossorigin="anonymous"
></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document Categorizer</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
<link rel="stylesheet" href="https://unpkg.com/tippy.js@6/dist/tippy.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<script>
Sentry.onLoad(function() {
Sentry.init({
// You can add any additional configuration here
});
});
</script>
<header>
<nav class="navbar container" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="index.html">
<img src="https://www.marketscanai.com/wp-content/uploads/2025/03/marketai-logo-2.png"
alt="MarketScanAI Logo">
<strong>Document Categorizer</strong> by MarketScanAI
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMenu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarMenu" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item is-active" href="index.html">Home</a>
<a class="navbar-item" href="examples.html">Examples</a>
<a class="navbar-item" href="request.html">Request Access</a>
<a class="navbar-item" href="about.html">About</a>
</div>
</div>
</nav>
</nav>
</header>
<section class="section">
<div class="container">
<h1 class="title">Document Categorizer</h1>
<p class="box">This is a demo of an API powered by a Large Language Model (LLM) designed for intelligent document
categorization and processing. The solution can seamlessly integrate into larger systems,
automating workflows and enhancing document management processes. <a href="about.html">Learn more</a>
</p>
<div class="columns is-desktop">
<div class="column upload-area">
<div id="dropZone" class="file is-boxed">
<label class="file-label">
<input class="file-input" type="file" id="fileInput" accept=".pdf">
<span class="file-cta">
<span class="file-icon">
<i class="fas fa-upload"></i>
</span>
<span class="file-label">
Drag & Drop your document here <br>or click to upload
</span>
</span>
</label>
</div>
</div>
<div class="column categories-area">
<div class="field">
<div class="control">
<textarea class="textarea" id="categories" rows="7" placeholder="Enter max 10 categories, one per line. Model will assign document to one of categories."></textarea>
</div>
</div>
</div>
</div>
<div class="field">
<label class="label">
Authorization <span class="icon tooltip-target"
data-tippy-content="To receive Auth code, please contact authors.<br>Details on 'About' page.">
<i class="fas fa-question-circle"></i>
</span>
</label>
<div class="control">
<div class="field has-addons">
<div class="control is-expanded">
<input class="input" type="password" id="authCode" placeholder="Enter your authorization code">
</div>
<div class="control">
<a class="button is-light" id="togglePassword">
<span class="icon is-small">
<i class="fas fa-eye"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<button id="submitButton" class="button is-primary upload-button mt-5">Upload and Categorize</button>
<div class="container">
<div id="result" class="box is-hidden"></div>
</div>
</div>
</section>
<footer class="footer custom-footer">
<hr />
<div class="content has-text-centered is-flex is-justify-content-space-between">
<div>
<a href="https://marketscanai.com" class="footer-link">
© 2025 MarketScanAi.com
</a>
</div>
<div>
<a href="https://x.com/marketscanai" class="footer-link">
Follow us on X
</a>
</div>
</div>
</footer>
<script src="script.js"></script>
<script src="navigation.js"></script>
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
if (typeof tippy !== 'undefined') {
tippy('.tooltip-target', {
allowHTML: true,
});
} else {
console.error('Tippy.js is not loaded.');
}});
</script>
</body>
</html>