Spaces:

edsaga
/

gridland-1

Running

App Files Files Community

edsaga commited on Nov 28, 2025

Commit

3eb0392

verified ·

1 Parent(s): c6bcee3

https://github.com/thunderbird-esq/gridland3 - use this repo's full codebase to bring this project to life

Browse files

Files changed (6) hide show

about.html +82 -0
components/footer.js +37 -0
components/navbar.js +51 -0
docs.html +86 -0
index.html +9 -4
style.css +26 -19

about.html ADDED Viewed

	@@ -0,0 +1,82 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About CamXploit Scanner</title>
+    <link rel="stylesheet" href="https://unpkg.com/@sakun/system.css">
+    <link rel="stylesheet" href="style.css">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+        .about-container {
+            max-width: 800px;
+            margin: 2rem auto;
+            padding: 2rem;
+            background: #fff;
+            border: 2px solid #000;
+            box-shadow: 4px 4px 0 #404040;
+        }
+        .feature-list {
+            margin: 1rem 0;
+            padding: 0;
+            list-style-type: none;
+        }
+        .feature-list li {
+            margin: 0.5rem 0;
+            padding-left: 1.5rem;
+            position: relative;
+        }
+        .feature-list li:before {
+            content: "▹";
+            position: absolute;
+            left: 0;
+            color: #000;
+        }
+    </style>
+</head>
+<body>
+    <custom-navbar></custom-navbar>
+    <div class="window" style="width: 90%; max-width: 800px; margin: 2rem auto;">
+        <div class="title-bar">
+            <button aria-label="Close" class="close" onclick="window.history.back()"></button>
+            <h1 class="title">About CamXploit Scanner</h1>
+        </div>
+        <div class="separator"></div>
+        <div class="window-pane">
+            <div class="about-container">
+                <h1 style="font-family: 'Chicago', sans-serif; font-size: 24px; margin-bottom: 1rem;">🎥 CamXploit Scanner v2.0.1</h1>
+                <p style="font-family: 'Geneva', monospace; font-size: 12px; line-height: 1.5;">
+                    CamXploit is a specialized reconnaissance tool designed for security professionals to
+                    identify and analyze exposed CCTV cameras and security systems.
+                </p>
+                <h2 style="font-family: 'Chicago', sans-serif; font-size: 18px; margin-top: 1.5rem;">Key Features</h2>
+                <ul class="feature-list" style="font-family: 'Geneva', monospace; font-size: 12px;">
+                    <li>Advanced network scanning for CCTV devices</li>
+                    <li>Brand/model detection for common camera systems</li>
+                    <li>Vulnerability assessment for known exploits</li>
+                    <li>Live stream discovery and viewing capabilities</li>
+                    <li>Comprehensive reporting and documentation</li>
+                </ul>
+                <h2 style="font-family: 'Chicago', sans-serif; font-size: 18px; margin-top: 1.5rem;">Disclaimer</h2>
+                <p style="font-family: 'Geneva', monospace; font-size: 12px; line-height: 1.5;">
+                    This tool is intended for authorized security testing and educational purposes only.
+                    Unauthorized scanning of networks may violate local laws and regulations.
+                </p>
+                <div style="margin-top: 2rem; text-align: center;">
+                    <button class="btn" onclick="window.history.back()">Close</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <custom-footer></custom-footer>
+    <script src="components/navbar.js"></script>
+    <script src="components/footer.js"></script>
+    <script src="script.js"></script>
+</body>
+</html>

components/footer.js ADDED Viewed

	@@ -0,0 +1,37 @@

