{% extends "base.html" %}
{% block title %}About — PhantomSignal{% endblock %}
{% block content %}
<div class="page-header">
  <h1 class="glitch-text" data-text="PHANTOMSIGNAL">PHANTOMSIGNAL</h1>
  <p class="text-dim">v{{ version }} // {{ codename }}</p>
</div>

<div style="max-width:800px;margin:0 auto;padding:2rem 0;">

  <div class="card" style="margin-bottom:1.5rem;">
    <div class="card-header">
      <span class="neon-green">◈ MISSION BRIEFING</span>
    </div>
    <div class="card-body">
      <p>PhantomSignal is an open-source OSINT intelligence framework designed for security researchers, penetration testers, and digital investigators. Built for the grid — where information is the ultimate weapon.</p>
    </div>
  </div>

  <div class="card" style="margin-bottom:1.5rem;border-color:var(--neon-pink);">
    <div class="card-header" style="border-color:var(--neon-pink);">
      <span style="color:var(--neon-pink);">◈ OPERATIVE WARNING</span>
    </div>
    <div class="card-body">
      <ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.6rem;">
        <li style="display:flex;gap:0.75rem;align-items:flex-start;">
          <span style="color:var(--neon-pink);flex-shrink:0;">▸</span>
          <span>PhantomSignal is for <strong>authorized security research, OSINT investigations, and educational purposes only.</strong></span>
        </li>
        <li style="display:flex;gap:0.75rem;align-items:flex-start;">
          <span style="color:var(--neon-pink);flex-shrink:0;">▸</span>
          <span>You are solely responsible for ensuring your use complies with all applicable local, national, and international laws — including GDPR, CCPA, CFAA, and FCRA.</span>
        </li>
        <li style="display:flex;gap:0.75rem;align-items:flex-start;">
          <span style="color:var(--neon-pink);flex-shrink:0;">▸</span>
          <span>Unauthorized use against systems, networks, or individuals you do not have explicit permission to investigate is <strong>illegal</strong>.</span>
        </li>
        <li style="display:flex;gap:0.75rem;align-items:flex-start;">
          <span style="color:var(--neon-pink);flex-shrink:0;">▸</span>
          <span class="text-dim">The developers and contributors assume <strong>zero liability</strong> for misuse, damages, or legal consequences arising from operation of this tool.</span>
        </li>
      </ul>
    </div>
  </div>

  <div class="card" style="margin-bottom:1.5rem;">
    <div class="card-header">
      <span class="neon-cyan">◈ CAPABILITIES</span>
    </div>
    <div class="card-body">
      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;">
        <div class="api-chip" style="display:flex;flex-direction:column;gap:0.25rem;padding:1rem;">
          <span style="color:var(--neon-green);font-size:1.5rem;">🕸️</span>
          <strong>Web Recon</strong>
          <span class="text-dim" style="font-size:0.8rem;">Scrapy crawler, tech fingerprinting, form discovery</span>
        </div>
        <div class="api-chip" style="display:flex;flex-direction:column;gap:0.25rem;padding:1rem;">
          <span style="color:var(--neon-cyan);font-size:1.5rem;">🔍</span>
          <strong>DNS Intel</strong>
          <span class="text-dim" style="font-size:0.8rem;">Zone transfers, subdomain brute, certificate transparency</span>
        </div>
        <div class="api-chip" style="display:flex;flex-direction:column;gap:0.25rem;padding:1rem;">
          <span style="color:var(--neon-purple);font-size:1.5rem;">🔌</span>
          <strong>Port Scan</strong>
          <span class="text-dim" style="font-size:0.8rem;">Async TCP scanner, banner grabbing, risk assessment</span>
        </div>
        <div class="api-chip" style="display:flex;flex-direction:column;gap:0.25rem;padding:1rem;">
          <span style="color:var(--neon-pink);font-size:1.5rem;">👤</span>
          <strong>People Intel</strong>
          <span class="text-dim" style="font-size:0.8rem;">Shadow profiles, breach data, social aggregation</span>
        </div>
        <div class="api-chip" style="display:flex;flex-direction:column;gap:0.25rem;padding:1rem;">
          <span style="color:var(--neon-green);font-size:1.5rem;">📡</span>
          <strong>API Hunt</strong>
          <span class="text-dim" style="font-size:0.8rem;">80+ endpoint probes, GraphQL introspection</span>
        </div>
        <div class="api-chip" style="display:flex;flex-direction:column;gap:0.25rem;padding:1rem;">
          <span style="color:var(--neon-cyan);font-size:1.5rem;">📦</span>
          <strong>Exports</strong>
          <span class="text-dim" style="font-size:0.8rem;">JSON/CSV/PDF/HTML/STIX + AES-256-GCM encryption</span>
        </div>
      </div>
    </div>
  </div>

  <div class="card" style="margin-bottom:1.5rem;">
    <div class="card-header">
      <span class="neon-purple">◈ SHADOW SCORE</span>
    </div>
    <div class="card-body">
      <p>The <strong>Shadow Score</strong> (0–100) is a composite exposure metric calculated from discovered OSINT data. Higher scores indicate greater digital footprint and risk exposure.</p>
      <br>
      <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;text-align:center;">
        <div style="padding:0.75rem;border:1px solid var(--neon-green);border-radius:4px;">
          <div style="color:var(--neon-green);font-size:1.2rem;font-weight:700;">0–25</div>
          <div class="text-dim" style="font-size:0.8rem;">CLEAN</div>
        </div>
        <div style="padding:0.75rem;border:1px solid #ffff00;border-radius:4px;">
          <div style="color:#ffff00;font-size:1.2rem;font-weight:700;">26–50</div>
          <div class="text-dim" style="font-size:0.8rem;">ELEVATED</div>
        </div>
        <div style="padding:0.75rem;border:1px solid var(--neon-pink);border-radius:4px;">
          <div style="color:var(--neon-pink);font-size:1.2rem;font-weight:700;">51–75</div>
          <div class="text-dim" style="font-size:0.8rem;">HIGH</div>
        </div>
        <div style="padding:0.75rem;border:1px solid #ff0000;border-radius:4px;">
          <div style="color:#ff0000;font-size:1.2rem;font-weight:700;">76–100</div>
          <div class="text-dim" style="font-size:0.8rem;">CRITICAL</div>
        </div>
      </div>
    </div>
  </div>

  <div class="card" style="margin-bottom:1.5rem;">
    <div class="card-header">
      <span class="neon-green">◈ AUTHORS</span>
    </div>
    <div class="card-body">
      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;">
        <div style="border-left:3px solid var(--neon-green);padding-left:1rem;">
          <div style="font-weight:700;color:var(--neon-green);font-size:1.05rem;letter-spacing:0.05em;">the-clipper</div>
          <div class="text-dim" style="font-size:0.85rem;margin-top:0.35rem;">Concept · Design · Threat Modeling · Module Specification</div>
          <div style="margin-top:0.6rem;font-size:0.8rem;color:var(--text-secondary);">
            Original author. Defined the vision, attack surface coverage, cyberpunk identity, and every module's scope and requirements.
          </div>
        </div>
        <div style="border-left:3px solid var(--neon-cyan);padding-left:1rem;">
          <div style="font-weight:700;color:var(--neon-cyan);font-size:1.05rem;letter-spacing:0.05em;">Claude <span style="font-weight:400;color:var(--text-dim);font-size:0.85rem;">— Anthropic</span></div>
          <div class="text-dim" style="font-size:0.85rem;margin-top:0.35rem;">AI Architecture · Full-Stack Implementation · Integration Design</div>
          <div style="margin-top:0.6rem;font-size:0.8rem;color:var(--text-secondary);">
            AI collaborator. Engineered the full codebase: async engine, plugin API registry, 20+ intelligence adapters, Scrapy crawler, AES-256-GCM exporter, SocketIO live feed, and the cyberpunk web frontend.
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header">
      <span class="neon-green">◈ OPEN SOURCE — MIT LICENSE</span>
    </div>
    <div class="card-body">
      <p>PhantomSignal is released under the <strong>MIT License</strong>. You are free to use, modify, and distribute it — including in commercial projects — provided the copyright notice is retained.</p>
      <br>
      <p style="font-family:monospace;font-size:0.8rem;color:var(--text-dim);line-height:1.6;">
        Copyright © 2026 the-clipper &amp; Claude (Anthropic)<br>
        Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction...
      </p>
      <br>
      <p class="text-dim">Contributions, bug reports, and new API integrations are welcome from the community.</p>
      <br>
      <p class="text-dim" style="font-size:0.85rem;">Built with Python · Flask · Scrapy · SQLAlchemy · Flask-SocketIO · httpx · cryptography</p>
    </div>
  </div>

</div>
{% endblock %}