Share

components/share-button.js

@@ -0,0 +1,65 @@
+class ShareButton extends HTMLElement {
+  connectedCallback() {
+    this.attachShadow({ mode: 'open' });
+    this.shadowRoot.innerHTML = `
+      <style>
+        :host {
+          display: inline-block;
+        }
+        button {
+          background: linear-gradient(to right, #dc2626, #7c3aed);
+          color: white;
+          border: none;
+          padding: 0.5rem 1rem;
+          border-radius: 0.5rem;
+          font-family: inherit;
+          font-weight: 600;
+          cursor: pointer;
+          display: flex;
+          align-items: center;
+          gap: 0.5rem;
+          transition: all 0.3s ease;
+        }
+        button:hover {
+          opacity: 0.9;
+          transform: translateY(-1px);
+        }
+        .share-icon {
+          width: 1rem;
+          height: 1rem;
+        }
+      </style>
+      <button>
+        <svg class="share-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path>
+          <polyline points="16 6 12 2 8 6"></polyline>
+          <line x1="12" y1="2" x2="12" y2="15"></line>
+        </svg>
+        Share
+      </button>
+    `;
+
+    this.shadowRoot.querySelector('button').addEventListener('click', () => this.shareContent());
+  }
+
+  shareContent() {
+    const title = document.title;
+    const url = window.location.href;
+    const text = "Check out this DevDaRK Shadow AI Pro module";
+
+    if (navigator.share) {
+      navigator.share({
+        title,
+        text,
+        url
+      }).catch(err => {
+        console.log('Error sharing:', err);
+      });
+    } else {
+      // Fallback for desktop
+      const shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(url)}`;
+      window.open(shareUrl, '_blank');
+    }
+  }
+}
+customElements.define('share-button', ShareButton);

index.html

@@ -33,10 +33,13 @@
     <main class="container mx-auto px-4 py-12">
         <section class="mb-20">
             <div class="text-center mb-16">
-                <h1 class="text-5xl md:text-7xl font-bold mb-6 text-transparent bg-clip-text bg-gradient-to-r from-red-600 to-purple-800 glitch-text">
+                <div class="flex justify-between items-center">
+                  <h1 class="text-5xl md:text-7xl font-bold mb-6 text-transparent bg-clip-text bg-gradient-to-r from-red-600 to-purple-800 glitch-text">
                     DevDaRK Shadow AI Pro
-</h1>
-                <p class="text-xl md:text-2xl max-w-3xl mx-auto opacity-90 terminal-style">
+                  </h1>
+                  <share-button></share-button>
+                </div>
+<p class="text-xl md:text-2xl max-w-3xl mx-auto opacity-90 terminal-style">
                     [SYSTEM INITIALIZED] Connecting to darknet nodes...<br>
                     [STATUS] 78% penetration achieved<br>
                     [WARNING] Firewalls detected: 3<br>
@@ -86,7 +89,8 @@
     <script src="components/navbar.js"></script>
     <script src="components/footer.js"></script>
     <script src="components/dashboard-card.js"></script>
-    <script>
+    <script src="components/share-button.js"></script>
+<script>
         feather.replace();
     </script>
 <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>

modules.html

@@ -31,10 +31,13 @@
     
     <main class="container mx-auto px-4 py-12">
         <section class="mb-12">
-                <h1 class="text-4xl md:text-6xl font-bold mb-8 text-transparent bg-clip-text bg-gradient-to-r from-red-600 to-purple-800 glitch-text">
-                DevDaRK Shadow AI Pro
-</h1>
-            <p class="text-xl opacity-90 terminal-style mb-12">
+                <div class="flex justify-between items-center">
+                  <h1 class="text-4xl md:text-6xl font-bold mb-8 text-transparent bg-clip-text bg-gradient-to-r from-red-600 to-purple-800 glitch-text">
+                    DevDaRK Shadow AI Pro
+                  </h1>
+                  <share-button></share-button>
+                </div>
+<p class="text-xl opacity-90 terminal-style mb-12">
                 [SYSTEM] Loading operational modules...<br>
                 [STATUS] 23 active modules detected<br>
                 [WARNING] Some modules require root access
@@ -97,7 +100,8 @@
     <script src="components/navbar.js"></script>
     <script src="components/footer.js"></script>
     <script src="components/dashboard-card.js"></script>
-    <script>
+    <script src="components/share-button.js"></script>
+<script>
         feather.replace();
     </script>
 </body>