Skip to content

Commit 63de2ab

Browse files
author
Sean Kibbee
committed
Inline methodology, rename workstreams page, and normalize site terminology
1 parent aed4178 commit 63de2ab

13 files changed

Lines changed: 159 additions & 65 deletions

‎README.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
# 🪷 White Lotus: The Great Modernization
1+
# 🪷 LotusLift Modernization Enablement
22

3-
**Health Canada Hackathon — Lotus Notes to Modern Tech**
3+
**Health Canada Hackathon — Legacy Applications to Modern Delivery**
44

55
A collaborative hackathon between Microsoft and Health Canada's DTB developers to modernize four Lotus Notes applications into modern technologies using GitHub Copilot and AI-assisted development.
66

@@ -84,7 +84,7 @@ See [docs/data-safeguards.md](docs/data-safeguards.md) for full details.
8484
A ready-to-publish multi-page site is included in `docs/`:
8585

8686
- `docs/index.html` — project landing page
87-
- `docs/apps.html` — app modernization hub
87+
- `docs/workstreams.html` — delivery workstreams hub
8888
- `docs/method.html` — methodology timeline
8989
- `docs/safeguards.html` — security and data safeguards guide
9090

‎docs/copilot-tips.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
66
<title>GitHub Copilot Tips &amp; Tricks | LotusLift</title>
7-
<meta name="description" content="Generated documentation page for White Lotus hackathon content." />
7+
<meta name="description" content="Generated documentation page for the LotusLift modernization enablement program." />
88
<link rel="preconnect" href="https://fonts.googleapis.com" />
99
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
1010
<link
@@ -21,7 +21,7 @@
2121
<nav>
2222
<a href="index.html">Home</a>
2323
<a href="method.html">Method</a>
24-
<a href="apps.html">Workstreams</a>
24+
<a href="workstreams.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: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
66
<title>Security &amp; Data Safeguards | LotusLift</title>
7-
<meta name="description" content="Generated documentation page for White Lotus hackathon content." />
7+
<meta name="description" content="Generated documentation page for the LotusLift modernization enablement program." />
88
<link rel="preconnect" href="https://fonts.googleapis.com" />
99
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
1010
<link
@@ -21,7 +21,7 @@
2121
<nav>
2222
<a href="index.html">Home</a>
2323
<a href="method.html">Method</a>
24-
<a href="apps.html">Workstreams</a>
24+
<a href="workstreams.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: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
<nav>
2525
<a href="index.html" aria-current="page">Home</a>
2626
<a href="method.html">Method</a>
27-
<a href="apps.html">Workstreams</a>
27+
<a href="workstreams.html">Workstreams</a>
2828
<a href="security.html">Security</a>
2929
<a href="copilot-tips.html">Tips</a>
3030
</nav>
@@ -39,7 +39,7 @@ <h1>LotusLift: AI-Assisted App Modernization</h1>
3939
engineering with modern delivery practices.
4040
</p>
4141
<div class="hero-actions">
42-
<a class="btn btn-primary" href="apps.html">View Workstreams</a>
42+
<a class="btn btn-primary" href="workstreams.html">View Workstreams</a>
4343
<a class="btn" href="method.html">See How We Deliver</a>
4444
</div>
4545
</section>
@@ -173,7 +173,7 @@ <h2 class="section-title reveal">Explore The Program</h2>
173173
<article class="card reveal delay-1">
174174
<h3>Modernization Workstreams</h3>
175175
<p>Explore repeatable execution streams focused on methodology, delivery quality, and team enablement.</p>
176-
<a href="apps.html">Open Workstreams</a>
176+
<a href="workstreams.html">Open Workstreams</a>
177177
</article>
178178
<article class="card reveal delay-2">
179179
<h3>Delivery Method</h3>

‎docs/method.html‎

