Skip to content

Commit aed4178

Browse files
author
Sean Kibbee
committed
Tighten method/workstream alignment and clarify AI vs human responsibilities
1 parent 77ef928 commit aed4178

11 files changed

Lines changed: 189 additions & 51 deletions

‎docs/apps.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@
2020
<a class="brand" href="index.html">LotusLift</a>
2121
<nav>
2222
<a href="index.html">Home</a>
23-
<a href="apps.html" aria-current="page">Workstreams</a>
2423
<a href="method.html">Method</a>
24+
<a href="apps.html" aria-current="page">Workstreams</a>
2525
<a href="security.html">Security</a>
2626
<a href="copilot-tips.html">Tips</a>
2727
</nav>
@@ -41,16 +41,16 @@ <h1>Modernization Workstreams</h1>
4141
<article class="card spotlight reveal delay-1">
4242
<h2>How To Read This View</h2>
4343
<ul class="clean-list">
44-
<li>Each card is a reusable workstream, not tied to a specific app name</li>
45-
<li>Focus statements show where teams drive technical debt reduction</li>
46-
<li>Outputs show what leaders can review and replicate across engagements</li>
44+
<li>Each card maps directly to a method phase</li>
45+
<li>Pill labels define how AI and DTB engineers partner in that phase</li>
46+
<li>Links point to phase-specific references and controls</li>
4747
</ul>
4848
</article>
4949
<article class="card spotlight reveal delay-2">
5050
<h2>Governance Built In</h2>
5151
<p>
52-
Every lane uses anonymized inputs and dummy data, with architecture and code decisions documented for transparency
53-
and repeatability.
52+
Every workstream runs with anonymized inputs, human verification gates, and reusable patterns that reduce
53+
technical debt across modernization efforts.
5454
</p>
5555
<a href="security.html">Review Security Center</a>
5656
</article>

‎docs/copilot-tips.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@
2020
<a class="brand" href="index.html">LotusLift</a>
2121
<nav>
2222
<a href="index.html">Home</a>
23-
<a href="apps.html">Workstreams</a>
2423
<a href="method.html">Method</a>
24+
<a href="apps.html">Workstreams</a>
2525
<a href="security.html">Security</a>
2626
<a href="copilot-tips.html">Tips</a>
2727
</nav>

‎docs/data-safeguards.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@
2020
<a class="brand" href="index.html">LotusLift</a>
2121
<nav>
2222
<a href="index.html">Home</a>
23-
<a href="apps.html">Workstreams</a>
2423
<a href="method.html">Method</a>
24+
<a href="apps.html">Workstreams</a>
2525
<a href="security.html">Security</a>
2626
<a href="copilot-tips.html">Tips</a>
2727
</nav>

‎docs/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,8 +23,8 @@
2323
<a class="brand" href="index.html">LotusLift</a>
2424
<nav>
2525
<a href="index.html" aria-current="page">Home</a>
26-
<a href="apps.html">Workstreams</a>
2726
<a href="method.html">Method</a>
27+
<a href="apps.html">Workstreams</a>
2828
<a href="security.html">Security</a>
2929
<a href="copilot-tips.html">Tips</a>
3030
</nav>

‎docs/method.html‎

Lines changed: 86 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@
2020
<a class="brand" href="index.html">LotusLift</a>
2121
<nav>
2222
<a href="index.html">Home</a>
23-
<a href="apps.html">Workstreams</a>
2423
<a href="method.html" aria-current="page">Method</a>
24+
<a href="apps.html">Workstreams</a>
2525
<a href="security.html">Security</a>
2626
<a href="copilot-tips.html">Tips</a>
2727
</nav>
@@ -54,38 +54,112 @@ <h2>Operating Principles</h2>
5454
</section>
5555

