DEV Community

Query Filter
Query Filter

Posted on

eec-5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>COMET-EMEA Migration Plan</title>
    <style>
        * {
            box-sizing: border-box;
            font-family: 'Segoe UI', Roboto, system-ui, sans-serif;
        }
        body {
            background: #f4f7fc;
            display: flex;
            justify-content: center;
            padding: 2rem 1rem;
            margin: 0;
        }
        .table-wrapper {
            max-width: 1400px;
            width: 100%;
            background: white;
            border-radius: 20px;
            box-shadow: 0 12px 30px rgba(0,0,0,0.08);
            overflow: hidden;
            padding: 1.5rem 1rem 1rem 1rem;
        }
        h2 {
            margin: 0 0 0.25rem 0;
            font-weight: 600;
            font-size: 1.6rem;
            color: #0b2b4a;
            letter-spacing: -0.3px;
            padding-left: 4px;
        }
        .sub-note {
            color: #2c5778;
            margin: 0 0 1.25rem 0;
            padding-left: 4px;
            font-size: 0.95rem;
            border-left: 4px solid #2b7bb6;
            padding-left: 14px;
            background: #f0f6fe;
            border-radius: 0 8px 8px 0;
            line-height: 1.5;
        }
        .sub-note strong {
            color: #003b6f;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.9rem;
            background: white;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 20, 40, 0.04);
        }
        th {
            background: #1d3b5c;
            color: white;
            font-weight: 600;
            padding: 14px 10px;
            text-align: left;
            white-space: nowrap;
            font-size: 0.8rem;
            letter-spacing: 0.3px;
            text-transform: uppercase;
        }
        td {
            padding: 12px 10px;
            border-bottom: 1px solid #e9edf4;
            vertical-align: middle;
            background-color: white;
        }
        tr:last-child td {
            border-bottom: none;
        }
        tr:hover td {
            background-color: #f8faff;
        }
        .phase-badge {
            display: inline-block;
            background: #e5eef9;
            color: #00407a;
            font-weight: 600;
            font-size: 0.7rem;
            padding: 4px 10px;
            border-radius: 30px;
            letter-spacing: 0.2px;
            white-space: nowrap;
        }
        .task-id {
            font-weight: 600;
            color: #1a3e62;
            font-size: 0.85rem;
        }
        .task-name {
            font-weight: 500;
            color: #0b2a44;
        }
        .desc {
            color: #2a4058;
            font-size: 0.85rem;
            line-height: 1.4;
            min-width: 220px;
        }
        .date {
            white-space: nowrap;
            font-size: 0.8rem;
            color: #1a405e;
        }
        .duration {
            text-align: center;
            font-weight: 600;
            color: #004b87;
            background: #ecf3fa;
            border-radius: 30px;
            padding: 3px 6px;
            display: inline-block;
            min-width: 40px;
            font-size: 0.8rem;
        }
        .phase-row td:first-child {
            width: 18%;
        }
        .phase-row td:nth-child(2) { width: 8%; }
        .phase-row td:nth-child(3) { width: 18%; }
        .phase-row td:nth-child(4) { width: 30%; }
        .phase-row td:nth-child(5) { width: 11%; }
        .phase-row td:nth-child(6) { width: 11%; }
        .phase-row td:last-child { width: 8%; text-align: center; }

        /* user note at bottom */
        .user-note {
            margin-top: 1.8rem;
            background: #f2f6fd;
            border-radius: 16px;
            padding: 1rem 1.4rem;
            border: 1px solid #d6e3f2;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.8rem 1.5rem;
        }
        .user-note .label {
            font-weight: 600;
            color: #003e77;
            font-size: 0.95rem;
        }
        .user-note .question {
            background: white;
            padding: 6px 18px;
            border-radius: 40px;
            box-shadow: 0 1px 4px rgba(0,0,0,0.02);
            font-weight: 500;
            color: #003366;
            border: 1px solid #c8d9ef;
        }
        .user-note .pill-group {
            display: flex;
            gap: 0.8rem;
            flex-wrap: wrap;
        }
        .user-note .pill {
            background: #1d3b5c;
            color: white;
            padding: 5px 16px;
            border-radius: 50px;
            font-size: 0.8rem;
            font-weight: 500;
            letter-spacing: 0.2px;
        }
        .user-note .pill-light {
            background: #dce6f3;
            color: #003163;
        }

        @media (max-width: 850px) {
            .table-wrapper {
                padding: 0.5rem;
            }
            table, thead, tbody, th, td, tr {
                display: block;
            }
            thead tr {
                display: none;
            }
            tr {
                margin-bottom: 1rem;
                border: 1px solid #dde5ef;
                border-radius: 14px;
                padding: 0.8rem 0.6rem;
                background: white;
                box-shadow: 0 2px 6px rgba(0,0,0,0.02);
            }
            td {
                border: none;
                padding: 5px 6px;
                display: flex;
                flex-wrap: wrap;
                align-items: baseline;
                gap: 0.2rem 0.5rem;
                background: transparent !important;
            }
            td:before {
                content: attr(data-label);
                font-weight: 600;
                color: #1f4870;
                min-width: 90px;
                font-size: 0.75rem;
                text-transform: uppercase;
                letter-spacing: 0.3px;
            }
            .duration {
                display: inline-block;
            }
            .phase-badge {
                font-size: 0.65rem;
            }
            .desc {
                min-width: unset;
            }
        }
    </style>