Lines changed: 116 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Method Timeline | LotusLift</title>
7-
<meta name="description" content="Four-phase AI-assisted methodology for Lotus Notes modernization." />
6+
<title>Method And Playbook | LotusLift</title>
7+
<meta name="description" content="Four-phase AI-assisted modernization method with executive summary and detailed execution playbook." />
88
<link rel="preconnect" href="https://fonts.googleapis.com" />
99
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
1010
<link
@@ -21,7 +21,7 @@
2121
<nav>
2222
<a href="index.html">Home</a>
2323
<a href="method.html" aria-current="page">Method</a>
24-
<a href="apps.html">Workstreams</a>
24+
<a href="workstreams.html">Workstreams</a>
2525
<a href="security.html">Security</a>
2626
<a href="copilot-tips.html">Tips</a>
2727
</nav>
@@ -151,20 +151,127 @@ <h2>Execute</h2>
151151
<section class="method-divider reveal" aria-label="Full methodology divider">
152152
<p class="eyebrow">Detailed Reference</p>
153153
<h2>Full Methodology</h2>
154-
<p>The embedded reference below contains the complete step-by-step methodology, prompts, and time allocation.</p>
154+
<p>The detailed execution guide below extends the same method with inputs, steps, outputs, prompting patterns, and timeline.</p>
155155
</section>
156156

157-
<section class="method-embed reveal delay-1" aria-label="Embedded full methodology">
158-
<iframe src="methodology.html" title="Full Methodology"></iframe>
157+
<section class="doc-content reveal delay-1" aria-label="Full methodology details">
158+
<h2>Detailed Methodology</h2>
159159
<p>
160-
Prefer a dedicated page?
161-
<a class="btn btn-primary" href="methodology.html">Open Full Methodology</a>
160+
This is the full execution playbook used by the team. It preserves the same four phases while making ownership,
161+
deliverables, and quality gates explicit.
162+
</p>
163+
164+
<h3>Phase 1: Discover And Frame</h3>
165+
<p><strong>Goal:</strong> capture enough legacy context for accurate modernization planning.</p>
166+
<p><strong>Inputs:</strong> anonymized screenshots, schema metadata, business rules, and user-role context.</p>
167+
<p><strong>Process:</strong></p>
168+
<ol>
169+
<li>Collect and organize approved discovery artifacts.</li>
170+
<li>Use AI to draft structured documentation and workflow narratives.</li>
171+
<li>Run DTB review to correct assumptions and confirm fidelity.</li>
172+
</ol>
173+
<p><strong>Outputs:</strong> validated context package, workflow inventory, and baseline constraints.</p>
174+
175+
<h3>Phase 2: Define Requirements</h3>
176+
<p><strong>Goal:</strong> translate discovery into implementation-ready requirements.</p>
177+
<p><strong>Process:</strong></p>
178+
<ol>
179+
<li>Generate draft functional requirements and user stories with AI.</li>
180+
<li>Prioritize scope with DTB stakeholders.</li>
181+
<li>Define non-functional expectations and acceptance criteria.</li>
182+
</ol>
183+
<p><strong>Outputs:</strong> prioritized requirements, user stories, and acceptance criteria.</p>
184+
185+
<h3>Phase 3: Plan Conversion</h3>
186+
<p><strong>Goal:</strong> establish architecture, sequencing, and risk controls before coding.</p>
187+
<p><strong>Process:</strong></p>
188+
<ol>
189+
<li>Use AI to propose architecture options and conversion slices.</li>
190+
<li>Finalize technical decisions and migration sequencing with DTB leads.</li>
191+
<li>Define guardrails for data handling, quality, and release readiness.</li>
192+
</ol>
193+
<p><strong>Outputs:</strong> target architecture, conversion sequence, and risk-control plan.</p>
194+
195+
<h3>Phase 4: Execute And Assure</h3>
196+
<p><strong>Goal:</strong> deliver modernization increments quickly without sacrificing quality.</p>
197+
<p><strong>Process:</strong></p>
198+
<ol>
199+
<li>Generate implementation increments using AI-assisted coding.</li>
200+
<li>Apply DTB-led reviews for correctness, maintainability, and security.</li>
201+
<li>Iterate with tests, refactoring, and documentation updates.</li>
202+
</ol>
203+
<p><strong>Outputs:</strong> working modernization increments, tests, and reusable delivery patterns.</p>
204+
205+
<h3>Prompting Patterns By Phase</h3>
206+
<ul>
207+
<li><strong>Discover:</strong> summarize fields, entities, workflows, and validation assumptions from inputs.</li>
208+
<li><strong>Define:</strong> generate user stories and traceable acceptance criteria tied to business outcomes.</li>
209+
<li><strong>Plan:</strong> propose architecture alternatives and phased conversion plans with tradeoffs.</li>
210+
<li><strong>Execute:</strong> generate code/tests, then review/refine against quality and security controls.</li>
211+
</ul>
212+
213+
<h3>Hackathon Timebox (7 Hours)</h3>
214+
<table>
215+
<thead>
216+
<tr>
217+
<th>Time</th>
218+
<th>Phase</th>
219+
<th>Activity</th>
220+
</tr>
221+
</thead>
222+
<tbody>
223+
<tr>
224+
<td>9:00-9:30</td>
225+
<td>Setup</td>
226+
<td>Introductions, environment readiness, and scope alignment</td>
227+
</tr>
228+
<tr>
229+
<td>9:30-10:30</td>
230+
<td>Phase 1</td>
231+
<td>Discovery capture and documentation synthesis</td>
232+
</tr>
233+
<tr>
234+
<td>10:30-11:00</td>
235+
<td>Phase 2</td>
236+
<td>Requirements definition and prioritization</td>
237+
</tr>
238+
<tr>
239+
<td>11:00-11:30</td>
240+
<td>Phase 3</td>
241+
<td>Conversion planning and architecture decisions</td>
242+
</tr>
243+
<tr>
244+
<td>11:30-12:00</td>
245+
<td>Break</td>
246+
<td>Lunch</td>
247+
</tr>
248+
<tr>
249+
<td>12:00-3:00</td>
250+
<td>Phase 4</td>
251+
<td>Execution sprint with AI-assisted coding and reviews</td>
252+
</tr>
253+
<tr>
254+
<td>3:00-3:30</td>
255+
<td>Demo</td>
256+
<td>Working increment walkthrough and outcomes review</td>
257+
</tr>
258+
<tr>
259+
<td>3:30-4:00</td>
260+
<td>Wrap-up</td>
261+
<td>Lessons learned, next steps, and enablement handoff</td>
262+
</tr>
263+
</tbody>
264+
</table>
265+
266+
<p>
267+
Need the markdown source version?
268+
<a class="btn" href="methodology.html">Open Generated Methodology Page</a>
162269
</p>
163270
</section>
164271
</main>
165272