5656
<section class="timeline" aria-label="Method timeline">
57-
<article class="timeline-item reveal delay-1">
57+
<article class="timeline-item reveal delay-1" id="phase-discovery">
5858
<span class="phase-id">01</span>
5959
<div>
60-
<h2>Document</h2>
61-
<p>Capture screenshots, schema, and business workflows in a structured way for AI context.</p>
60+
<h2>Discover And Frame</h2>
61+
<p>Establish modernization context by capturing workflows, schemas, and operating constraints.</p>
62+
<div class="role-blocks">
63+
<div class="role-block">
64+
<p class="role-label">AI Does</p>
65+
<ul class="clean-list">
66+
<li>Structure and summarize captured artifacts</li>
67+
<li>Draft workflow and data model narratives</li>
68+
</ul>
69+
</div>
70+
<div class="role-block">
71+
<p class="role-label">DTB Team Does</p>
72+
<ul class="clean-list">
73+
<li>Provide source context and business nuances</li>
74+
<li>Validate and correct generated documentation</li>
75+
</ul>
76+
</div>
77+
</div>
6278
</div>
6379
</article>
64-
<article class="timeline-item reveal delay-2">
80+
<article class="timeline-item reveal delay-2" id="phase-requirements">
6581
<span class="phase-id">02</span>
6682
<div>
6783
<h2>Requirements</h2>
68-
<p>Generate functional scope, user stories, and non-functional expectations for the new app.</p>
84+
<p>Convert discovery outputs into functional scope, user stories, and measurable quality expectations.</p>
85+
<div class="role-blocks">
86+
<div class="role-block">
87+
<p class="role-label">AI Does</p>
88+
<ul class="clean-list">
89+
<li>Generate draft requirements and user stories</li>
90+
<li>Propose non-functional criteria and acceptance checks</li>
91+
</ul>
92+
</div>
93+
<div class="role-block">
94+
<p class="role-label">DTB Team Does</p>
95+
<ul class="clean-list">
96+
<li>Review, edit, and prioritize requirements</li>
97+
<li>Confirm alignment to operational realities</li>
98+
</ul>
99+
</div>
100+
</div>
69101
</div>
70102
</article>
71-
<article class="timeline-item reveal delay-3">
103+
<article class="timeline-item reveal delay-3" id="phase-plan">
72104
<span class="phase-id">03</span>
73105
<div>
74106
<h2>Conversion Plan</h2>
75-
<p>Define architecture, data model mapping, API boundaries, and implementation sequence.</p>
107+
<p>Define architecture, migration sequencing, and implementation slices for controlled delivery.</p>
108+
<div class="role-blocks">
109+
<div class="role-block">
110+
<p class="role-label">AI Does</p>
111+
<ul class="clean-list">
112+
<li>Draft target architecture and migration sequencing</li>
113+
<li>Generate conversion-plan options and technical scaffolds</li>
114+
</ul>
115+
</div>
116+
<div class="role-block">
117+
<p class="role-label">DTB Team Does</p>
118+
<ul class="clean-list">
119+
<li>Select tradeoffs and finalize architecture decisions</li>
120+
<li>Approve phased rollout and risk controls</li>
121+
</ul>
122+
</div>
123+
</div>
76124
</div>
77125
</article>
78-
<article class="timeline-item reveal delay-3">
126+
<article class="timeline-item reveal delay-3" id="phase-execute">
79127
<span class="phase-id">04</span>
80128
<div>
81129
<h2>Execute</h2>
82-
<p>Use Copilot for accelerated coding, tests, and iteration while humans validate every output.</p>
130+
<p>Ship modernization increments through AI-assisted build cycles with mandatory human quality gates.</p>
131+
<div class="role-blocks">
132+
<div class="role-block">
133+
<p class="role-label">AI Does</p>
134+
<ul class="clean-list">
135+
<li>Generate code, tests, and refactoring suggestions</li>
136+
<li>Assist with debugging and iteration acceleration</li>
137+
</ul>
138+
</div>
139+
<div class="role-block">
140+
<p class="role-label">DTB Team Does</p>
141+
<ul class="clean-list">
142+
<li>Validate correctness, security, and maintainability</li>
143+
<li>Own final code quality and production readiness</li>
144+
</ul>
145+
</div>
146+
</div>
83147
</div>
84148
</article>
85149
</section>
86150

87-
<section class="reveal">
88-
<a class="btn btn-primary" href="methodology.html">Open Full Methodology</a>
151+
<section class="method-divider reveal" aria-label="Full methodology divider">
152+
<p class="eyebrow">Detailed Reference</p>
153+
<h2>Full Methodology</h2>
154+
<p>The embedded reference below contains the complete step-by-step methodology, prompts, and time allocation.</p>
155+
</section>
156+
157+
<section class="method-embed reveal delay-1" aria-label="Embedded full methodology">
158+
<iframe src="methodology.html" title="Full Methodology"></iframe>
159+
<p>
160+
Prefer a dedicated page?
161+
<a class="btn btn-primary" href="methodology.html">Open Full Methodology</a>
162+
</p>
89163
</section>
90164
</main>
91165

‎docs/methodology.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@
2020
<a class="brand" href="index.html">LotusLift</a>
2121
<nav>
2222
<a href="index.html">Home</a>
23-
<a href="apps.html">Workstreams</a>
2423
<a href="method.html">Method</a>
24+
<a href="apps.html">Workstreams</a>
2525
<a href="security.html">Security</a>
2626
<a href="copilot-tips.html">Tips</a>
2727
</nav>

