From 5e25f8f7952ef4c1de0080f0924c81a89f444a38 Mon Sep 17 00:00:00 2001
From: DeNNiiInc <dennii.inc@gmail.com>
Date: Thu, 1 Jan 2026 18:42:11 +1100
Subject: [PATCH] Add screenshot badges to scan modes

---
 webui/index.php | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/webui/index.php b/webui/index.php
index 37807fc..5847925 100644
--- a/webui/index.php
+++ b/webui/index.php
@@ -180,7 +180,7 @@
                         </div>
 
                         <div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-success);">
-                            <h5 style="color: var(--accent-success); margin-bottom: 0.25rem;">Web</h5>
+                            <h5 style="color: var(--accent-success); margin-bottom: 0.25rem;">Web <span style="font-size: 0.75rem; background: rgba(16, 185, 129, 0.2); padding: 0.15rem 0.4rem; border-radius: 4px;">📸 Screenshots</span></h5>
                             <p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
                                 <strong>Best for:</strong> Targets you know are websites (ports 80 and 443 only)
                             </p>
@@ -190,7 +190,7 @@
                         </div>
 
                         <div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-warning);">
-                            <h5 style="color: var(--accent-warning); margin-bottom: 0.25rem;">WebScan</h5>
+                            <h5 style="color: var(--accent-warning); margin-bottom: 0.25rem;">WebScan <span style="font-size: 0.75rem; background: rgba(245, 158, 11, 0.2); padding: 0.15rem 0.4rem; border-radius: 4px;">📸 Screenshots</span></h5>
                             <p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
                                 <strong>Best for:</strong> Deep web application security testing
                             </p>
@@ -200,7 +200,7 @@
                         </div>
 
                         <div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-info);">
-                            <h5 style="color: #06b6d4; margin-bottom: 0.25rem;">Port / WebPortHTTP / WebPortHTTPS</h5>
+                            <h5 style="color: #06b6d4; margin-bottom: 0.25rem;">Port / WebPortHTTP / WebPortHTTPS <span style="font-size: 0.75rem; background: rgba(6, 182, 212, 0.2); padding: 0.15rem 0.4rem; border-radius: 4px;">📸 WebPort modes</span></h5>
                             <p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
                                 <strong>Best for:</strong> Services running on non-standard ports (e.g., web server on port 8080)
                             </p>
@@ -247,7 +247,7 @@
                         </div>
 
                         <div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-danger);">
-                            <h5 style="color: var(--accent-danger); margin-bottom: 0.25rem;">Nuke</h5>
+                            <h5 style="color: var(--accent-danger); margin-bottom: 0.25rem;">Nuke <span style="font-size: 0.75rem; background: rgba(239, 68, 68, 0.2); padding: 0.15rem 0.4rem; border-radius: 4px;">📸 Screenshots</span></h5>
                             <p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
                                 <strong>Best for:</strong> Complete security audit of multiple targets
                             </p>
@@ -257,7 +257,7 @@
                         </div>
 
                         <div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-info);">
-                            <h5 style="color: #06b6d4; margin-bottom: 0.25rem;">MassWeb / MassWebScan / MassVulnScan / MassPortScan</h5>
+                            <h5 style="color: #06b6d4; margin-bottom: 0.25rem;">MassWeb / MassWebScan / MassVulnScan / MassPortScan <span style="font-size: 0.75rem; background: rgba(6, 182, 212, 0.2); padding: 0.15rem 0.4rem; border-radius: 4px;">📸 MassWeb* modes</span></h5>
                             <p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
                                 <strong>Best for:</strong> Running specific scan types across many targets
                             </p>