Skip to content

Commit 56f8b6a

Browse files
MrinalrayMrinalray
authored
Add files via upload
1 parent 37b6ff1 commit 56f8b6a

11 files changed

Lines changed: 2506 additions & 3043 deletions

File tree

‎chat.html‎

Lines changed: 83 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>CyberShield — AI Scam Detector Chat</title>
6+
<title>CyberShield — Scam Text Detector</title>
77
<link rel="stylesheet" href="style.css">
88
<link rel="icon" type="image/png" href="favicon.png" />
99
</head>
@@ -12,20 +12,32 @@
1212
<!-- ── Loading Screen ── -->
1313
<div id="loader">
1414
<div class="loader-inner">
15-
<div class="loader-ring"></div>
16-
<div class="loader-logo">
17-
<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="#00ffb4" stroke-width="1.8">
18-
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
19-
</svg>
15+
<div class="loader-sonar">
16+
<div class="loader-core">
17+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" style="color:#00f5ff">
18+
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
19+
</svg>
20+
</div>
2021
</div>
2122
<div class="loader-brand">CyberShield AI</div>
22-
<div class="loader-tagline">Conversational Scam & Fraud Protection.</div>
23-
<div class="loader-bar-wrap">
24-
<div class="loader-bar"></div>
25-
</div>
23+
<div class="loader-tagline">Conversational Scam &amp; Fraud Protection</div>
24+
<div class="loader-bar-wrap"><div class="loader-bar"></div></div>
2625
</div>
2726
</div>
2827

28+
<!-- ── Theme Toggle ── -->
29+
<button id="themeToggle" class="theme-toggle-btn" aria-label="Toggle theme">
30+
<div class="toggle-icon-wrap">
31+
<svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
32+
<circle cx="12" cy="12" r="4"/>
33+
<path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41m12.72-12.72l-1.41 1.41"/>
34+
</svg>
35+
<svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
36+
<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>
37+
</svg>
38+
</div>
39+
</button>
40+
2941
<!-- ── Main Page ── -->
3042
<main id="mainPage" class="hidden">
3143
<div class="wrapper">
@@ -36,51 +48,49 @@
3648
<div class="dot"></div>
3749
CyberShield AI
3850
</div>
39-
<button id="themeToggle" class="theme-toggle-btn" aria-label="Toggle dark mode">
40-
🌙
41-
</button>
42-
<h1>
43-
Scam Detector<br>
44-
<span>Conversational Agent</span>
45-
</h1>
46-
<p class="subtitle">
47-
Paste emails, SMS messages, investment pitches, or job offers.
48-
Our AI scans for social engineering & phishing signatures.
49-
</p>
51+
<h1>Scam Detector<br><span>Conversational Agent</span></h1>
52+
<p class="subtitle">Paste emails, SMS messages, investment pitches, or job offers. Our AI scans for social engineering &amp; phishing signatures.</p>
5053
</header>
5154

52-
<!-- Navigation Link -->
55+
<!-- Navigation -->
5356
<div class="dashboard-cta">
54-
<a class="scan-btn" href="index.html">Back to URL Scanner</a>
57+
<a class="scan-btn" href="index.html">
58+
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
59+
<path d="M19 12H5M12 19l-7-7 7-7"/>
60+
</svg>
61+
Back to URL Scanner
62+
</a>
63+
<a class="scan-btn" href="dashboard.html" style="background:var(--card-bg); color:var(--accent-cyan); border:1px solid var(--card-border);">
64+
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
65+
<rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/>
66+
<rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/>
67+
</svg>
68+
Threat Dashboard
69+
</a>
5570
</div>
5671

5772
<!-- Chat Interface Card -->
58-
<div class="chat-card chat-card-container">
73+
<div class="chat-card">
5974
<div class="chat-container-header">
6075
<span class="chat-status">
6176
<span class="chat-status-dot"></span>
6277
CyberShield Assistant Online
6378
</span>
64-
<button onclick="clearChat()" class="example-chip chat-clear-btn" title="Clear conversation history">
65-
Clear Chat
66-
</button>
79+
<button onclick="clearChat()" class="example-chip chat-clear-btn">Clear Chat</button>
6780
</div>
6881

6982
<div id="chatHistory" class="chat-history">
70-
<!-- Default Bot Welcome -->
7183
<div class="chat-msg robot">
7284
<div class="chat-avatar">🛡️</div>
7385
<div class="chat-bubble">
74-
<strong>Welcome to the CyberShield Scam Detector Chat!</strong>
75-
<p class="chat-welcome-text">
76-
Paste any suspicious messages, job contracts, banking warnings, or SMS below. I will inspect the context and return a structured safety audit details report. You can ask follow-up questions about safety tips!
77-
</p>
86+
<strong>Welcome to CyberShield Scam Detector!</strong>
87+
<p class="chat-welcome-text">Paste any suspicious messages, job offers, banking warnings, or SMS texts. I'll return a structured safety audit. You can also ask follow-up questions about staying safe!</p>
7888
</div>
7989
</div>
8090
</div>
8191