‎docs/safeguards.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@
2020
<a class="brand" href="index.html">LotusLift</a>
2121
<nav>
2222
<a href="index.html">Home</a>
23-
<a href="apps.html">Workstreams</a>
2423
<a href="method.html">Method</a>
24+
<a href="apps.html">Workstreams</a>
2525
<a href="security.html" aria-current="page">Security</a>
2626
<a href="copilot-tips.html">Tips</a>
2727
</nav>

‎docs/security.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<title>Security Center | LotusLift</title>
77
<meta
88
name="description"
9-
content="Security center for White Lotus modernization: safeguards overview and detailed data policy."
9+
content="Security center for LotusLift enablement hackathon: safeguards overview and detailed data policy."
1010
/>
1111
<link rel="preconnect" href="https://fonts.googleapis.com" />
1212
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -23,8 +23,8 @@
2323
<a class="brand" href="index.html">LotusLift</a>
2424
<nav>
2525
<a href="index.html">Home</a>
26-
<a href="apps.html">Workstreams</a>
2726
<a href="method.html">Method</a>
27+
<a href="apps.html">Workstreams</a>
2828
<a href="security.html" aria-current="page">Security</a>
2929
<a href="copilot-tips.html">Tips</a>
3030
</nav>

‎docs/site.css‎

Lines changed: 65 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,7 @@ body {
7373
nav {
7474
display: flex;
7575
gap: 1rem;
76+
flex-wrap: wrap;
7677
}
7778

7879
nav a {
@@ -307,13 +308,20 @@ h2 {
307308
display: grid;
308309
gap: 0.9rem;
309310
grid-template-columns: repeat(3, minmax(0, 1fr));
311+
align-items: stretch;
310312
}
311313

312314
.card,
313315
.app-card {
314316
padding: 1rem;
315317
}
316318

319+
.app-card {
320+
display: flex;
321+
flex-direction: column;
322+
gap: 0.35rem;
323+
}
324+
317325
.app-card-head {
318326
display: flex;
319327
align-items: flex-start;
@@ -345,6 +353,7 @@ h2 {
345353

346354
.app-output-list {
347355
margin-top: 0;
356+
margin-bottom: 0.4rem;
348357
}
349358

350359
.card p,
@@ -373,7 +382,9 @@ h2 {
373382
display: flex;
374383
flex-wrap: wrap;
375384
gap: 0.5rem 0.8rem;
376-
margin-top: 0.8rem;
385+
margin-top: auto;
386+
padding-top: 0.7rem;
387+
border-top: 1px dashed var(--line);
377388
}
378389

379390
.page-head {
@@ -438,6 +449,55 @@ h2 {
438449
align-items: start;
439450
}
440451

452+
.role-blocks {
453+
margin-top: 0.75rem;
454+
display: grid;
455+
grid-template-columns: 1fr 1fr;
456+
gap: 0.7rem;
457+
}
458+
459+
.role-block {
460+
border: 1px solid var(--line);
461+
border-radius: 12px;
462+
background: rgba(255, 255, 255, 0.72);
463+
padding: 0.7rem;
464+
}
465+
466+
.role-label {
467+
margin: 0;
468+
font-family: "IBM Plex Mono", monospace;
469+
font-size: 0.76rem;
470+
letter-spacing: 0.04em;
471+
text-transform: uppercase;
472+
color: var(--brand-strong);
473+
}
474+
475+
.method-divider {
476+
margin: 1.3rem 0 0.8rem;
477+
padding-top: 1rem;
478+
border-top: 2px dashed rgba(15, 111, 168, 0.36);
479+
}
480+
481+
.method-embed {
482+
border: 1px solid var(--line);
483+
border-radius: 16px;
484+
background: var(--card);
485+
box-shadow: var(--shadow);
486+
padding: 0.9rem;
487+
}
488+
489+
.method-embed iframe {
490+
width: 100%;
491+
min-height: 620px;
492+
border: 1px solid var(--line);
493+
border-radius: 12px;
494+
background: #ffffff;
495+
}
496+
497+
.method-embed p {
498+
margin-top: 0.9rem;
499+
}
500+
441501
.phase-id {
442502
font-family: "IBM Plex Mono", monospace;
443503
font-weight: 600;
@@ -509,6 +569,10 @@ h2 {
509569
grid-template-columns: 1fr;
510570
}
511571

572+
.role-blocks {
573+
grid-template-columns: 1fr;
574+
}
575+
512576
.topbar {
513577
flex-direction: column;
514578
align-items: flex-start;

0 commit comments

Comments
 (0)