+class CustomFooter extends HTMLElement {
+  connectedCallback() {
+    this.attachShadow({ mode: 'open' });
+    this.shadowRoot.innerHTML = `
+      <style>
+        footer {
+          background: #000;
+          color: white;
+          padding: 1rem;
+          text-align: center;
+          font-size: 0.8rem;
+          border-top: 1px solid #333;
+          margin-top: 2rem;
+        }
+        .footer-link {
+          color: white;
+          text-decoration: none;
+          margin: 0 0.5rem;
+        }
+        .footer-link:hover {
+          text-decoration: underline;
+        }
+      </style>
+      <footer>
+        <div>
+          <a href="#" class="footer-link">Terms</a>
+          <a href="#" class="footer-link">Privacy</a>
+          <a href="#" class="footer-link">License</a>
+        </div>
+        <div style="margin-top: 0.5rem;">
+          © ${new Date().getFullYear()} CamXploit Scanner
+        </div>
+      </footer>
+    `;
+  }
+}
+customElements.define('custom-footer', CustomFooter);

components/navbar.js ADDED Viewed

	@@ -0,0 +1,51 @@

+class CustomNavbar extends HTMLElement {
+  connectedCallback() {
+    this.attachShadow({ mode: 'open' });
+    this.shadowRoot.innerHTML = `
+      <style>
+        nav {
+          background: #000;
+          color: white;
+          padding: 1rem;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          border-bottom: 1px solid #333;
+        }
+        .nav-brand {
+          font-weight: bold;
+          font-size: 1.2rem;
+        }
+        .nav-items {
+          display: flex;
+          gap: 1.5rem;
+        }
+        .nav-link {
+          color: white;
+          text-decoration: none;
+          font-size: 0.9rem;
+          padding: 0.5rem;
+          border-radius: 4px;
+        }
+        .nav-link:hover {
+          background: #333;
+        }
+        @media (max-width: 768px) {
+          nav {
+            flex-direction: column;
+            gap: 1rem;
+          }
+        }
+      </style>
+      <nav>
+        <div class="nav-brand">🎥 CamXploit Scanner</div>
+        <div class="nav-items">
+          <a href="/" class="nav-link">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/docs.html" class="nav-link">Docs</a>
+        </div>
+      </nav>
+    `;
+  }
+}
+customElements.define('custom-navbar', CustomNavbar);

docs.html ADDED Viewed

	@@ -0,0 +1,86 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Documentation | CamXploit Scanner</title>
+    <link rel="stylesheet" href="https://unpkg.com/@sakun/system.css">
+    <link rel="stylesheet" href="style.css">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+        .docs-container {
+            max-width: 800px;
+            margin: 2rem auto;
+            padding: 2rem;
+            background: #fff;
+            border: 2px solid #000;
+            box-shadow: 4px 4px 0 #404040;
+        }
+        .doc-section {
+            margin-bottom: 2rem;
+        }
+        .code-block {
+            background: #f0f0f0;
+            padding: 1rem;
+            font-family: monospace;
+            font-size: 12px;
+            margin: 1rem 0;
+            border-left: 4px solid #000;
+        }
+    </style>
+</head>
+<body>
+    <custom-navbar></custom-navbar>
+    <div class="window" style="width: 90%; max-width: 800px; margin: 2rem auto;">
+        <div class="title-bar">
+            <button aria-label="Close" class="close" onclick="window.history.back()"></button>
+            <h1 class="title">Documentation</h1>
+        </div>
+        <div class="separator"></div>
+        <div class="window-pane">
+            <div class="docs-container">
+                <h1 style="font-family: 'Chicago', sans-serif; font-size: 24px; margin-bottom: 1rem;">CamXploit Scanner Documentation</h1>
+                <div class="doc-section">
+                    <h2 style="font-family: 'Chicago', sans-serif; font-size: 18px;">Getting Started</h2>
+                    <p style="font-family: 'Geneva', monospace; font-size: 12px; line-height: 1.5;">
+                        To begin scanning for CCTV devices, enter a target IP address or CIDR range in the input field
+                        and click the "Start Scan" button.
+                    </p>
+                    <div class="code-block">
+                        Example: 192.168.1.1 or 192.168.1.0/24
+                    </div>
+                </div>
+                <div class="doc-section">
+                    <h2 style="font-family: 'Chicago', sans-serif; font-size: 18px;">Scan Modes</h2>
+                    <ul style="font-family: 'Geneva', monospace; font-size: 12px; list-style-type: none; padding: 0;">
+                        <li><strong>Quick Scan:</strong> Basic port scan for common CCTV services (80, 554, 37777)</li>
+                        <li><strong>Deep Scan:</strong> Comprehensive scan including vulnerability checks</li>
+                        <li><strong>Custom Scan:</strong> Configure specific ports and tests</li>
+                    </ul>
+                </div>
+                <div class="doc-section">
+                    <h2 style="font-family: 'Chicago', sans-serif; font-size: 18px;">Keyboard Shortcuts</h2>
+                    <ul style="font-family: 'Geneva', monospace; font-size: 12px; list-style-type: none; padding: 0;">
+                        <li><strong>Enter:</strong> Start scan</li>
+                        <li><strong>Escape:</strong> Stop scan</li>
+                        <li><strong>Ctrl+E:</strong> Export results</li>
+                    </ul>
+                </div>
+                <div style="margin-top: 2rem; text-align: center;">
+                    <button class="btn" onclick="window.history.back()">Close</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <custom-footer></custom-footer>
+    <script src="components/navbar.js"></script>
+    <script src="components/footer.js"></script>
+    <script src="script.js"></script>
+</body>
+</html>

