HTML Output Format - TYCHON Quantum Readiness Documentation

Overview

The HTML output format generates interactive web-based reports ideal for human review, presentations, and executive reporting. Reports include certificate detail popups, search functionality, and responsive design.

Interactive Features

• Certificate detail popups with full X.509 data
• Real-time search and filtering
• Cipher suite intelligence tooltips
• Responsive design for all devices
• VPN client discovery with PQC assessments NEW
• IPSec tunnel configuration analysis NEW
• System quantum readiness assessment with scoring dashboard NEW

Usage

.\certscanner-windows-amd64.exe -host example.com `
  -outputformat html `
  -output security-report.html

./certscanner-linux-x64 -host example.com \
  -outputformat html \
  -output security-report.html

# Intel Macs
./certscanner-darwin-amd64 -host example.com \
  -outputformat html \
  -output security-report.html

# Apple Silicon Macs
./certscanner-darwin-arm64 -host example.com \
  -outputformat html \
  -output security-report.html

Report Features

🔍

Search & Filter

Real-time search across all scan results with instant filtering

📋

Certificate Popups

Click any certificate to view complete X.509 details in modal

🎯

Intelligence Integration

Cipher suite recommendations and security analysis

Network Results Display

• Host Summary: IP address, domain, open ports
• Certificate Table: Clickable certificates with validity status
• Cipher Suites: Security level color coding
• SSH Information: Host keys and algorithm details

Local Results Display

• Process Information: PID, executable, crypto libraries
• Filesystem Certificates: File paths with certificate popups
• Memory Libraries: Crypto libraries with API detection
• Archive Files: Outlook archives with encryption status
• Quantum Readiness: System PQC assessment with scoring dashboard NEW

Technical Implementation

Frontend Technologies

Styling & Layout

• Tailwind CSS: Utility-first styling
• Responsive Design: Mobile-friendly layout
• Color Coding: Security level indicators
• Print Optimized: Professional PDF generation

JavaScript Features

• Vanilla JS: No external dependencies
• Modal System: Certificate detail popups
• Search Engine: Real-time filtering
• Data Embedding: JSON data in template

Template Functions

Function	Purpose	Example
formatTime	Format timestamps	"2025-09-02 09:00:17"
getSecurityClass	CSS class for security level	"security-high"
toJSON	Embed data for JavaScript	JSON.stringify(object)
truncateString	Limit string length	"long string..." (50 chars)

Customization & Integration

Report Customization

# Custom branding with tags
.\certscanner-windows-amd64.exe -host internal-servers.txt -cipherscan `
  -tags "CompanyName,Q4-2025,Security-Audit" `
  -outputformat html -output Q4-Security-Report.html

# Focused filesystem audit
.\certscanner-windows-amd64.exe -mode local -scanfilesystem -scanoutlookarchives `
  -tags "Certificate-Inventory,Compliance" `
  -outputformat html -output Certificate-Audit.html

# Custom branding with tags
./certscanner-linux-x64 -host internal-servers.txt -cipherscan \
  -tags "CompanyName,Q4-2025,Security-Audit" \
  -outputformat html -output Q4-Security-Report.html

# Focused filesystem audit
./certscanner-linux-x64 -mode local -scanfilesystem -scanoutlookarchives \
  -tags "Certificate-Inventory,Compliance" \
  -outputformat html -output Certificate-Audit.html

# Custom branding with tags
./certscanner-darwin-amd64 -host internal-servers.txt -cipherscan \
  -tags "CompanyName,Q4-2025,Security-Audit" \
  -outputformat html -output Q4-Security-Report.html

# Focused filesystem audit  
./certscanner-darwin-amd64 -mode local -scanfilesystem -scanoutlookarchives \
  -tags "Certificate-Inventory,Compliance" \
  -outputformat html -output Certificate-Audit.html

Template Structure

The HTML template includes these main sections:

• Header: Scan summary with system information
• Network Results: Host-by-host analysis with port details
• Filesystem Results: Certificate files with metadata
• Memory Results: Process crypto libraries
• Archive Results: Outlook archives with encryption status
• JavaScript: Search, modal, and interaction logic

Sample Report Structure

HTML Report Layout

<!-- Report Header -->
<div class="scan-summary">
  <h1>TYCHON Quantum Readiness Security Report</h1>
  <div class="scan-metadata">
    <span>Target: example.com</span>
    <span>Timestamp: 2025-09-02 09:00:17</span>
    <span>Version: 1.0.43</span>
  </div>
