-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
120 lines (114 loc) · 10.7 KB
/
index.html
File metadata and controls
120 lines (114 loc) · 10.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CapEx & Strategic Supply Chain Portfolio</title>
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<nav class="nav-header">
<div class="nav-container">
<div class="nav-brand">
<div class="nav-logo">NEXUS</div>
<div class="nav-divider"></div>
<div class="nav-system">CapEx Program Control Tower</div>
</div>
<div class="nav-tabs">
<button class="nav-tab active" onclick="location.href='index.html'">Home</button>
<button class="nav-tab" onclick="location.href='executive.html'">Executive Dashboard</button>
<button class="nav-tab" onclick="location.href='supply-chain.html'">Strategic Supply Chain</button>
<button class="nav-tab" onclick="location.href='execution-risk.html'">Execution & Risk</button>
<button class="nav-tab" onclick="location.href='deep-dive.html'">Deep Dive</button>
<button class="nav-tab" onclick="location.href='sourcing-framework.html'">Sourcing Framework</button>
</div>
<div class="nav-actions">
<button class="nav-btn primary" onclick="location.href='downloads/CapEx_StrategicSC_Portfolio.xlsx'">↓ Workbook</button>
</div>
</div>
</nav>
<!-- HERO -->
<div style="background:var(--navy);padding:clamp(36px,5vw,64px) clamp(16px,2vw,32px) clamp(32px,4vw,52px);">
<div style="max-width:1700px;margin:0 auto;">
<h1 style="font-family:var(--fs);font-size:clamp(22px,3vw,38px);font-weight:600;color:#fff;margin-bottom:10px;letter-spacing:-0.01em;">CapEx & Strategic Supply Chain<br>Program Portfolio</h1>
<p style="font-family:var(--fs);font-size:clamp(12px,1vw,15px);color:rgba(255,255,255,0.55);margin-bottom:8px;font-style:italic;">Engineering Program Management – CapEx & Supply Chain Operations</p>
<p style="font-size:clamp(11px,0.85vw,14px);color:rgba(255,255,255,0.45);max-width:600px;line-height:1.65;margin-bottom:24px;">A portfolio demonstration of capital equipment program management, strategic supply chain operations, sourcing strategy, dual-source planning, logistics control, and program execution governance across a $13.87M advanced manufacturing deployment.</p>
<div style="display:flex;gap:10px;flex-wrap:wrap;">
<button onclick="location.href='executive.html'" style="padding:9px 20px;font-size:12px;font-weight:600;font-family:var(--fu);background:#fff;color:var(--navy);border:none;cursor:pointer;">View Executive Dashboard</button>
<button onclick="location.href='downloads/CapEx_StrategicSC_Portfolio.xlsx'" style="padding:9px 20px;font-size:12px;font-weight:600;font-family:var(--fu);background:transparent;color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.3);cursor:pointer;">↓ Download Workbook</button>
</div>
</div>
</div>
<main class="dashboard">
<!-- KPI STRIP -->
<div class="kpi-grid" style="margin-top:24px;">
<div class="kpi-card navy"><div class="kpi-label">Total CapEx Investment</div><div class="kpi-value neutral">$13.87M</div><div class="kpi-context">Equipment + installation</div></div>
<div class="kpi-card"><div class="kpi-label">Equipment Platforms</div><div class="kpi-value neutral">15</div><div class="kpi-context">45 units · 6 categories</div></div>
<div class="kpi-card success"><div class="kpi-label">Annual Production Capacity</div><div class="kpi-value positive">1,040K</div><div class="kpi-context">units/yr · process tools</div></div>
<div class="kpi-card success"><div class="kpi-label">Portfolio Utilization</div><div class="kpi-value positive">72.1%</div><div class="kpi-context">vs 750K baseline demand</div></div>
<div class="kpi-card blue"><div class="kpi-label">Active Suppliers</div><div class="kpi-value neutral">15</div><div class="kpi-context">5 countries · 15 OEMs</div></div>
<div class="kpi-card danger"><div class="kpi-label">Single-Source Risks</div><div class="kpi-value danger">2</div><div class="kpi-context">Hardware suppliers</div></div>
</div>
<!-- CAPABILITIES -->
<div class="sec-hdr"><h3>Portfolio Capabilities Demonstrated</h3><span>Greenfield Expansion Phase II · FY2025</span></div>
<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;">
<div style="background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--navy);padding:16px;box-shadow:var(--shadow);">
<div style="font-size:1.2rem;margin-bottom:8px;">⬛</div>
<div style="font-family:var(--fs);font-size:clamp(11px,0.9vw,14px);font-weight:600;margin-bottom:6px;">CapEx Governance</div>
<p style="font-size:clamp(10px,0.7vw,12px);color:var(--t2);line-height:1.5;">Full lifecycle from AR submission through AIS capitalization. Budget hierarchy, TCO modelling, scenario analysis, and cash flow planning across a $16M appropriation.</p>
</div>
<div style="background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--blue);padding:16px;box-shadow:var(--shadow);">
<div style="font-size:1.2rem;margin-bottom:8px;">◈</div>
<div style="font-family:var(--fs);font-size:clamp(11px,0.9vw,14px);font-weight:600;margin-bottom:6px;">Strategic Sourcing</div>
<p style="font-size:clamp(10px,0.7vw,12px);color:var(--t2);line-height:1.5;">FEL 1–3 sourcing methodology applied end-to-end. Supply market analysis (S17), should-cost modelling (S04), dual-source qualification (S20), commercial negotiation, and $537K savings across 9 closed contracts (S21).</p>
</div>
<div style="background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--green);padding:16px;box-shadow:var(--shadow);">
<div style="font-size:1.2rem;margin-bottom:8px;">◎</div>
<div style="font-family:var(--fs);font-size:clamp(11px,0.9vw,14px);font-weight:600;margin-bottom:6px;">Supply Chain Operations</div>
<p style="font-size:clamp(10px,0.7vw,12px);color:var(--t2);line-height:1.5;">15-supplier network across 5 countries. Logistics lead time management, FX exposure hedging, inventory and buffer planning, and supplier scorecard governance.</p>
</div>
<div style="background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--amber);padding:16px;box-shadow:var(--shadow);">
<div style="font-size:1.2rem;margin-bottom:8px;">▣</div>
<div style="font-family:var(--fs);font-size:clamp(11px,0.9vw,14px);font-weight:600;margin-bottom:6px;">Program Execution</div>
<p style="font-size:clamp(10px,0.7vw,12px);color:var(--t2);line-height:1.5;">WBS, CPM critical path scheduling, phase-gate governance, engineering change management, yield/OEE tracking, and post-commissioning ROI reporting.</p>
</div>
</div>
<!-- DASHBOARD PREVIEWS -->
<div class="sec-hdr"><h3>Dashboard Pages</h3><span>Four analytical views</span></div>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;">
<div style="background:var(--bg2);border:1px solid var(--border);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;cursor:pointer;" onclick="location.href='executive.html'">
<div style="font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;color:var(--t3);">Page 02</div>
<div style="font-family:var(--fs);font-size:clamp(12px,1vw,15px);font-weight:600;">Executive Dashboard</div>
<p style="font-size:clamp(10px,0.7vw,11.5px);color:var(--t2);line-height:1.5;">KPIs, CapEx allocation, deployment status, capacity vs demand, program health, milestones.</p>
<span style="font-size:11px;font-weight:600;color:var(--slate);margin-top:auto;">View Dashboard →</span>
</div>
<div style="background:var(--bg2);border:1px solid var(--border);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;cursor:pointer;" onclick="location.href='supply-chain.html'">
<div style="font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;color:var(--t3);">Page 03</div>
<div style="font-family:var(--fs);font-size:clamp(12px,1vw,15px);font-weight:600;">Strategic Supply Chain</div>
<p style="font-size:clamp(10px,0.7vw,11.5px);color:var(--t2);line-height:1.5;">Market concentration, supplier geography, negotiation savings, lead times, dual-source strategy.</p>
<span style="font-size:11px;font-weight:600;color:var(--slate);margin-top:auto;">View Supply Chain →</span>
</div>
<div style="background:var(--bg2);border:1px solid var(--border);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;cursor:pointer;" onclick="location.href='execution-risk.html'">
<div style="font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;color:var(--t3);">Page 04</div>
<div style="font-family:var(--fs);font-size:clamp(12px,1vw,15px);font-weight:600;">Execution & Risk</div>
<p style="font-size:clamp(10px,0.7vw,11.5px);color:var(--t2);line-height:1.5;">WBS tree, critical path, milestone roadmap, risk distribution, inventory coverage, asset lifecycle.</p>
<span style="font-size:11px;font-weight:600;color:var(--slate);margin-top:auto;">View Execution →</span>
</div>
<div style="background:var(--bg2);border:1px solid var(--border);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;cursor:pointer;" onclick="location.href='deep-dive.html'">
<div style="font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;color:var(--t3);">Page 05</div>
<div style="font-family:var(--fs);font-size:clamp(12px,1vw,15px);font-weight:600;">Deep Dive</div>
<p style="font-size:clamp(10px,0.7vw,11.5px);color:var(--t2);line-height:1.5;">Yield/OEE metrics, supplier capacity analysis, ECO register, asset snapshot, documentation.</p>
<span style="font-size:11px;font-weight:600;color:var(--slate);margin-top:auto;">View Deep Dive →</span>
</div>
<div style="background:var(--bg2);border:1px solid var(--border);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;cursor:pointer;border-top:3px solid #534AB7;" onclick="location.href='sourcing-framework.html'">
<div style="font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;color:var(--t3);">Page 06</div>
<div style="font-family:var(--fs);font-size:clamp(12px,1vw,15px);font-weight:600;">Sourcing Framework</div>
<p style="font-size:clamp(10px,0.7vw,11.5px);color:var(--t2);line-height:1.5;">FEL 1–3 phase map, AACE cost estimating, RFI/RFP pipeline, should-cost methodology, FID checklist, and post-FID execution tracking.</p>
<span style="font-size:11px;font-weight:600;color:#534AB7;margin-top:auto;">View Sourcing Framework →</span>
</div>
</div>
</main>
<div id="site-footer"></div>
<script src="assets/js/main.js"></script>
</body>
</html>