166273
<footer class="layout footer">
167-
<p>Repeatable by design: discover, define, design, deliver.</p>
274+
<p>Repeatable by design: discover, define, plan, execute.</p>
168275
</footer>
169276

170277
<script src="site.js"></script>

‎docs/methodology.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Methodology: AI-Assisted Lotus Notes Modernization | LotusLift</title>
7-
<meta name="description" content="Generated documentation page for White Lotus hackathon content." />
6+
<title>Methodology: AI-Assisted Legacy Application Modernization | LotusLift</title>
7+
<meta name="description" content="Generated documentation page for the LotusLift modernization enablement program." />
88
<link rel="preconnect" href="https://fonts.googleapis.com" />
99
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
1010
<link
@@ -21,7 +21,7 @@
2121
<nav>
2222
<a href="index.html">Home</a>
2323
<a href="method.html">Method</a>
24-
<a href="apps.html">Workstreams</a>
24+
<a href="workstreams.html">Workstreams</a>
2525
<a href="security.html">Security</a>
2626
<a href="copilot-tips.html">Tips</a>
2727
</nav>
@@ -30,14 +30,14 @@
3030
<main class="layout">
3131
<section class="page-head reveal">
3232
<p class="eyebrow">Generated From Markdown</p>
33-
<h1>Methodology: AI-Assisted Lotus Notes Modernization</h1>
33+
<h1>Methodology: AI-Assisted Legacy Application Modernization</h1>
3434
<p>This page is automatically generated from its corresponding Markdown file.</p>
3535
</section>
3636