</div>

<!-- Search Interface -->
<div class="search-container">
  <input type="text" id="searchInput" placeholder="Search certificates, hosts, ciphers...">
</div>

<!-- Network Results -->
<div class="network-results">
  <h2>Network Scan Results</h2>
  <div class="host-result">
    <h3>example.com (93.184.216.34)</h3>
    <div class="port-result">
      <h4>Port 443 (TLS)</h4>
      <table class="certificate-table">
        <tr onclick="showCertDetails(...)">
          <td>example.com</td>
          <td>DigiCert</td>
          <td class="status-valid">Valid</td>
        </tr>
      </table>
      <table class="cipher-table">
        <tr class="security-high">
          <td>TLS_AES_256_GCM_SHA384</td>
          <td>256-bit</td>
          <td>High Security</td>
        </tr>
      </table>
    </div>
  </div>
</div>

<!-- Certificate Modal -->
<div id="certificateModal" class="modal">
  <div class="modal-content">
    <h3>Certificate Details</h3>
    <div class="cert-details">
      <!-- Complete X.509 certificate information -->
    </div>
  </div>
</div>

Use Cases

Executive Reporting

• Security Dashboards: Visual summaries for leadership
• Compliance Reports: Professional presentation format
• Audit Documentation: Complete certificate inventories
• Risk Assessment: Security level visualizations

Technical Analysis

• Certificate Management: Detailed X.509 inspection
• Network Security: Cipher suite analysis
• System Auditing: Process and library review
• Troubleshooting: Interactive data exploration

Example Workflows

# Generate executive security report
.\certscanner-windows-amd64.exe -host critical-infrastructure.txt -cipherscan `
  -tags "Executive-Report,Q4-2025,Critical-Systems" `
  -outputformat html -output Executive-Crypto-Report.html

# Local system security audit  
.\certscanner-windows-amd64.exe -mode local -scanfilesystem -scanmemory -scanconnected `
  -tags "System-Audit,Workstation-Security" `
  -outputformat html -output System-Security-Audit.html

# Certificate expiration dashboard
.\certscanner-windows-amd64.exe -mode local -scanfilesystem `
  -tags "Certificate-Management,Expiration-Tracking" `
  -outputformat html -output Certificate-Dashboard.html

# Generate executive security report
./certscanner-linux-x64 -host critical-infrastructure.txt -cipherscan \
  -tags "Executive-Report,Q4-2025,Critical-Systems" \
  -outputformat html -output Executive-Crypto-Report.html

# Local system security audit  
./certscanner-linux-x64 -mode local -scanfilesystem -scanmemory -scanconnected \
  -tags "System-Audit,Workstation-Security" \
  -outputformat html -output System-Security-Audit.html

# Certificate expiration dashboard
./certscanner-linux-x64 -mode local -scanfilesystem \
  -tags "Certificate-Management,Expiration-Tracking" \
  -outputformat html -output Certificate-Dashboard.html

# Generate executive security report
./certscanner-darwin-amd64 -host critical-infrastructure.txt -cipherscan \
  -tags "Executive-Report,Q4-2025,Critical-Systems" \
  -outputformat html -output Executive-Crypto-Report.html

# Local system security audit  
./certscanner-darwin-amd64 -mode local -scanfilesystem -scanconnected \
  -tags "System-Audit,Workstation-Security" \
  -outputformat html -output System-Security-Audit.html

# Certificate expiration dashboard
./certscanner-darwin-amd64 -mode local -scanfilesystem \
  -tags "Certificate-Management,Expiration-Tracking" \
  -outputformat html -output Certificate-Dashboard.html

JavaScript API Reference

Core Functions

Function	Purpose	Parameters
showCertDetails()	Display certificate popup	certificate object
showFileCertDetails()	Display filesystem cert popup	certificate object
closeModal()	Close certificate modal	none
filterResults()	Search and filter data	search term

CSS Classes

Class	Purpose	Visual Effect
.security-high	High security cipher	Green background
.security-medium	Medium security cipher	Yellow background
.security-low	Low security cipher	Red background
.status-valid	Valid certificate	Green text
.status-expired	Expired certificate	Red text

Browser Compatibility

Supported Browsers

🌐

Chrome 90+

🔥

Firefox 88+

🧭

Safari 14+

📘

Edge 90+

Reports work offline and require no external dependencies