allprojects / index.html
caustino's picture
Update index.html
1c05124 verified
Raw History Blame Contribute Delete
57.9 kB
<!-- Chosen Palette: Warm Sovereign Slate & Cyan/Amber Precision (Minimalist Neutral Base, Slate Navy, Cyan Accent, Emerald Cashflow, Amber Utility) -->
<!-- Application Structure Plan: Designed as a 7-stage interactive dashboard prioritizing deep information synthesis over linear reading. Features:
1. Executive Summary & Conversion Calculator: Immediate high-impact stat metrics with interactive claim-to-share conversion logic.
2. Senior Debt Capitalization & Tranche Analytics: Detailed tabular breakdown and Chart.js tranche comparison.
3. Information-Theoretic Notice Matrix & Form 13F Searchable Audit: Interactive Plotly WebGL curve & filterable 13F holding matrix.
4. Purpose Trust Charter & Interactive Merton Stochastic Yield Allocator: Live sliders adjusting sweep ratios dynamically.
5. Filterable 23-Project Public Utility CapEx Register: Interactive search, category filters, budget bar chart, and project card modal drawers.
6. NIST Post-Quantum Cryptography & Multi-Parent DAG Architecture: Interactive CSS node topological graph and cryptographic breakdown.
7. Tri-Court Mandamus Mandate, Judicial Orders & Global Media Pipeline: Interactive step-by-step accordion for court pleadings and media release toggle.
WHY: Allows legal, financial, and technical stakeholders to drill into quantitative proofs, query specific projects, and simulate cashflows dynamically. -->
<!-- Visualization & Content Choices:
- Conversion Calculator: JS-driven dynamic calculation input -> Immediate feedback on LEU shares & protocol routing -> Interactive learning -> Pure Vanilla JS.
- Information-Theoretic Resolution: Interactive Plotly WebGL curve (scattergl) showing P(ID|S) vs position size |S| -> Clear mathematical proof -> Dynamic WebGL Plotly.
- Merton Stochastic Yield Sweep: Interactive Doughnut Chart + Sliders -> Dynamic cashflow simulation -> Chart.js Canvas.
- 23-Project Register: Interactive Search + Category Buttons + Bar Chart + Detailed Cards -> Instant filtering of $318M budget -> Chart.js + Vanilla JS layout.
- DAG-Merkle Graph: HTML/CSS Flex/Grid topological flow -> Pure CSS/HTML nodes without SVG/Mermaid -> Fully accessible, clean visual architecture.
CONFIRMING: NO SVG graphics used. NO Mermaid JS used. All charts strict Canvas/WebGL. -->
<!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PSDLEF Master Submission Package | Interactive Legal, Financial & Engineering Analytics</title>
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
brand: {
navy: '#0f172a',
slate: '#1e293b',
blue: '#0284c7',
cyan: '#06b6d4',
amber: '#f59e0b',
emerald: '#10b981',
purple: '#8b5cf6',
rose: '#f43f5e',
bg: '#f8fafc',
card: '#ffffff'
}
}
}
}
}
</script>
<!-- Chart.js CDN -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!-- Plotly.js CDN -->
<script src="https://cdn.plot.ly/plotly-2.27.0.min.js"></script>
<style>
.chart-container {
position: relative;
width: 100%;
max-width: 650px;
margin-left: auto;
margin-right: auto;
height: 320px;
max-height: 400px;
}
@media (min-width: 768px) {
.chart-container {
height: 360px;
}
}
.plotly-container {
position: relative;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
height: 360px;
max-height: 420px;
}
.gradient-header {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0369a1 100%);
}
.card-shadow {
box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04);
}
/* Custom scrollbar for data tables */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #94a3b8;
}
</style>
</head>
<body class="bg-brand-bg text-slate-800 font-sans leading-relaxed antialiased selection:bg-brand-blue selection:text-white">
<!-- Sticky Navigation Header -->
<header class="sticky top-0 z-50 bg-brand-navy/95 backdrop-blur border-b border-slate-700 text-white py-3 px-4 sm:px-8">
<div class="max-w-7xl mx-auto flex flex-col lg:flex-row items-center justify-between gap-4">
<div class="flex items-center space-x-3">
<div class="bg-brand-blue p-2 rounded-lg font-bold text-white text-lg tracking-wider shadow-inner">PSDLEF</div>
<div>
<h1 class="font-bold text-sm sm:text-base leading-tight">Master Bound Submission Infrastructure</h1>
<p class="text-xs text-cyan-400">Sovereign Purpose Trust & Reorganized Capitalization Portal</p>
</div>
</div>
<nav class="flex flex-wrap justify-center gap-1 sm:gap-3 text-xs font-medium text-slate-300">
<a href="#overview" class="hover:text-cyan-400 transition-colors py-1 px-2 rounded hover:bg-slate-800">1. Overview</a>
<a href="#capitalization" class="hover:text-cyan-400 transition-colors py-1 px-2 rounded hover:bg-slate-800">2. Capitalization</a>
<a href="#re-identifiability" class="hover:text-cyan-400 transition-colors py-1 px-2 rounded hover:bg-slate-800">3. Due Process</a>
<a href="#governance" class="hover:text-cyan-400 transition-colors py-1 px-2 rounded hover:bg-slate-800">4. Merton Sweep</a>
<a href="#capex" class="hover:text-cyan-400 transition-colors py-1 px-2 rounded hover:bg-slate-800">5. $318M Register</a>
<a href="#pqc" class="hover:text-cyan-400 transition-colors py-1 px-2 rounded hover:bg-slate-800">6. Post-Quantum DAG</a>
<a href="#roadmap" class="hover:text-cyan-400 transition-colors py-1 px-2 rounded hover:bg-slate-800">7. Judicial Writs</a>
</nav>
</div>
</header>
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-12">
<!-- Hero & Executive Summary Section -->
<section id="overview" class="gradient-header rounded-2xl text-white p-6 sm:p-10 card-shadow relative overflow-hidden">
<div class="max-w-4xl space-y-4 relative z-10">
<div class="inline-flex items-center gap-2 bg-brand-blue/30 border border-brand-blue/50 px-3 py-1 rounded-full text-xs font-semibold text-cyan-300">
<span>OCTOBER 2026 PRODUCTION EDITION</span> • <span>TRI-COURT MANDAMUS SUBMISSION</span>
</div>
<h2 class="text-2xl sm:text-4xl font-extrabold tracking-tight leading-tight">
PSDLEF Sovereign Exchange Trust & Reorganized Capitalization Platform
</h2>
<p class="text-slate-300 text-sm sm:text-base leading-relaxed">
This interactive analytics platform visualizes the complete master bound submission package for the Pro Se Disability Litigant Empowerment Foundation (PSDLEF). The framework consolidates $500M in reorganized senior unsecured bond claims, information-theoretic due process proofs under SEC Form 13F, dual-signature institutional banking onboarding, continuous Merton HJB stochastic yield deployment, a $318M public utility register, and NIST post-quantum DAG Merkle security.
</p>
</div>
<!-- Single Big Numbers / Key Performance Metrics -->
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mt-8 pt-8 border-t border-slate-700/60 relative z-10">
<div class="bg-slate-800/80 border border-slate-700 p-4 rounded-xl hover:border-cyan-500/50 transition-colors">
<p class="text-xs text-slate-400 font-medium uppercase tracking-wider">Reorganized Senior Debt</p>
<p class="text-xl sm:text-3xl font-extrabold text-cyan-400 mt-1">$500.0M</p>
<p class="text-xs text-slate-400 mt-1">CUSIPs 917300AA1 & AB9</p>
</div>
<div class="bg-slate-800/80 border border-slate-700 p-4 rounded-xl hover:border-emerald-500/50 transition-colors">
<p class="text-xs text-slate-400 font-medium uppercase tracking-wider">Converted LEU Shares</p>
<p class="text-xl sm:text-3xl font-extrabold text-emerald-400 mt-1">45.85M</p>
<p class="text-xs text-slate-400 mt-1">Fixed 0.0917 Exchange Ratio</p>
</div>
<div class="bg-slate-800/80 border border-slate-700 p-4 rounded-xl hover:border-amber-500/50 transition-colors">
<p class="text-xs text-slate-400 font-medium uppercase tracking-wider">Public CapEx Register</p>
<p class="text-xl sm:text-3xl font-extrabold text-amber-400 mt-1">$318.0M</p>
<p class="text-xs text-slate-400 mt-1">23 Non-Solar Civic Projects</p>
</div>
<div class="bg-slate-800/80 border border-slate-700 p-4 rounded-xl hover:border-purple-500/50 transition-colors">
<p class="text-xs text-slate-400 font-medium uppercase tracking-wider">Judicial Forums</p>
<p class="text-xl sm:text-3xl font-extrabold text-purple-400 mt-1">4 Venues</p>
<p class="text-xs text-slate-400 mt-1">Tri-Court + SCOTUS Writs</p>
</div>
</div>
</section>
<!-- SECTION 1: Reorganized Capitalization Mechanics & Share Conversion -->
<section id="capitalization" class="bg-white rounded-2xl p-6 sm:p-8 card-shadow space-y-6">
<div class="border-b border-slate-200 pb-4">
<span class="text-xs font-bold text-brand-blue uppercase tracking-widest">Section 1.0</span>
<h3 class="text-xl sm:text-2xl font-bold text-slate-900 mt-1">Reorganized Senior Debt Capitalization & Conversion Mechanics</h3>
<p class="text-sm text-slate-600 mt-2">
In strict compliance with asset purging mandates, all collateral non-debt claims, legacy patent pool valuations, and Court of Federal Claims litigation references have been excised. Capitalization is grounded strictly in $500M principal USEC Inc. (Centrus Energy Corp., NYSE: LEU) senior unsecured notes converting at 0.0917 into 45,850,000 common shares.
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-start">
<!-- Data Breakdown & Dynamic Conversion Simulator -->
<div class="space-y-4">
<div class="bg-slate-50 border-l-4 border-brand-blue p-4 rounded-r-lg space-y-2">
<h4 class="font-semibold text-slate-900 text-sm">Senior Note Tranche Allocation Summary</h4>
<ul class="text-xs text-slate-700 space-y-2 font-mono">
<li class="flex justify-between items-center bg-white p-2 rounded border border-slate-200">
<span><strong>Tranche A (6.625% Due 2006):</strong> CUSIP 917300AA1</span>
<span class="font-bold text-brand-blue">$350,000,000.00</span>
</li>
<li class="flex justify-between items-center bg-white p-2 rounded border border-slate-200">
<span><strong>Tranche B (6.750% Due 2009):</strong> CUSIP 917300AB9</span>
<span class="font-bold text-cyan-600">$150,000,000.00</span>
</li>
<li class="flex justify-between items-center bg-slate-900 text-white p-2 rounded font-bold">
<span>Consolidated Reorganized Base:</span>
<span class="text-cyan-400">$500,000,000.00</span>
</li>
</ul>
</div>
<!-- Interactive Conversion Calculator Widget -->
<div class="bg-slate-900 text-white p-5 rounded-xl space-y-3">
<div class="flex items-center justify-between border-b border-slate-700 pb-2">
<h4 class="font-bold text-xs uppercase tracking-wider text-cyan-400">Interactive Share Conversion Simulator</h4>
<span class="text-[10px] text-slate-400 bg-slate-800 px-2 py-0.5 rounded">Plan Ratio: 0.0917</span>
</div>
<p class="text-xs text-slate-300">Input Senior Debt Principal Claim Amount ($):</p>
<div class="flex gap-2">
<input id="calcInput" type="number" value="500000000" step="1000000" class="w-full bg-slate-800 border border-slate-700 rounded px-3 py-1.5 text-xs font-mono text-cyan-300 focus:outline-none focus:border-cyan-400">
<button onclick="calculateConversion()" class="bg-brand-blue hover:bg-cyan-600 text-white text-xs font-bold px-4 py-1.5 rounded transition-colors">
Calculate
</button>
</div>
<div class="grid grid-cols-2 gap-3 pt-2 font-mono">
<div class="bg-slate-800/80 p-2.5 rounded border border-slate-700">
<p class="text-[10px] text-slate-400 uppercase">Converted Common LEU</p>
<p id="calcShares" class="text-base font-bold text-emerald-400 mt-0.5">45,850,000</p>
</div>
<div class="bg-slate-800/80 p-2.5 rounded border border-slate-700">
<p class="text-[10px] text-slate-400 uppercase">Settlement Clearance</p>
<p id="calcRouting" class="text-xs font-bold text-cyan-300 mt-1">DTC Escrow Sub-B</p>
</div>
</div>
</div>
</div>
<!-- Donut Chart: Tranche Par Value & Converted Equity Share Distribution -->
<div class="bg-slate-50 p-4 rounded-xl border border-slate-200 space-y-2">
<h4 class="text-xs font-bold text-center text-slate-700 uppercase tracking-wider">Senior Debt Tranche Par Value & Conversion Share Distribution</h4>
<p class="text-[11px] text-slate-500 text-center">Visualizing Tranche A ($350M / 32.095M shares) vs Tranche B ($150M / 13.755M shares)</p>
<div class="chart-container">
<canvas id="trancheChart"></canvas>
</div>
</div>
</div>
</section>
<!-- SECTION 2: Information-Theoretic Form 13F Re-Identifiability -->
<section id="re-identifiability" class="bg-white rounded-2xl p-6 sm:p-8 card-shadow space-y-6">
<div class="border-b border-slate-200 pb-4">
<span class="text-xs font-bold text-brand-blue uppercase tracking-widest">Section 2.0</span>
<h3 class="text-xl sm:text-2xl font-bold text-slate-900 mt-1">Constitutional Notice Deficiency & SEC Form 13F Re-Identifiability</h3>
<p class="text-sm text-slate-600 mt-2">
Under <em>Mullane v. Central Hanover Bank & Trust Co.</em> (339 U.S. 306) and <em>Mennonite Board of Missions v. Adams</em> (462 U.S. 791), publication notice is constitutionally deficient when beneficial holders are "reasonably ascertainable." Institutional SEC Form 13F filings render holdings fully re-identifiable, invoking equitable tolling under 11 U.S.C. § 105(a).
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-start">
<!-- Mathematical Curve Simulation (Plotly WebGL/Canvas) -->
<div class="bg-slate-50 p-4 rounded-xl border border-slate-200 space-y-2">
<h4 class="text-xs font-bold text-center text-slate-700 uppercase tracking-wider">Information-Theoretic Resolution Curve P(ID | |S|)</h4>
<p class="text-[11px] text-slate-500 text-center">Simulating probability of unique identity resolution as CUSIP positions |S| increase</p>
<div class="plotly-container" id="plotlyReID"></div>
</div>
<!-- Table: Audited Holdings Footprint with Real-Time Search -->
<div class="space-y-4">
<div class="bg-slate-900 text-white p-4 rounded-xl text-xs space-y-2 font-mono">
<p class="text-cyan-400 font-bold">P(ID | S) = 1 - exp(-|S| * ln(|G|) / Ω_entropy)</p>
<p class="text-slate-300">Where |S| &ge; 50 distinct CUSIP positions forces P(ID | S) &rarr; 1.0 (Unit Certainty Identifiability).</p>
</div>
<div class="space-y-2">
<div class="flex items-center justify-between">
<h4 class="text-xs font-bold text-slate-800 uppercase tracking-wider">Verified Holdings Audit Footprint (PNC Form 13F Excerpt)</h4>
<input id="tableSearch" type="text" placeholder="Filter positions..." onkeyup="filter13FTable()" class="text-xs px-2 py-1 border border-slate-300 rounded bg-slate-50 text-slate-800 focus:outline-none focus:border-brand-blue">
</div>
<div class="overflow-x-auto max-h-64 border border-slate-200 rounded-lg">
<table id="auditTable" class="w-full text-xs text-left border-collapse">
<thead class="sticky top-0 bg-slate-800 text-white">
<tr>
<th class="p-2 font-semibold">Issuer Name</th>
<th class="p-2 font-semibold">CUSIP</th>
<th class="p-2 font-semibold text-right">Value ($1k)</th>
<th class="p-2 font-semibold text-right">Position / Principal</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-200 font-mono text-slate-700 bg-white">
<tr><td class="p-2 font-sans font-medium text-slate-900">Abbott Laboratories</td><td class="p-2">002824100</td><td class="p-2 text-right">$94,757</td><td class="p-2 text-right">2,345,494 sh</td></tr>
<tr><td class="p-2 font-sans font-medium text-slate-900">AOL Time Warner Inc.</td><td class="p-2">00184A105</td><td class="p-2 text-right">$14,920,425</td><td class="p-2 text-right">1,275,250 sh</td></tr>
<tr><td class="p-2 font-sans font-medium text-slate-900">AT&T Corp.</td><td class="p-2">001957109</td><td class="p-2 text-right">$12,003,791</td><td class="p-2 text-right">999,483 sh</td></tr>
<tr><td class="p-2 font-sans font-medium text-slate-900">General Electric Co.</td><td class="p-2">369604103</td><td class="p-2 text-right">$520,400</td><td class="p-2 text-right">21,000,000 sh</td></tr>
<tr><td class="p-2 font-sans font-medium text-slate-900">Microsoft Corp.</td><td class="p-2">594918104</td><td class="p-2 text-right">$415,600</td><td class="p-2 text-right">9,500,000 sh</td></tr>
<tr><td class="p-2 font-sans font-medium text-slate-900">Pfizer Inc.</td><td class="p-2">717081103</td><td class="p-2 text-right">$380,200</td><td class="p-2 text-right">13,200,000 sh</td></tr>
<tr><td class="p-2 font-sans font-medium text-slate-900">BlackRock Inc.</td><td class="p-2">09247X101</td><td class="p-2 text-right">$1,850,000</td><td class="p-2 text-right">42,000,000 sh</td></tr>
<tr class="bg-amber-50 font-bold text-amber-950"><td class="p-2 font-sans">USEC Inc. Sr Notes 6.625%</td><td class="p-2">917300AA1</td><td class="p-2 text-right">$350,000</td><td class="p-2 text-right">$350,000,000</td></tr>
<tr class="bg-amber-50 font-bold text-amber-950"><td class="p-2 font-sans">USEC Inc. Sr Notes 6.750%</td><td class="p-2">917300AB9</td><td class="p-2 text-right">$150,000</td><td class="p-2 text-right">$150,000,000</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
<!-- SECTION 3: PSDLEF Perpetual Trust Governance & Interactive Merton Continuous Sweep -->
<section id="governance" class="bg-white rounded-2xl p-6 sm:p-8 card-shadow space-y-6">
<div class="border-b border-slate-200 pb-4">
<span class="text-xs font-bold text-brand-blue uppercase tracking-widest">Section 3.0</span>
<h3 class="text-xl sm:text-2xl font-bold text-slate-900 mt-1">Perpetual Purpose Trust Charter & Interactive Merton Stochastic Yield Sweep</h3>
<p class="text-sm text-slate-600 mt-2">
Organized under Maryland Trust Act (Md. Code Ann., Est. & Trusts §§ 14.5-402 & 14.5-408). Governed jointly by Co-Trustees Caustin Lee McLaughlin and Juan Jose Fernandez. Net liquid yields Y(t) are dynamically swept using Merton's continuous-time Hamilton-Jacobi-Bellman (HJB) stochastic control policy vector D(Y<sub>t</sub>).
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-start">
<!-- Dual-Signature Operating Rules & Interactive Yield Allocator -->
<div class="space-y-4">
<div class="bg-slate-800 text-slate-200 p-5 rounded-xl space-y-3">
<h4 class="font-bold text-white text-sm uppercase tracking-wider flex items-center justify-between">
<span>Dual-Signature Operating Rules</span>
<span class="bg-amber-500 text-slate-950 px-2 py-0.5 rounded text-[10px] font-extrabold">MANDATORY</span>
</h4>
<div class="grid grid-cols-2 gap-3 text-xs">
<div class="bg-slate-700/60 p-3 rounded-lg border border-slate-600">
<p class="text-slate-400 font-semibold">Transactions &le; $10,000</p>
<p class="text-white font-bold mt-1">Single Signature</p>
<p class="text-[11px] text-slate-300 mt-0.5">Either Co-Trustee Authorized</p>
</div>
<div class="bg-slate-700/60 p-3 rounded-lg border border-brand-blue">
<p class="text-cyan-400 font-semibold">Transactions > $10,000</p>
<p class="text-white font-bold mt-1">Dual Wet-Ink Signatures</p>
<p class="text-[11px] text-cyan-300 mt-0.5">Both Trustees Required</p>
</div>
</div>
<p class="text-[11px] text-slate-400">
Pre-filled institutional onboarding suite includes IRS Form W-9 Grantor Attestation, Certificate of Incumbency, Escrow Sub-Account B Opening Agreement, and Maryland Jurat Notary acknowledgments.
</p>
</div>
<!-- Interactive Merton Sweep Controls -->
<div class="border border-slate-200 p-4 rounded-xl bg-slate-50 space-y-3">
<h4 class="font-bold text-slate-900 text-xs uppercase tracking-wider">Interactive Yield Allocation Controls</h4>
<p class="text-xs text-slate-600">Adjust total expected annual trust liquid yield ($ Millions):</p>
<div class="flex items-center space-x-3">
<input id="yieldSlider" type="range" min="1" max="50" value="20" oninput="updateMertonYield(this.value)" class="w-full accent-brand-blue">
<span id="yieldValue" class="font-mono font-bold text-brand-blue text-sm">$20.0M/yr</span>
</div>
<div class="grid grid-cols-2 gap-2 text-xs font-mono pt-1">
<div class="bg-white p-2 rounded border"><span class="text-slate-500">Treasury (50%):</span> <strong id="valTreasury" class="text-slate-900">$10.0M</strong></div>
<div class="bg-white p-2 rounded border"><span class="text-slate-500">Hydro Canal (25%):</span> <strong id="valCanal" class="text-brand-blue">$5.0M</strong></div>
<div class="bg-white p-2 rounded border"><span class="text-slate-500">LOONG Hardware (15%):</span> <strong id="valHardware" class="text-purple-600">$3.0M</strong></div>
<div class="bg-white p-2 rounded border"><span class="text-slate-500">IPC-04 Neuro (10%):</span> <strong id="valNeuro" class="text-emerald-600">$2.0M</strong></div>
</div>
</div>
</div>
<!-- Pie Chart: Merton Yield Sweep Allocation -->
<div class="bg-slate-50 p-4 rounded-xl border border-slate-200 space-y-2">
<h4 class="text-xs font-bold text-center text-slate-700 uppercase tracking-wider">Merton Stochastic Yield Sweep Allocation Vector D(Y<sub>t</sub>)</h4>
<p class="text-[11px] text-slate-500 text-center">Fixed continuous sweep vector (%) directing liquid yields to project registers</p>
<div class="chart-container">
<canvas id="mertonSweepChart"></canvas>
</div>
</div>
</div>
</section>
<!-- SECTION 4: 23-Project Master Public Utility Register & Technical Budgets -->
<section id="capex" class="bg-white rounded-2xl p-6 sm:p-8 card-shadow space-y-6">
<div class="border-b border-slate-200 pb-4">
<span class="text-xs font-bold text-brand-blue uppercase tracking-widest">Section 4.0</span>
<h3 class="text-xl sm:text-2xl font-bold text-slate-900 mt-1">Master 23-Project Public Utility Capital Expenditure Register ($318.0M)</h3>
<p class="text-sm text-slate-600 mt-2">
A non-solar 23-project public utility register funded by continuous trust yield sweeps. All legacy solar projects have been purged. Spans hydro-transit civil works, wide-bandgap diamond microprocessors, ultrasonic power beaming, dopamine therapeutics, and post-quantum computing.
</p>
</div>
<!-- Filter Controls & Bar Chart -->
<div class="space-y-4">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3 bg-slate-50 p-3 rounded-xl border border-slate-200">
<div class="flex flex-wrap gap-1.5" id="categoryButtons">
<button onclick="filterCategory('All')" class="cat-btn active bg-slate-900 text-white text-xs px-3 py-1 rounded-lg font-medium transition-colors">All (23)</button>
<button onclick="filterCategory('Transit')" class="cat-btn bg-white border border-slate-300 text-slate-700 text-xs px-3 py-1 rounded-lg font-medium hover:bg-slate-100 transition-colors">Civil Hydro Transit ($125M)</button>
<button onclick="filterCategory('Hardware')" class="cat-btn bg-white border border-slate-300 text-slate-700 text-xs px-3 py-1 rounded-lg font-medium hover:bg-slate-100 transition-colors">LOONG Diamond Logic ($75M)</button>
<button onclick="filterCategory('Ultrasonic')" class="cat-btn bg-white border border-slate-300 text-slate-700 text-xs px-3 py-1 rounded-lg font-medium hover:bg-slate-100 transition-colors">Ultrasonic & Swarm ($40M)</button>
<button onclick="filterCategory('Neuro')" class="cat-btn bg-white border border-slate-300 text-slate-700 text-xs px-3 py-1 rounded-lg font-medium hover:bg-slate-100 transition-colors">IPC-04 Dopamine ($35M)</button>
<button onclick="filterCategory('Infrastructure')" class="cat-btn bg-white border border-slate-300 text-slate-700 text-xs px-3 py-1 rounded-lg font-medium hover:bg-slate-100 transition-colors">Zero-Trust & Sensors ($43M)</button>
</div>
<input id="projectSearch" type="text" placeholder="Search 23 projects..." onkeyup="searchProjects()" class="text-xs px-3 py-1.5 border border-slate-300 rounded-lg bg-white text-slate-800 focus:outline-none focus:border-brand-blue w-full sm:w-48">
</div>
<!-- CapEx Bar Chart Container -->
<div class="bg-slate-50 p-4 rounded-xl border border-slate-200">
<h4 class="text-xs font-bold text-center text-slate-700 uppercase tracking-wider mb-2">CapEx Budget Breakdown by Engineering Domain ($ Millions)</h4>
<div class="chart-container" style="max-width: 850px; height: 320px;">
<canvas id="capexCategoryChart"></canvas>
</div>
</div>
</div>
<!-- Full Master Register Table -->
<div class="overflow-x-auto border border-slate-200 rounded-xl shadow-sm">
<table id="masterCapExTable" class="w-full text-xs text-left border-collapse">
<thead>
<tr class="bg-slate-800 text-white border-b border-slate-700">
<th class="p-2.5 font-semibold">#</th>
<th class="p-2.5 font-semibold">Project Title</th>
<th class="p-2.5 font-semibold">Engineering Category</th>
<th class="p-2.5 font-semibold">Core Technical & Infrastructure Scope</th>
<th class="p-2.5 font-semibold text-right">Budget ($M)</th>
</tr>
</thead>
<tbody id="projectTableBody" class="divide-y divide-slate-200 text-slate-700 bg-white">
<!-- Populated dynamically by JS -->
</tbody>
</table>
</div>
</section>
<!-- SECTION 5: Pure DAG-Merkle Graph Ledger & NIST Post-Quantum Security -->
<section id="pqc" class="bg-white rounded-2xl p-6 sm:p-8 card-shadow space-y-6">
<div class="border-b border-slate-200 pb-4">
<span class="text-xs font-bold text-brand-blue uppercase tracking-widest">Section 5.0</span>
<h3 class="text-xl sm:text-2xl font-bold text-slate-900 mt-1">Multi-Parent DAG-Merkle Graph & NIST Post-Quantum Cryptography</h3>
<p class="text-sm text-slate-600 mt-2">
All transaction metadata, legal filings, and service receipts are anchored into a Directed Acyclic Graph (DAG) Merkle structure G<sub>DAG</sub> = (V, E, H) with multi-parent references (K<sub>in</sub> &ge; 2), protected by NIST 2024 Post-Quantum Standards.
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-start">
<!-- Multi-Parent DAG Topological Graph Diagram (Structured Tailwind CSS) -->
<div class="bg-slate-900 text-white p-6 rounded-2xl space-y-4 shadow-md">
<div class="flex items-center justify-between border-b border-slate-700 pb-2">
<h4 class="text-xs font-bold uppercase tracking-wider text-cyan-400">Multi-Parent DAG-Merkle Topological Ledger Node</h4>
<span class="text-[10px] text-slate-400 font-mono">POSIX Microsecond &tau;<sub>i</sub></span>
</div>
<div class="space-y-3 font-mono text-xs">
<div class="border border-slate-700 bg-slate-800/80 p-3 rounded-lg space-y-1">
<div class="flex justify-between items-center">
<span class="bg-cyan-500 text-slate-950 px-1.5 py-0.5 rounded font-bold text-[10px]">Node Structure v<sub>i</sub></span>
<span class="text-slate-400 text-[10px]">v<sub>i</sub> = (D<sub>i</sub>, P<sub>i</sub>, &tau;<sub>i</sub>, &sigma;<sub>i</sub>)</span>
</div>
<p class="text-slate-300 text-[11px]">Payload D<sub>i</sub>, Parent Hashes P<sub>i</sub>, Timestamp &tau;<sub>i</sub>, Signature &sigma;<sub>i</sub></p>
</div>
<div class="flex justify-center text-cyan-400 font-bold text-sm">
▼ BLAKE3 Multi-Parent XOR Hash Computation
</div>
<div class="border border-brand-blue bg-slate-800/90 p-3 rounded-lg space-y-1">
<p class="text-emerald-400 font-bold text-[11px]">H(v<sub>i</sub>) = BLAKE3( D<sub>i</sub> || &bigoplus;<sub>p&isin;P<sub>i</sub></sub> H(p) || &tau;<sub>i</sub> )</p>
<p class="text-slate-400 text-[10px]">Multi-Parent Reference Constraint: K<sub>in</sub> &ge; 2</p>
</div>
</div>
<p class="text-[11px] text-slate-300 leading-relaxed border-t border-slate-800 pt-3">
Eliminates single-block throughput bottlenecks and guarantees real-time, non-repudiable transaction auditing across all 23 public utility project accounts.
</p>
</div>
<!-- NIST PQC Standards Summary Card -->
<div class="space-y-4">
<div class="border-l-4 border-emerald-500 bg-emerald-50/80 p-4 rounded-r-xl space-y-1">
<div class="flex items-center justify-between">
<h4 class="font-bold text-emerald-950 text-sm">NIST FIPS 203 (ML-KEM-1024)</h4>
<span class="bg-emerald-200 text-emerald-900 text-[10px] font-extrabold px-2 py-0.5 rounded">KEY ENCAPSULATION</span>
</div>
<p class="text-xs text-emerald-900 leading-relaxed">
Module-Lattice Key Encapsulation over cyclotomic quotient rings R<sub>q</sub> = &mathbb;Z<sub>q</sub>[X]/(X<sup>256</sup> + 1) with q = 3329. Delivers Category 5 post-quantum transport encryption (AES-256 equivalent).
</p>
</div>
<div class="border-l-4 border-purple-500 bg-purple-50/80 p-4 rounded-r-xl space-y-1">
<div class="flex items-center justify-between">
<h4 class="font-bold text-purple-950 text-sm">NIST FIPS 204 (ML-DSA-87 / Dilithium-5)</h4>
<span class="bg-purple-200 text-purple-900 text-[10px] font-extrabold px-2 py-0.5 rounded">DIGITAL SIGNATURES</span>
</div>
<p class="text-xs text-purple-900 leading-relaxed">
Module-Lattice Digital Signature Algorithm enforcing dual-authorization on all disbursements exceeding $10,000.00:
<br><span class="font-mono text-[10px] font-semibold mt-1 block text-purple-950">&sigma;<sub>disbursement</sub> = ML-DSA-87.Sign(sk<sub>trustee</sub>, AES-256-GCM(K, D || Hash(T)))</span>
</p>
</div>
</div>
</div>
</section>
<!-- SECTION 6: Tri-Court Pleadings, Judicial Orders, & Media Strategy -->
<section id="roadmap" class="bg-white rounded-2xl p-6 sm:p-8 card-shadow space-y-6">
<div class="border-b border-slate-200 pb-4">
<span class="text-xs font-bold text-brand-blue uppercase tracking-widest">Section 6.0</span>
<h3 class="text-xl sm:text-2xl font-bold text-slate-900 mt-1">Tri-Court Pleadings, Judicial Orders, & Global Media Execution Pipeline</h3>
<p class="text-sm text-slate-600 mt-2">
Synchronized legal execution across municipal, federal bankruptcy, appellate circuit, and Supreme Court forums, accompanied by an immediate global press briefing.
</p>
</div>
<!-- Master Pipeline Process Flow Diagram (Tailwind Flex Layout) -->
<div class="bg-slate-50 p-6 rounded-xl border border-slate-200 space-y-4">
<h4 class="text-xs font-bold uppercase tracking-wider text-slate-700 text-center">Tri-Court Mandamus Execution Pipeline Workflow</h4>
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="bg-white border-2 border-brand-blue rounded-xl p-4 text-center space-y-2 shadow-sm hover:shadow transition-shadow">
<div class="bg-brand-blue text-white w-6 h-6 rounded-full font-bold text-xs flex items-center justify-center mx-auto">1</div>
<h5 class="font-bold text-slate-900 text-xs">Pleadings & IFP Fee Waiver</h5>
<p class="text-[11px] text-slate-600 leading-tight">
Baltimore City Case No. 24-C-26-003970 + DIP Status under D.D.C. Case No. 24-2383.
</p>
</div>
<div class="bg-white border-2 border-cyan-500 rounded-xl p-4 text-center space-y-2 shadow-sm hover:shadow transition-shadow">
<div class="bg-cyan-500 text-white w-6 h-6 rounded-full font-bold text-xs flex items-center justify-center mx-auto">2</div>
<h5 class="font-bold text-slate-900 text-xs">Peremptory Mandamus Writ</h5>
<p class="text-[11px] text-slate-600 leading-tight">
Commanding electronic turnover of 45.85M LEU shares to reserve exchange & BTC vault.
</p>
</div>
<div class="bg-white border-2 border-amber-500 rounded-xl p-4 text-center space-y-2 shadow-sm hover:shadow transition-shadow">
<div class="bg-amber-500 text-white w-6 h-6 rounded-full font-bold text-xs flex items-center justify-center mx-auto">3</div>
<h5 class="font-bold text-slate-900 text-xs">Dual-Sign Bank Activation</h5>
<p class="text-[11px] text-slate-600 leading-tight">
Segregated Escrow Sub-Account B setup at PNC Bank and M&T Bank Corporate Trust.
</p>
</div>
<div class="bg-white border-2 border-emerald-500 rounded-xl p-4 text-center space-y-2 shadow-sm hover:shadow transition-shadow">
<div class="bg-emerald-500 text-white w-6 h-6 rounded-full font-bold text-xs flex items-center justify-center mx-auto">4</div>
<h5 class="font-bold text-slate-900 text-xs">Yield Sweep & CapEx Register</h5>
<p class="text-[11px] text-slate-600 leading-tight">
Merton stochastic sweep execution into $318M 23-project public utility register.
</p>
</div>
</div>
</div>
<!-- Judicial Orders & Media Briefing Toggle Accordion -->
<div class="space-y-3">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-slate-50 border border-slate-200 p-4 rounded-xl text-xs space-y-1">
<span class="font-bold text-brand-blue uppercase">Proposed Order #1</span>
<h5 class="font-bold text-slate-900">IFP Fee Waiver Status</h5>
<p class="text-slate-600 text-[11px]">
Waives all open court filing fees pursuant to MD Rule 1-325(e) & DIP estate status.
</p>
</div>
<div class="bg-slate-50 border border-slate-200 p-4 rounded-xl text-xs space-y-1">
<span class="font-bold text-brand-blue uppercase">Proposed Order #2</span>
<h5 class="font-bold text-slate-900">Mandamus Share Turnover</h5>
<p class="text-slate-600 text-[11px]">
Orders BNY Mellon, Computershare, and Centrus to clear 45.85M LEU shares within 48 hours.
</p>
</div>
<div class="bg-slate-50 border border-slate-200 p-4 rounded-xl text-xs space-y-1">
<span class="font-bold text-brand-blue uppercase">Proposed Order #3</span>
<h5 class="font-bold text-slate-900">Trust Charter Formalization</h5>
<p class="text-slate-600 text-[11px]">
Approves charter under Md. Code § 14.5-408 and mandates dual-sign DDA account activation.
</p>
</div>
</div>
<div class="bg-slate-900 text-white p-5 rounded-xl text-xs space-y-3">
<div class="flex items-center justify-between border-b border-slate-700 pb-2">
<span class="text-amber-400 font-bold uppercase tracking-wider">OFFICIAL GLOBAL MEDIA BRIEFING RELEASE</span>
<span class="text-slate-400">TARGET: REUTERS • AP • BLOOMBERG • CBS • ABC • NBC • AL JAZEERA</span>
</div>
<p class="text-slate-300 leading-relaxed">
Co-Trustees Caustin Lee McLaughlin and Juan Jose Fernandez announce the tri-court master bound mandamus submission in Baltimore City Circuit Court (Case No. 24-C-26-003970) enforcing $500M senior note conversion into 45,850,000 LEU shares, directing daily DYREO yield to build the $318M 23-project public utility register.
</p>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-brand-navy text-slate-400 border-t border-slate-800 text-xs py-8 px-4 text-center">
<div class="max-w-7xl mx-auto space-y-3">
<p class="text-slate-300 font-semibold text-sm">
PSDLEF Sovereign Exchange Trust • Co-Trustees: Caustin Lee McLaughlin & Juan Jose Fernandez
</p>
<p class="text-slate-400">
Baltimore Domicile: 1000 N. Woodington Rd., Apt. 228, Baltimore, MD 21223 | D.C. Domicile: 1525 Newton St NW, Washington, D.C. 20010
</p>
<p class="text-slate-500 text-[10px]">
Executed strictly under Maryland Trust Act §§ 14.5-402 / 14.5-408 & NIST Post-Quantum Cryptographic Standards (FIPS 203/204).
</p>
</div>
</footer>
<!-- JavaScript Data & Interactive Logic -->
<script>
// Master 23-Project Data Model
const projectData = [
{ id: 1, title: "Downtown–Woodlawn Hydro Canal", cat: "Transit", scope: "8.5-mi urban hydro-transit waterway, locks, deep channel", budget: 65.0 },
{ id: 2, title: "Canal Pedestrian Stops", cat: "Transit", scope: "16 elevated glass/steel stops, ADA elevators, walkways", budget: 25.0 },
{ id: 3, title: "Electric Ferry Fleet", cat: "Transit", scope: "20 zero-emission electric passenger ferries (100-pax)", budget: 18.0 },
{ id: 4, title: "One-Man Taxi Canoes", cat: "Transit", scope: "150 electric hydrofoil taxi canoes & automated docks", budget: 12.0 },
{ id: 5, title: "Canal Bio-Filtration Systems", cat: "Transit", scope: "Bio-retention water quality filtration & flow control", budget: 5.0 },
{ id: 6, title: "LOONGDIAMOND CVD Growth", cat: "Hardware", scope: "Single-crystal CVD diamond wafer growth chambers", budget: 35.0 },
{ id: 7, title: "LOONGDIAMOND Litho Masks", cat: "Hardware", scope: "Sub-nanometer photolithography mask arrays", budget: 25.0 },
{ id: 8, title: "LOONGDIAMOND Packaging", cat: "Hardware", scope: "High-frequency packaging foundries (> 15 GHz clock)", budget: 15.0 },
{ id: 9, title: "Ultrasonic Array Field", cat: "Ultrasonic", scope: "40 kHz acoustic transducer power beaming field", budget: 18.0 },
{ id: 10, title: "Swarm Mesh Firmware", cat: "Ultrasonic", scope: "Non-electronic optical LiDAR & swarm mesh firmware", budget: 14.0 },
{ id: 11, title: "Acoustic Pilot Field", cat: "Ultrasonic", scope: "Field pilot testing & resonant acoustic power beaming", budget: 8.0 },
{ id: 12, title: "IPC-04 Chemical Synthesis", cat: "Neuro", scope: "GMP synthesis of selective indane-piperazine tethers", budget: 15.0 },
{ id: 13, title: "D2–D4 Binding Profiling", cat: "Neuro", scope: "Receptive binding kinetics (Ki < 0.8 nM at D2/D3/D4)", budget: 12.0 },
{ id: 14, title: "IPC-04 Clinical IND", cat: "Neuro", scope: "IND application filing & cognitive trial scaffolding", budget: 8.0 },
{ id: 15, title: "USB Electrochemical Genotyper", cat: "Infrastructure", scope: "Fluidic cartridges ($0.70/unit) & USB-C genotyper (< $10)", budget: 10.0 },
{ id: 16, title: "BSBS Zero-Trust Backbone", cat: "Infrastructure", scope: "Municipal zero-trust network (NIST SP 800-207)", budget: 12.0 },
{ id: 17, title: "OpenSSA PQC-CoWFS Engine", cat: "Infrastructure", scope: "PQC storage engine & DAG-Merkle graph ledger", budget: 8.0 },
{ id: 18, title: "HARMONI-X Middleware", cat: "Infrastructure", scope: "Cognitive accessibility ramps (WCAG 2.2 AAA + CAG)", budget: 6.0 },
{ id: 19, title: "GPRS-Secure++ Pipeline", cat: "Infrastructure", scope: "Genomic privacy pipeline in hardware TEEs", budget: 7.0 },
{ id: 20, title: "Fort McHenry HSM Log", cat: "Infrastructure", scope: "Hardware security module & WORM transparency log", budget: 5.0 },
{ id: 21, title: "QGR Bio-Node Mesh", cat: "Infrastructure", scope: "Quantum genomic reservoir & bio-node network", budget: 6.0 },
{ id: 22, title: "DVNI / O-GRAIN Sensors", cat: "Infrastructure", scope: "Optoacoustic grain non-invasive neural sensor mesh", budget: 7.0 },
{ id: 23, title: "SIMG Inference Engine", cat: "Infrastructure", scope: "Single Instruction Multiple Graph Q16.16 datapath", budget: 4.0 }
];
// Label Formatter for Chart.js (16-char max per line)
function formatLabel(str, maxLen) {
if (typeof str !== 'string') return str;
if (str.length <= maxLen) return str;
const words = str.split(' ');
const lines = [];
let currentLine = '';
words.forEach(word => {
if ((currentLine + word).length > maxLen) {
if (currentLine) lines.push(currentLine.trim());
currentLine = word + ' ';
} else {
currentLine += word + ' ';
}
});
if (currentLine) lines.push(currentLine.trim());
return lines;
}
const standardTooltipConfig = {
callbacks: {
title: function(tooltipItems) {
const item = tooltipItems[0];
let label = item.chart.data.labels[item.dataIndex];
return Array.isArray(label) ? label.join(' ') : label;
}
}
};
let capexChartInstance = null;
document.addEventListener('DOMContentLoaded', function() {
initTrancheChart();
initPlotlyReID();
initMertonSweepChart();
renderCapExTable(projectData);
initCapExChart();
});
// Dynamic Conversion Calculator
function calculateConversion() {
const inputVal = parseFloat(document.getElementById('calcInput').value) || 0;
const ratio = 0.0917;
const shares = Math.round(inputVal * ratio);
document.getElementById('calcShares').innerText = shares.toLocaleString() + ' LEU';
document.getElementById('calcRouting').innerText = inputVal >= 100000000 ? 'Direct DTC Escrow' : 'Standard Escrow';
}
// Table Filter for 13F Positions
function filter13FTable() {
const query = document.getElementById('tableSearch').value.toLowerCase();
const rows = document.querySelectorAll('#auditTable tbody tr');
rows.forEach(row => {
const text = row.innerText.toLowerCase();
row.style.display = text.includes(query) ? '' : 'none';
});
}
// Merton Sweep Slider Calculator
function updateMertonYield(val) {
document.getElementById('yieldValue').innerText = '$' + parseFloat(val).toFixed(1) + 'M/yr';
document.getElementById('valTreasury').innerText = '$' + (val * 0.50).toFixed(1) + 'M';
document.getElementById('valCanal').innerText = '$' + (val * 0.25).toFixed(1) + 'M';
document.getElementById('valHardware').innerText = '$' + (val * 0.15).toFixed(1) + 'M';
document.getElementById('valNeuro').innerText = '$' + (val * 0.10).toFixed(1) + 'M';
}
// Chart 1: Tranche Donut Chart
function initTrancheChart() {
const labels = ["Tranche A (6.625% Sr Notes)", "Tranche B (6.750% Sr Notes)"].map(l => formatLabel(l, 16));
const ctx = document.getElementById('trancheChart').getContext('2d');
new Chart(ctx, {
type: 'doughnut',
data: {
labels: labels,
datasets: [{
data: [350000000, 150000000],
backgroundColor: ['#0284c7', '#06b6d4'],
borderWidth: 2,
borderColor: '#ffffff'
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: { position: 'bottom', labels: { boxWidth: 12, font: { size: 11 } } },
tooltip: standardTooltipConfig
}
}
});
}
// Chart 2: Plotly WebGL Re-Identifiability
function initPlotlyReID() {
const S_values = [];
const P_values = [];
const G_size = 5000;
const omega = 120;
for (let s = 1; s <= 65; s += 2) {
S_values.push(s);
const prob = 1.0 - Math.exp(- (s * Math.log(G_size)) / omega);
P_values.push(prob);
}
const data = [{
x: S_values,
y: P_values,
type: 'scattergl',
mode: 'lines+markers',
marker: { color: '#0284c7', size: 6 },
line: { color: '#0284c7', width: 3 }
}];
const layout = {
margin: { l: 45, r: 25, t: 25, b: 45 },
xaxis: { title: 'Disclosed CUSIP Position Count |S|', font: { size: 10 } },
yaxis: { title: 'Re-Identifiability P(ID | S)', range: [0, 1.05], font: { size: 10 } },
paper_bgcolor: 'rgba(0,0,0,0)',
plot_bgcolor: 'rgba(248, 250, 252, 1)'
};
Plotly.newPlot('plotlyReID', data, layout, { responsive: true, displayModeBar: false });
}
// Chart 3: Merton Sweep Allocator
function initMertonSweepChart() {
const labels = [
"Sovereign Treasury Reserve (Alpha)",
"Municipal Hydro Transit (Beta)",
"LOONG / Swarm Microelectronics (Gamma)",
"IPC-04 Neuro Therapeutics (Delta)"
].map(l => formatLabel(l, 16));
const ctx = document.getElementById('mertonSweepChart').getContext('2d');
new Chart(ctx, {
type: 'pie',
data: {
labels: labels,
datasets: [{
data: [50, 25, 15, 10],
backgroundColor: ['#0f172a', '#0284c7', '#8b5cf6', '#10b981'],
borderWidth: 2,
borderColor: '#ffffff'
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: { position: 'bottom', labels: { boxWidth: 12, font: { size: 10 } } },
tooltip: standardTooltipConfig
}
}
});
}
// CapEx Register Table Renderer
function renderCapExTable(items) {
const tbody = document.getElementById('projectTableBody');
tbody.innerHTML = '';
items.forEach(p => {
const tr = document.createElement('tr');
tr.className = 'hover:bg-slate-50 transition-colors';
tr.innerHTML = `
<td class="p-2 font-mono text-slate-500">${p.id}</td>
<td class="p-2 font-bold text-slate-900">${p.title}</td>
<td class="p-2"><span class="bg-slate-100 text-slate-700 font-semibold px-2 py-0.5 rounded text-[10px]">${p.cat}</span></td>
<td class="p-2 text-slate-600">${p.scope}</td>
<td class="p-2 text-right font-mono font-bold text-slate-900">$${p.budget.toFixed(1)}M</td>
`;
tbody.appendChild(tr);
});
}
// Filter Projects by Category & Search
function filterCategory(cat) {
document.querySelectorAll('.cat-btn').forEach(btn => {
btn.classList.remove('bg-slate-900', 'text-white');
btn.classList.add('bg-white', 'text-slate-700');
});
event.target.classList.remove('bg-white', 'text-slate-700');
event.target.classList.add('bg-slate-900', 'text-white');
const filtered = cat === 'All' ? projectData : projectData.filter(p => p.cat === cat);
renderCapExTable(filtered);
}
function searchProjects() {
const q = document.getElementById('projectSearch').value.toLowerCase();
const filtered = projectData.filter(p =>
p.title.toLowerCase().includes(q) ||
p.scope.toLowerCase().includes(q) ||
p.cat.toLowerCase().includes(q)
);
renderCapExTable(filtered);
}
// Chart 4: CapEx Category Bar Chart
function initCapExChart() {
const categories = ["Civil Transit", "LOONG Diamond", "Ultrasonic Power", "IPC-04 Neuro", "Zero-Trust & Sensors"];
const processedCats = categories.map(c => formatLabel(c, 16));
const totals = [125.0, 75.0, 40.0, 35.0, 43.0];
const ctx = document.getElementById('capexCategoryChart').getContext('2d');
capexChartInstance = new Chart(ctx, {
type: 'bar',
data: {
labels: processedCats,
datasets: [{
label: 'CapEx Budget ($ Millions)',
data: totals,
backgroundColor: ['#0284c7', '#8b5cf6', '#f59e0b', '#10b981', '#06b6d4'],
borderRadius: 6
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
title: { display: true, text: 'Budget ($ Millions)' }
}
},
plugins: {
legend: { display: false },
tooltip: standardTooltipConfig
}
}
});
}
</script>
</body>
</html>