3737
<section class="doc-content reveal delay-1">
38-
<h1>Methodology: AI-Assisted Lotus Notes Modernization</h1>
38+
<h1>Methodology: AI-Assisted Legacy Application Modernization</h1>
3939
<h2>Overview</h2>
40-
<p>This document describes our four-phase approach to modernizing Lotus Notes applications using GitHub Copilot and AI-assisted development. Each phase builds on the previous one, with AI accelerating every step.</p>
40+
<p>This document describes our four-phase approach to modernizing legacy applications using GitHub Copilot and AI-assisted development. Each phase builds on the previous one, with AI accelerating execution and DTB teams validating quality.</p>
4141
<hr />
4242
<h2>Phase 1: Document the Existing Application</h2>
4343
<p><strong>Goal:</strong> Capture everything about the current Lotus Notes app so AI can understand it.</p>

‎docs/methodology.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
# Methodology: AI-Assisted Lotus Notes Modernization
1+
# Methodology: AI-Assisted Legacy Application Modernization
22

33
## Overview
44

5-
This document describes our four-phase approach to modernizing Lotus Notes applications using GitHub Copilot and AI-assisted development. Each phase builds on the previous one, with AI accelerating every step.
5+
This document describes our four-phase approach to modernizing legacy applications using GitHub Copilot and AI-assisted development. Each phase builds on the previous one, with AI accelerating execution and DTB teams validating quality.
66

77
---
88

‎docs/safeguards.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
66
<title>Security Overview | LotusLift</title>
7-
<meta name="description" content="Security and data safeguards for the White Lotus modernization hackathon." />
7+
<meta name="description" content="Security and data safeguards for the LotusLift enablement hackathon." />
88
<link rel="preconnect" href="https://fonts.googleapis.com" />
99
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
1010
<link
@@ -21,7 +21,7 @@
2121
<nav>
2222
<a href="index.html">Home</a>
2323
<a href="method.html">Method</a>
24-
<a href="apps.html">Workstreams</a>
24+
<a href="workstreams.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: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
<nav>
2525
<a href="index.html">Home</a>
2626
<a href="method.html">Method</a>
27-
<a href="apps.html">Workstreams</a>
27+
<a href="workstreams.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: 12 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -323,22 +323,29 @@ h2 {
323323
}
324324

325325
.app-card-head {
326-
display: flex;
327-
align-items: flex-start;
328-
justify-content: space-between;
326+
display: grid;
327+
grid-template-columns: minmax(0, 1fr) auto;
328+
align-items: start;
329329
gap: 0.7rem;
330330
}
331331

332+
.app-card-head h2 {
333+
min-width: 0;
334+
}
335+
332336
.status-chip {
333337
font-family: "IBM Plex Mono", monospace;
334338
font-size: 0.75rem;
335-
line-height: 1;
339+
line-height: 1.2;
336340
border-radius: 999px;
337341
padding: 0.35rem 0.55rem;
338342
color: var(--brand-strong);
339343
border: 1px solid rgba(15, 111, 168, 0.35);
340344
background: var(--brand-soft);
341-
white-space: nowrap;
345+
white-space: normal;
346+
word-break: break-word;
347+
max-width: min(18rem, 100%);
348+
text-align: center;
342349
}
343350

344351
.app-focus {
@@ -478,26 +485,6 @@ h2 {
478485
border-top: 2px dashed rgba(15, 111, 168, 0.36);
479486
}
480487

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-
501488
.phase-id {
502489
font-family: "IBM Plex Mono", monospace;
503490
font-weight: 600;

0 commit comments

Comments
 (0)