82-
<!-- Bouncing Loading Dots -->
83-
<div id="typingIndicator" class="chat-msg robot typing-msg hidden">
92+
<!-- Typing Indicator -->
93+
<div id="typingIndicator" class="chat-msg robot typing-msg hidden" style="padding:12px 24px">
8494
<div class="chat-avatar">🤖</div>
8595
<div class="typing-indicator">
8696
<div class="dot-bounce"></div>
@@ -89,73 +99,78 @@ <h1>
8999
</div>
90100
</div>
91101

92-
<!-- Chat Input Section -->
102+
<!-- Chat Input -->
93103
<div class="chat-input-wrap">
94104
<div class="chat-input-row">
95-
<textarea id="chatInput" placeholder="Paste or type suspicious message text here to analyze..." rows="2" class="chat-input-textarea" oninput="adjustTextareaHeight(this)"></textarea>
105+
<textarea
106+
id="chatInput"
107+
placeholder="Paste or type suspicious message text here to analyze…"
108+
rows="2"
109+
class="chat-input-textarea"
110+
oninput="adjustTextareaHeight(this)"
111+
></textarea>
96112
<button class="scan-btn chat-send-btn" id="sendBtn" onclick="sendMessage()">
97113
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
98-
<line x1="22" y1="2" x2="11" y2="13"></line>
99-
<polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
114+
<line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/>
100115
</svg>
101-
Verify Text
116+
Analyze
102117
</button>
103118
</div>
104119
</div>
105120
</div>
106121

107-
<!-- Quick Scan Templates -->
122+
<!-- Quick Templates -->
108123
<div class="examples chat-examples-container">
109124
<span class="examples-label">Try Examples:</span>
110125
<button class="example-chip" onclick="fillTemplate('job')">Fake Job Offer</button>
111-
<button class="example-chip" onclick="fillTemplate('phishing')">Courier Delivery SMS</button>
112-
<button class="example-chip" onclick="fillTemplate('otp')">Bank OTP Security Scam</button>
113-
<button class="example-chip" onclick="fillTemplate('crypto')">Telegram Investment Double</button>
126+
<button class="example-chip" onclick="fillTemplate('phishing')">Courier SMS Scam</button>
127+
<button class="example-chip" onclick="fillTemplate('otp')">Bank OTP Fraud</button>
128+
<button class="example-chip" onclick="fillTemplate('crypto')">Crypto Doubling</button>
114129
</div>
115130

116-
<!-- Stats or Features Row (Scam Types) -->
131+
<!-- Scam Type Features -->
117132
<div class="features chat-features-container">
118133
<div class="feature-item">
119134
<div class="feature-icon">🎣</div>
120-
<div class="feature-title">Phishing & Impersonation</div>
135+
<div class="feature-title">Phishing &amp; Impersonation</div>
121136
<div class="feature-desc">Catch fake login notifications, courier warnings, or urgent support requests.</div>
122137
</div>
123138
<div class="feature-item">
124139
<div class="feature-icon">💼</div>
125140
<div class="feature-title">Fake Recruitment</div>
126-
<div class="feature-desc">Scan suspicious part-time task job offers and wire payment deposit demands.</div>
141+
<div class="feature-desc">Scan suspicious part-time task offers and wire payment deposit demands.</div>
127142
</div>
128143
<div class="feature-item">
129144
<div class="feature-icon">📉</div>
130145
<div class="feature-title">Investment Schemes</div>
131-
<div class="feature-desc">Flag unrealistic returns, crypto doubling schemes, and pressure-selling crypto pitches.</div>
146+
<div class="feature-desc">Flag unrealistic returns, crypto doubling schemes, and pressure-selling pitches.</div>
132147
</div>
133148
</div>
134149

135-
<!-- Footer -->
136-
<footer class="main-footer">
137-
<div class="footer-content">
138-
<div class="footer-brand">
139-
<div class="logo-badge">
140-
<div class="dot"></div>
141-
CyberShield AI
142-
</div>
143-
<p>Conversational LLM scan engine to audit suspect text patterns.</p>
150+
</div>
151+
152+
<!-- Footer -->
153+
<footer class="main-footer">
154+
<div class="footer-content">
155+
<div class="footer-brand">
156+
<div class="logo-badge"><div class="dot"></div>CyberShield AI</div>
157+
<p>Conversational LLM scan engine to audit suspect text patterns.</p>
158+
</div>
159+
<div class="footer-links">
160+
<div class="footer-col">
161+
<h4>Tools</h4>
162+
<a href="index.html">URL Scanner</a>
163+
<a href="dashboard.html">Threat Dashboard</a>
144164
</div>
145-
<div class="footer-links">
146-
<div class="footer-col">
147-
<h4>Navigation</h4>
148-
<a href="index.html">URL Scanner</a>
149-
<a href="dashboard.html">Threat Dashboard</a>
150-
</div>
165+
<div class="footer-col">
166+
<h4>Legal</h4>
167+
<a href="privacy.html">Privacy Policy</a>
168+
<a href="terms.html">Terms of Service</a>
151169
</div>
152170
</div>
153-
<div class="footer-bottom">
154-
&copy; 2026 CyberShield URL Scanner. Powered by Google Gemini AI.
155-
</div>
156-
</footer>
157-
158-
</div>
171+
</div>
172+
<div class="footer-bottom">&copy; 2026 CyberShield URL Scanner. Powered by Claude AI.</div>
173+
</footer>
159174
</main>
160175

161176
<script src="chat.js"></script>

0 commit comments

Comments
 (0)