</head>
<body>
<div class="table-wrapper">
    <h2>๐Ÿ“‹ COMET-EMEA ยท Citi Desktop Migration</h2>
    <div class="sub-note">
        <strong>3 groups defined:</strong> &nbsp; PROD ยท PILOT ยท SUPPORT &nbsp; (see note below)
    </div>

    <table>
        <thead>
            <tr>
                <th>Phase</th>
                <th>Task ID</th>
                <th>Task Name</th>
                <th>Description</th>
                <th>Start Date</th>
                <th>End Date</th>
                <th>Duration (h)</th>
            </tr>
        </thead>
        <tbody>
            <!-- Phase 1 -->
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 1: IAM & Group Setup</span></td>
                <td data-label="Task ID"><span class="task-id">1.1</span></td>
                <td data-label="Task Name"><span class="task-name">Define the Pilot Group</span></td>
                <td data-label="Description" class="desc">Identify specific users to participate in the initial production pilot (onshore/offshore support & existing pilots users).</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/21/2026</td>
                <td data-label="Duration"><span class="duration">1</span></td>
            </tr>
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 1: IAM & Group Setup</span></td>
                <td data-label="Task ID"><span class="task-id">1.2</span></td>
                <td data-label="Task Name"><span class="task-name">Create AD Groups</span></td>
                <td data-label="Description" class="desc">Submit requests to IAM/Directory Services to create SG-COMET-EMEA-Dev-CitiDesktop and SG-COMET-EMEA-Support-CitiDesktop.</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/25/2026</td>
                <td data-label="Duration"><span class="duration">1.5</span></td>
            </tr>
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 1: IAM & Group Setup</span></td>
                <td data-label="Task ID"><span class="task-id">1.3</span></td>
                <td data-label="Task Name"><span class="task-name">Create New Atom Groups</span></td>
                <td data-label="Description" class="desc">Define COMET-EMEA-Pilot and COMET-EMEA-Prov user groups within the Atom deployment console.</td>
                <td data-label="Start Date" class="date">8/21/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">1</span></td>
            </tr>
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 1: IAM & Group Setup</span></td>
                <td data-label="Task ID"><span class="task-id">1.4</span></td>
                <td data-label="Task Name"><span class="task-name">Consult with OneTouch Team</span></td>
                <td data-label="Description" class="desc">Reach out to the OneTouch team for knowledge sharing and lessons learned from their successful migration.</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">2</span></td>
            </tr>

            <!-- Phase 2 -->
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 2: Prod Config & Portal Setup</span></td>
                <td data-label="Task ID"><span class="task-id">2.1</span></td>
                <td data-label="Task Name"><span class="task-name">Create AppD Portal Configurations</span></td>
                <td data-label="Description" class="desc">Configure application profiles on the AppD portal for Prod and Pilot environments (Launch Info, atom stream, toggles).</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">1</span></td>
            </tr>
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 2: Prod Config & Portal Setup</span></td>
                <td data-label="Task ID"><span class="task-id">2.2</span></td>
                <td data-label="Task Name"><span class="task-name">Merge Atom Users into Prod/Pilot Groups</span></td>
                <td data-label="Description" class="desc">Consolidate and map all existing legacy Atom users into the newly created COMET-EMEA-Pilot and COMET-EMEA-Prov groups.</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">2</span></td>
            </tr>
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 2: Prod Config & Portal Setup</span></td>
                <td data-label="Task ID"><span class="task-id">2.3</span></td>
                <td data-label="Task Name"><span class="task-name">Sync AD Groups with AppD Portal</span></td>
                <td data-label="Description" class="desc">Map the newly created AD groups to their respective roles and permissions within the AppD portal.</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">2</span></td>
            </tr>

            <!-- Phase 3 -->
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 3: Pilot & Communication</span></td>
                <td data-label="Task ID"><span class="task-id">3.1</span></td>
                <td data-label="Task Name"><span class="task-name">Launch Pilot Phase</span></td>
                <td data-label="Description" class="desc">Enable the Citi Desktop application profile for the COMET-EMEA-Pilot group to validate stability in Prod.</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">2</span></td>
            </tr>
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 3: Pilot & Communication</span></td>
                <td data-label="Task ID"><span class="task-id">3.2</span></td>
                <td data-label="Task Name"><span class="task-name">Send Retirement & Access Notices</span></td>
                <td data-label="Description" class="desc">Broadcast official retirement notices to all COMET-EMEA Prod users with instructions to request Citi Desktop & EEMS access.</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">2</span></td>
            </tr>

            <!-- Phase 4 -->
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 4: Prod Rollout & Handover</span></td>
                <td data-label="Task ID"><span class="task-id">4.1</span></td>
                <td data-label="Task Name"><span class="task-name">Resolve Pilot Feedback</span></td>
                <td data-label="Description" class="desc">Address any bugs, configuration mismatches or performance issues identified by the Pilot group.</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">2</span></td>
            </tr>
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 4: Prod Rollout & Handover</span></td>
                <td data-label="Task ID"><span class="task-id">4.2</span></td>
                <td data-label="Task Name"><span class="task-name">Phased Production Migration</span></td>
                <td data-label="Description" class="desc">Gradually enable the Citi Desktop production profile for batches of COMET-EMEA production users.</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">2.5</span></td>
            </tr>
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 4: Prod Rollout & Handover</span></td>
                <td data-label="Task ID"><span class="task-id">4.3</span></td>
                <td data-label="Task Name"><span class="task-name">Hypercare Support</span></td>
                <td data-label="Description" class="desc">Provide dedicated support via the new SG-COMET-EMEA-Support-CitiDesktop AD group.</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">2.5</span></td>
            </tr>
            <tr class="phase-row">
                <td data-label="Phase"><span class="phase-badge">Phase 4: Prod Rollout & Handover</span></td>
                <td data-label="Task ID"><span class="task-id">4.4</span></td>
                <td data-label="Task Name"><span class="task-name">Handover to Decommissioning Team</span></td>
                <td data-label="Description" class="desc">Compile migration sign-off report and hand over to the external team responsible for decommissioning legacy Atom.</td>
                <td data-label="Start Date" class="date">8/14/2026</td>
                <td data-label="End Date" class="date">8/28/2026</td>
                <td data-label="Duration"><span class="duration">0.1</span></td>
            </tr>
        </tbody>
    </table>

    <!-- user note at bottom (exactly as in the original) -->
    <div class="user-note">
        <span class="label">๐Ÿ“Œ User note:</span>
        <span class="question">โ€œDo we want support and pilot to be the same group?โ€</span>
        <span style="color:#1f3b57; font-weight:400; margin-left:0.2rem;">โ€”</span>
        <div class="pill-group">
            <span class="pill">prod</span>
            <span class="pill" style="background:#2a6b96;">pilot</span>
            <span class="pill" style="background:#1f8b4c;">support</span>
            <span class="pill pill-light" style="background:#e5edf8; color:#004a7a;">โœ… 3 groups โ€“ keep separate</span>
        </div>
    </div>
</div>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)