index.html CHANGED Viewed

@@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -5,8 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>CamXploit Scanner v2.0.1</title>
     <link rel="stylesheet" href="https://unpkg.com/@sakun/system.css">
     <script src="https://cdn.tailwindcss.com"></script>
-    <style>
         @font-face {
             font-family: 'Chicago';
             src: url('https://unpkg.com/system-font-css@2.0.1/fonts/ChicagoFLF.ttf') format('truetype');
@@ -259,8 +261,9 @@
     </style>
 </head>
 <body>
-    <div class="menu-bar" role="menubar">
-        <ul role="menu">
             <li role="menuitem" tabindex="0">📁 File
                 <ul role="menu" class="dropdown">
                     <li role="menuitem"><a href="#new">New Scan</a></li>
@@ -754,5 +757,7 @@
             });
         });
     </script>
-<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=edsaga/gridland-1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>CamXploit Scanner v2.0.1</title>
     <link rel="stylesheet" href="https://unpkg.com/@sakun/system.css">
+    <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
+<style>
         @font-face {
             font-family: 'Chicago';
             src: url('https://unpkg.com/system-font-css@2.0.1/fonts/ChicagoFLF.ttf') format('truetype');
     </style>
 </head>
 <body>
+  <custom-navbar></custom-navbar>
+    <div class="menu-bar" role="menubar" style="margin-top: 60px;">
+<ul role="menu">
             <li role="menuitem" tabindex="0">📁 File
                 <ul role="menu" class="dropdown">
                     <li role="menuitem"><a href="#new">New Scan</a></li>
             });
         });
     </script>
+  <script src="components/navbar.js"></script>
+  <script src="components/footer.js"></script>
+</body>
 </html>

style.css CHANGED Viewed

@@ -1,28 +1,35 @@
 body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 }
-h1 {
-	font-size: 16px;
-	margin-top: 0;
 }
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
 }
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
 }
-.card p:last-child {
-	margin-bottom: 0;
-}

+/* Base Styles */
 body {
+  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+  margin: 0;
+  padding: 0;
+  color: #000;
 }
+/* Layout */
+.container {
+  width: 90%;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 20px;
 }
+/* Typography */
+h1, h2, h3 {
+  font-family: 'Chicago', sans-serif;
 }
+code, pre {
+  font-family: 'Geneva', monospace;
+  background: #f0f0f0;
+  padding: 2px 4px;
+  border-radius: 2px;
 }
+/* Utility Classes */
+.text-center { text-align: center; }
+.mt-2 { margin-top: 0.5rem; }
+.mt-4 { margin-top: 1rem; }
+.mb-4 { margin-bottom: 1rem; }
+.p-4 { padding: 1rem; }