Skip to content

Instantly share code, notes, and snippets.

@asingh3506
Last active August 16, 2026 03:21
Show Gist options
  • Select an option

  • Save asingh3506/6ce41a3c29498246c2ae459a7e2fdb97 to your computer and use it in GitHub Desktop.

Select an option

Save asingh3506/6ce41a3c29498246c2ae459a7e2fdb97 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NXT DDA — Path to Contract Execution</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Segoe UI', Arial, sans-serif;
background: #f4f6f9;
color: #1a1a2e;
min-height: 100vh;
padding: 24px;
}
/* ── HEADER ── */
.header {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
color: #fff;
border-radius: 12px;
padding: 28px 36px 22px;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 16px;
}
.header-left h1 {
font-size: 1.55rem;
font-weight: 700;
letter-spacing: .5px;
}
.header-left p {
font-size: .85rem;
color: #a8b8d0;
margin-top: 4px;
}
.header-right {
text-align: right;
flex-shrink: 0;
}
.status-badge {
display: inline-block;
background: #e63946;
color: #fff;
font-size: .72rem;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 20px;
margin-bottom: 6px;
}
.header-right p {
font-size: .78rem;
color: #a8b8d0;
}
/* ── GRID LAYOUT ── */
.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto auto;
gap: 16px;
}
/* ── CARD BASE ── */
.card {
background: #fff;
border-radius: 10px;
padding: 20px 22px;
box-shadow: 0 2px 8px rgba(0,0,0,.07);
}
.card h2 {
font-size: .78rem;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #0f3460;
border-bottom: 2px solid #e8ecf2;
padding-bottom: 8px;
margin-bottom: 12px;
}
/* ── SPAN HELPERS ── */
.span2 { grid-column: span 2; }
.span3 { grid-column: span 3; }
/* ── CRITICAL PATH ── */
.path-steps {
display: flex;
align-items: flex-start;
gap: 0;
margin-top: 4px;
flex-wrap: nowrap;
overflow-x: auto;
}
.step {
display: flex;
flex-direction: column;
align-items: center;
min-width: 100px;
flex: 1;
position: relative;
}
.step:not(:last-child)::after {
content: '';
position: absolute;
top: 18px;
right: -50%;
width: 100%;
height: 2px;
background: #d0d8e4;
z-index: 0;
}
.step-dot {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: .75rem;
font-weight: 700;
color: #fff;
z-index: 1;
position: relative;
}
.step-label {
font-size: .67rem;
text-align: center;
color: #444;
margin-top: 6px;
line-height: 1.3;
max-width: 90px;
}
.dot-done { background: #2dc653; }
.dot-active { background: #0f3460; box-shadow: 0 0 0 3px #a8c0e0; }
.dot-open { background: #aab4c4; }
.dot-warn { background: #e63946; }
/* ── DECISIONS TABLE ── */
.dec-table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.dec-table th {
background: #f0f4fa;
color: #0f3460;
font-weight: 700;
text-align: left;
padding: 6px 10px;
font-size: .68rem;
letter-spacing: .8px;
text-transform: uppercase;
}
.dec-table td { padding: 7px 10px; border-top: 1px solid #eef0f5; vertical-align: top; }
.dec-table tr:hover td { background: #f7f9fc; }
.tag {
display: inline-block;
font-size: .62rem;
font-weight: 700;
padding: 2px 7px;
border-radius: 10px;
text-transform: uppercase;
letter-spacing: .5px;
}
.tag-tech { background: #dbeafe; color: #1e40af; }
.tag-legal { background: #fef3c7; color: #92400e; }
.tag-proc { background: #ede9fe; color: #5b21b6; }
.tag-open { background: #fee2e2; color: #991b1b; }
.tag-done { background: #dcfce7; color: #166534; }
/* ── DATES TIMELINE ── */
.dates-grid {
display: flex;
flex-direction: column;
gap: 7px;
}
.date-row {
display: flex;
align-items: center;
gap: 10px;
font-size: .76rem;
}
.date-pill {
font-size: .68rem;
font-weight: 700;
min-width: 90px;
padding: 3px 8px;
border-radius: 6px;
text-align: center;
}
.pill-past { background: #e5e7eb; color: #6b7280; }
.pill-target { background: #0f3460; color: #fff; }
.pill-open { background: #f0f4fa; color: #374151; border: 1px solid #d1d5db; }
.date-row .label { color: #374151; flex: 1; }
.date-row .note { font-size: .65rem; color: #9ca3af; }
/* ── DOCUMENTS ── */
.doc-list { display: flex; flex-direction: column; gap: 7px; }
.doc-item {
display: flex;
align-items: center;
gap: 9px;
font-size: .76rem;
color: #374151;
}
.doc-icon {
width: 22px;
height: 22px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: .7rem;
font-weight: 700;
flex-shrink: 0;
}
.doc-accepted { background: #dcfce7; color: #166534; }
.doc-open { background: #fee2e2; color: #991b1b; }
.doc-pending { background: #fef3c7; color: #92400e; }
/* ── KPI / REPORTING ── */
.kpi-table { width: 100%; border-collapse: collapse; font-size: .75rem; }
.kpi-table th {
background: #f0f4fa;
color: #0f3460;
font-weight: 700;
text-align: left;
padding: 5px 9px;
font-size: .66rem;
letter-spacing: .8px;
text-transform: uppercase;
}
.kpi-table td { padding: 6px 9px; border-top: 1px solid #eef0f5; vertical-align: top; }
.kpi-table .urgent { color: #e63946; font-weight: 700; }
/* ── KEY BLOCKER ── */
.blocker-card {
background: linear-gradient(135deg, #0f3460, #16213e);
color: #fff;
border-radius: 10px;
padding: 20px 22px;
}
.blocker-card h2 {
font-size: .78rem;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #a8c0e0;
border-bottom: 1px solid rgba(255,255,255,.15);
padding-bottom: 8px;
margin-bottom: 12px;
}
.blocker-item {
display: flex;
gap: 10px;
margin-bottom: 10px;
align-items: flex-start;
font-size: .78rem;
line-height: 1.5;
}
.blocker-num {
background: #e63946;
color: #fff;
font-size: .68rem;
font-weight: 700;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 1px;
}
/* ── OWNERSHIP CARD ── */
.ownership-options {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 4px;
}
.opt-box {
border-left: 3px solid;
padding: 8px 10px;
border-radius: 0 6px 6px 0;
font-size: .74rem;
line-height: 1.5;
}
.opt-a { border-color: #0f3460; background: #f0f4fa; }
.opt-b { border-color: #2dc653; background: #f0fdf4; }
.opt-label {
font-weight: 700;
font-size: .68rem;
text-transform: uppercase;
letter-spacing: .7px;
margin-bottom: 2px;
}
/* ── FOOTER ── */
.footer {
margin-top: 16px;
text-align: center;
font-size: .68rem;
color: #9ca3af;
}
</style>
</head>
<body>
<!-- HEADER -->
<div class="header">
<div class="header-left">
<h1>NXT · DDA Data Analytics — Path to Contract Execution</h1>
<p>Maryland Department of Health · Developmental Disabilities Administration · NXT response submitted August 12, 2026</p>
</div>
<div class="header-right">
<div class="status-badge">⚡ Action Required</div>
<p>BPW Target: <strong style="color:#fff">September 16, 2026</strong></p>
<p>Packet due: <strong style="color:#f59e0b">August 19, 2026</strong></p>
</div>
</div>
<!-- MAIN GRID -->
<div class="grid">
<!-- ROW 1 ──────────────────────────────────────── -->
<!-- Critical Path (spans 3) -->
<div class="card span3">
<h2>🗺 Critical Path to Board of Public Works</h2>
<div class="path-steps">
<div class="step">
<div class="step-dot dot-done"></div>
<div class="step-label">SOW &amp; NXT Response Submitted<br/><em>Aug 12</em></div>
</div>
<div class="step">
<div class="step-dot dot-warn">!</div>
<div class="step-label">Environment &amp; Data Source Designated<br/><em>Decision 3 &amp; 4</em></div>
</div>
<div class="step">
<div class="step-dot dot-warn">!</div>
<div class="step-label">Ownership Provision Closed<br/><em>Decision 5</em></div>
</div>
<div class="step">
<div class="step-dot dot-open">4</div>
<div class="step-label">Interagency Agreement Updated &amp; Executed</div>
</div>
<div class="step">
<div class="step-dot dot-open">5</div>
<div class="step-label">SDI Review Cleared</div>
</div>
<div class="step">
<div class="step-dot dot-open">6</div>
<div class="step-label">Secretary + DBM Approval<br/><em>~1 month</em></div>
</div>
<div class="step">
<div class="step-dot dot-open">7</div>
<div class="step-label">BPW Packet Submitted<br/><em>Aug 19</em></div>
</div>
<div class="step">
<div class="step-dot dot-active"></div>
<div class="step-label">Board of Public Works<br/><em>Sep 16</em></div>
</div>
</div>
</div>
<!-- ROW 2 ──────────────────────────────────────── -->
<!-- 6 Decisions -->
<div class="card span2">
<h2>⚙ Six Open Decisions</h2>
<table class="dec-table">
<thead>
<tr>
<th>#</th>
<th>Decision</th>
<th>Type</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>1</strong></td>
<td>Confirm Data Analytics Scope of Work (revised)</td>
<td><span class="tag tag-tech">Technical</span></td>
<td><span class="tag tag-open">Open</span></td>
</tr>
<tr>
<td><strong>2</strong></td>
<td>Confirm NXT's response to SOW</td>
<td><span class="tag tag-tech">Technical</span></td>
<td><span class="tag tag-open">Open</span></td>
</tr>
<tr>
<td><strong>3</strong></td>
<td>Designate the secure environment <em>(unblocks SDI review scope &amp; pipeline)</em></td>
<td><span class="tag tag-tech">Architecture</span></td>
<td><span class="tag tag-open">⚡ Critical</span></td>
</tr>
<tr>
<td><strong>4</strong></td>
<td>Designate the data source <em>(unblocks all analytic work)</em></td>
<td><span class="tag tag-tech">Data</span></td>
<td><span class="tag tag-open">⚡ Critical</span></td>
</tr>
<tr>
<td><strong>5</strong></td>
<td>Close ownership provision in UMBC Consulting Agreement</td>
<td><span class="tag tag-legal">Legal</span></td>
<td><span class="tag tag-open">Open · Jul 30</span></td>
</tr>
<tr>
<td><strong>6</strong></td>
<td>Confirm approval pathway and Board date</td>
<td><span class="tag tag-proc">Procurement</span></td>
<td><span class="tag tag-open">Open</span></td>
</tr>
</tbody>
</table>
</div>
<!-- BPW Dates -->
<div class="card">
<h2>📅 Board of Public Works Schedule</h2>
<div class="dates-grid">
<div class="date-row">
<div class="date-pill pill-past">Sep 2, 2026</div>
<span class="label">Passed</span>
<span class="note">Due Aug 5</span>
</div>
<div class="date-row">
<div class="date-pill pill-target">Sep 16 ★</div>
<span class="label"><strong>Current Target</strong></span>
<span class="note">Due Aug 19</span>
</div>
<div class="date-row">
<div class="date-pill pill-open">Oct 7</div>
<span class="label">Fallback</span>
<span class="note">Due Sep 9</span>
</div>
<div class="date-row">
<div class="date-pill pill-open">Oct 28</div>
<span class="label">Open</span>
<span class="note">Due Sep 30</span>
</div>
<div class="date-row">
<div class="date-pill pill-open">Nov 18</div>
<span class="label">Open</span>
<span class="note">Due Oct 21</span>
</div>
<div class="date-row">
<div class="date-pill pill-open">Dec 16</div>
<span class="label">Open</span>
<span class="note">Due Nov 18</span>
</div>
</div>
<p style="font-size:.65rem;color:#9ca3af;margin-top:10px;">Dates estimated using 4-week lead from Sep 2 precedent. Confirm with UMBC and State.</p>
</div>
<!-- ROW 3 ──────────────────────────────────────── -->
<!-- Documents -->
<div class="card">
<h2>📄 Required Documents (6)</h2>
<div class="doc-list">
<div class="doc-item">
<div class="doc-icon doc-pending"></div>
Data Analytics Scope of Work — MDH to finalize
</div>
<div class="doc-item">
<div class="doc-icon doc-pending"></div>
NXT Response — further pass after Decisions 3 &amp; 4
</div>
<div class="doc-item">
<div class="doc-icon doc-accepted"></div>
HIPAA Business Associate Agreement — accepted
</div>
<div class="doc-item">
<div class="doc-icon doc-accepted"></div>
Non-Disclosure Agreement — accepted
</div>
<div class="doc-item">
<div class="doc-icon doc-accepted"></div>
Contract Affidavit — accepted
</div>
<div class="doc-item">
<div class="doc-icon doc-open">!</div>
UMBC Consulting Agreement — ownership open since Jul 30
</div>
</div>
</div>
<!-- Ownership -->
<div class="card">
<h2>⚖ Open Contract Issue: Ownership</h2>
<p style="font-size:.73rem;color:#6b7280;margin-bottom:8px;">Current draft assigns all work product to UMBC as sole &amp; exclusive property. NXT counsel proposed two alternatives Jul 30:</p>
<div class="ownership-options">
<div class="opt-box opt-a">
<div class="opt-label">Option A — Joint Ownership</div>
50/50 undivided interest · each party may use/license non-exclusively · NXT use limited to projects outside Maryland
</div>
<div class="opt-box opt-b">
<div class="opt-label">Option B — Sole State Ownership + License Back</div>
State owns; NXT receives perpetual, royalty-free, irrevocable license for use outside Maryland
</div>
</div>
<p style="font-size:.69rem;color:#9ca3af;margin-top:8px;">Note: A State-owned build environment may resolve the underlying concern structurally, independent of wording.</p>
</div>
<!-- GA Reporting Obligations -->
<div class="card">
<h2>🏛 General Assembly Reporting Obligations</h2>
<table class="kpi-table">
<thead>
<tr><th>Due Date</th><th>Report</th></tr>
</thead>
<tbody>
<tr><td class="urgent">Aug 1, 2026</td><td>Person-centered plan review processing times</td></tr>
<tr><td class="urgent">Sep 1, 2026</td><td>Community services spending (monthly, ongoing)</td></tr>
<tr><td class="urgent">Sep 15, 2026</td><td>LTSS service utilization trends</td></tr>
<tr><td>Oct 1, 2026</td><td>Targeted case management rate increase</td></tr>
<tr><td>Dec 1, 2026</td><td>Cost containment actions (first)</td></tr>
<tr><td>Dec 15, 2026</td><td>DLS program evaluation of DDA</td></tr>
<tr><td>Apr 1, 2027</td><td>Cost containment actions (second)</td></tr>
</tbody>
</table>
<p style="font-size:.65rem;color:#e63946;margin-top:7px;">⚠ Dec obligations arrive early in the build. Every week of delay compresses the window.</p>
</div>
<!-- ROW 4 — Bottom bar ──────────────────────────── -->
<!-- The data decision (key blocker) -->
<div class="blocker-card span2">
<h2>🔑 The Decisive Point: Data Source (Decision 4)</h2>
<div class="blocker-item">
<div class="blocker-num">1</div>
<div>The data is MDH's property in all scenarios (SOW Section 8). Access is granted on MDH's authority, not the holder's.</div>
</div>
<div class="blocker-item">
<div class="blocker-num">2</div>
<div>Two routes: <strong>Hilltop</strong> (MDH-designated provider) or <strong>Maryland Benefits</strong> (State-owned DoIT platform). Either satisfies SOW Section 3.4. MDH should designate whichever can provide compliant, granular data soonest.</div>
</div>
<div class="blocker-item">
<div class="blocker-num">3</div>
<div><strong>No analytics work of any kind can begin without this decision.</strong> Once it is made, all other items are settled or near-settled and work proceeds immediately.</div>
</div>
<div class="blocker-item">
<div class="blocker-num">4</div>
<div>Open question: Do LTSSMaryland and ISAS reside on Maryland Benefits? MDH will know — the answer determines which route is faster.</div>
</div>
</div>
<!-- What MDH must confirm -->
<div class="card">
<h2>✅ MDH Action Items</h2>
<div style="display:flex;flex-direction:column;gap:6px;font-size:.75rem;">
<div style="display:flex;gap:8px;align-items:flex-start;">
<span style="color:#0f3460;font-weight:700;flex-shrink:0;">1.</span>
Confirm revised SOW; confirm interagency agreement carries Data Analytics scope alone
</div>
<div style="display:flex;gap:8px;align-items:flex-start;">
<span style="color:#0f3460;font-weight:700;flex-shrink:0;">2.</span>
Confirm NXT response (further pass follows Decisions 3 &amp; 4)
</div>
<div style="display:flex;gap:8px;align-items:flex-start;">
<span style="color:#e63946;font-weight:700;flex-shrink:0;">3.</span>
<strong>Designate the secure environment</strong>
</div>
<div style="display:flex;gap:8px;align-items:flex-start;">
<span style="color:#e63946;font-weight:700;flex-shrink:0;">4.</span>
<strong>Designate the data source</strong> (confirm LTSSMaryland/ISAS on Maryland Benefits?)
</div>
<div style="display:flex;gap:8px;align-items:flex-start;">
<span style="color:#0f3460;font-weight:700;flex-shrink:0;">5.</span>
Confirm SOW Section 3.4 carries into interagency agreement unchanged
</div>
<div style="display:flex;gap:8px;align-items:flex-start;">
<span style="color:#0f3460;font-weight:700;flex-shrink:0;">6.</span>
Path to closing ownership provision (UMBC Consulting Agreement)
</div>
<div style="display:flex;gap:8px;align-items:flex-start;">
<span style="color:#0f3460;font-weight:700;flex-shrink:0;">7.</span>
Confirm approval pathway, Board date, any additional document requirements
</div>
<div style="display:flex;gap:8px;align-items:flex-start;">
<span style="color:#0f3460;font-weight:700;flex-shrink:0;">8.</span>
Data Management Plan timing; confirm whether ITEOC review is on critical path
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<div class="footer">
NXT is on standby and awaits MDH's direction. &nbsp;|&nbsp; Prepared with AI assistance; reviewed by NXT before release. &nbsp;|&nbsp;
909 Rose Ave. Suite 400, North Bethesda MD 20852 &nbsp;·&nbsp; (301) 941-7459 &nbsp;·&nbsp; contact@nxtpartner.com &nbsp;·&nbsp; www.nxtpartner.com
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment