Skip to content

Commit d5b6026

Browse files
ThatSINEWAVEThatSINEWAVE
committed
Added comments everywhere
1 parent 5bb48e6 commit d5b6026

File tree

1 file changed

+25
-0
lines changed

1 file changed

+25
-0
lines changed

‎docs/index.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,7 @@
4343
<meta name="twitter:image" content="https://raw.githubusercontent.com/ThatSINEWAVE/Malicious-URLs-DB/refs/heads/main/docs/site-data/social-share/Malicious-URLs-DB.png">
4444
</head>
4545
<body class="bg-gray-100 min-h-screen">
46+
<!-- Header -->
4647
<nav class="bg-indigo-700 text-white p-4 shadow-md">
4748
<div class="container mx-auto flex justify-between items-center">
4849
<h1 class="text-2xl font-bold">Malicious User Database</h1>
@@ -56,6 +57,7 @@ <h1 class="text-2xl font-bold">Malicious User Database</h1>
5657
</div>
5758
</div>
5859
</nav>
60+
<!-- Announcement Bar -->
5961
<div id="announcement-bar" class="announcement-bar">
6062
<div class="container mx-auto py-3 px-4">
6163
<div class="flex items-center justify-between">
@@ -70,6 +72,7 @@ <h1 class="text-2xl font-bold">Malicious User Database</h1>
7072
</div>
7173
</div>
7274
</div>
75+
<!-- Loader -->
7376
<div class="container mx-auto px-4 py-8">
7477
<div id="loading" class="text-center">
7578
<div class="loader"></div>
@@ -100,34 +103,40 @@ <h1 class="text-2xl font-bold">Malicious User Database</h1>
100103
</div>
101104
<!-- Stats Cards -->
102105
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6 mb-6">
106+
<!-- Compromised Accounts Stat Card -->
103107
<div class="bg-white p-4 rounded-lg shadow dashboard-card">
104108
<h3 class="text-gray-500 text-sm font-medium">Total Compromised Accounts</h3>
105109
<p id="totalAccounts" class="text-3xl font-bold text-indigo-600">-</p>
106110
<div class="mt-2 text-xs text-gray-500">Updated just now</div>
107111
</div>
112+
<!-- Deleted Accounts Stat Card -->
108113
<div class="bg-white p-4 rounded-lg shadow dashboard-card">
109114
<h3 class="text-gray-500 text-sm font-medium">Deleted Accounts</h3>
110115
<p id="deletedAccounts" class="text-3xl font-bold text-purple-600">-</p>
111116
<div class="mt-2 text-xs text-gray-500">Identified by deleted_user pattern</div>
112117
</div>
118+
<!-- Active URLs Stat Card -->
113119
<div class="bg-white p-4 rounded-lg shadow dashboard-card">
114120
<h3 class="text-gray-500 text-sm font-medium">Active Malicious URLs</h3>
115121
<p id="activeUrls" class="text-3xl font-bold">-</p>
116122
<div class="mt-2 text-xs text-gray-500">
117123
<span id="activeUrlsStatus">System status will update dynamically</span>
118124
</div>
119125
</div>
126+
<!-- Common Attack Method Stat Card -->
120127
<div class="bg-white p-4 rounded-lg shadow dashboard-card">
121128
<h3 class="text-gray-500 text-sm font-medium">Most Common Attack Method</h3>
122129
<p id="commonAttack" class="text-3xl font-bold text-orange-500">-</p>
123130
<div class="mt-2 text-xs text-gray-500">Based on current data</div>
124131
</div>
132+
<!-- Targeted Platform Stat Card -->
125133
<div class="bg-white p-4 rounded-lg shadow dashboard-card">
126134
<h3 class="text-gray-500 text-sm font-medium">Most Targeted Platform</h3>
127135
<p id="targetedPlatform" class="text-3xl font-bold text-blue-600">-</p>
128136
<div class="mt-2 text-xs text-gray-500">Based on attack surface</div>
129137
</div>
130138
</div>
139+
<!-- Data Definitions Dropdown Box -->
131140
<div class="bg-white p-4 rounded-lg shadow mb-6 transition-all duration-300" id="infoBar">
132141
<div class="flex justify-between items-center cursor-pointer" id="infoHeader">
133142
<h3 class="text-lg font-semibold flex items-center gap-2">
@@ -143,6 +152,7 @@ <h3 class="text-lg font-semibold flex items-center gap-2">
143152
</div>
144153
<div class="mt-4 text-sm text-gray-600 overflow-hidden" id="infoContent">
145154
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
155+
<!-- Key Metric Definitions -->
146156
<div>
147157
<p class="font-medium mb-2 text-indigo-600">
148158
<b>Key Metrics Explained:</b>
@@ -165,6 +175,7 @@ <h3 class="text-lg font-semibold flex items-center gap-2">
165175
</li>
166176
</ul>
167177
</div>
178+
<!-- Status Indicator Definitions -->
168179
<div>
169180
<p class="font-medium mb-2 text-indigo-600">
170181
<b>Status Indicators:</b>
@@ -187,6 +198,7 @@ <h3 class="text-lg font-semibold flex items-center gap-2">
187198
</li>
188199
</ul>
189200
</div>
201+
<!--Charts Definitions -->
190202
<div>
191203
<p class="font-medium mb-2 text-indigo-600">
192204
<b>Chart Breakdown:</b>
@@ -209,6 +221,7 @@ <h3 class="text-lg font-semibold flex items-center gap-2">
209221
</li>
210222
</ul>
211223
</div>
224+
<!-- URL Status Definitions -->
212225
<div>
213226
<p class="font-medium mb-2 text-indigo-600">
214227
<b>URL Status Comparison:</b>
@@ -231,6 +244,7 @@ <h3 class="text-lg font-semibold flex items-center gap-2">
231244
</li>
232245
</ul>
233246
</div>
247+
<!-- Database Field Definitions -->
234248
<div>
235249
<p class="font-medium mb-2 text-indigo-600">
236250
<b>Database Fields Overview:</b>
@@ -253,6 +267,7 @@ <h3 class="text-lg font-semibold flex items-center gap-2">
253267
</li>
254268
</ul>
255269
</div>
270+
<!-- Technical Definitions -->
256271
<div>
257272
<p class="font-large mb-2 text-indigo-600">
258273
<b>Technical Details:</b>
@@ -279,6 +294,7 @@ <h3 class="text-lg font-semibold flex items-center gap-2">
279294
</div>
280295
</div>
281296
<!-- First Row of Charts -->
297+
<!-- methodsChart Chart -->
282298
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
283299
<div class="bg-white p-4 rounded-lg shadow">
284300
<h2 class="text-lg font-semibold mb-4">Attack Methods Distribution</h2>
@@ -287,6 +303,7 @@ <h2 class="text-lg font-semibold mb-4">Attack Methods Distribution</h2>
287303
<canvas id="methodsChart"></canvas>
288304
</div>
289305
</div>
306+
<!-- timelineChart Chart -->
290307
<div class="bg-white p-4 rounded-lg shadow">
291308
<h2 class="text-lg font-semibold mb-4">Attacks Over Time</h2>
292309
<p>Hover over a point to see exact data</p>
@@ -296,6 +313,7 @@ <h2 class="text-lg font-semibold mb-4">Attacks Over Time</h2>
296313
</div>
297314
</div>
298315
<!-- Second Row of Charts -->
316+
<!-- surfacesChart Chart -->
299317
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
300318
<div class="bg-white p-4 rounded-lg shadow">
301319
<h2 class="text-lg font-semibold mb-4">Attack Surfaces</h2>
@@ -304,6 +322,7 @@ <h2 class="text-lg font-semibold mb-4">Attack Surfaces</h2>
304322
<canvas id="surfacesChart"></canvas>
305323
</div>
306324
</div>
325+
<!-- regionsChart Chart -->
307326
<div class="bg-white p-4 rounded-lg shadow">
308327
<h2 class="text-lg font-semibold mb-4">Suspected Regions of Origin</h2>
309328
<p>Click any datapoint to switch views</p>
@@ -321,6 +340,7 @@ <h2 class="text-lg font-semibold mb-4">Behaviour Types Distribution</h2>
321340
<canvas id="behaviourChart"></canvas>
322341
</div>
323342
</div>
343+
<!-- vectorsChart Chart -->
324344
<div class="bg-white p-4 rounded-lg shadow">
325345
<h2 class="text-lg font-semibold mb-4">Attack Vectors Analysis</h2>
326346
<p>Hover over a point to see exact data</p>
@@ -330,6 +350,7 @@ <h2 class="text-lg font-semibold mb-4">Attack Vectors Analysis</h2>
330350
</div>
331351
</div>
332352
<!-- Fourth Row of Charts -->
353+
<!-- statusChart Chart -->
333354
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
334355
<div class="bg-white p-4 rounded-lg shadow">
335356
<h2 class="text-lg font-semibold mb-4">URL Status Comparison</h2>
@@ -338,6 +359,7 @@ <h2 class="text-lg font-semibold mb-4">URL Status Comparison</h2>
338359
<canvas id="statusChart"></canvas>
339360
</div>
340361
</div>
362+
<!-- goalsChart Chart -->
341363
<div class="bg-white p-4 rounded-lg shadow">
342364
<h2 class="text-lg font-semibold mb-4">Attack Goal Distribution</h2>
343365
<p>Click any datapoint to switch views</p>
@@ -347,6 +369,7 @@ <h2 class="text-lg font-semibold mb-4">Attack Goal Distribution</h2>
347369
</div>
348370
</div>
349371
<!-- Fifth Row of Charts -->
372+
<!-- statusAccountsChart Chart -->
350373
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
351374
<div class="bg-white p-4 rounded-lg shadow">
352375
<h2 class="text-lg font-semibold mb-4">Compromised Account Status</h2>
@@ -355,6 +378,7 @@ <h2 class="text-lg font-semibold mb-4">Compromised Account Status</h2>
355378
<canvas id="statusAccountsChart"></canvas>
356379
</div>
357380
</div>
381+
<!-- methodGoalChart Chart -->
358382
<div class="bg-white p-4 rounded-lg shadow">
359383
<h2 class="text-lg font-semibold mb-4">Method vs Goal Matrix</h2>
360384
<p>Click any datapoint to switch views</p>
@@ -415,6 +439,7 @@ <h2 class="text-lg font-semibold">Account Details</h2>
415439
</div>
416440
</div>
417441
</div>
442+
<!-- Footer -->
418443
<footer class="bg-indigo-700 text-white p-4 shadow-lg mt-8">
419444
<div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
420445
<div class="mb-4 md:mb-0">

0 commit comments

Comments
 (0)