Skip to content

Commit d4f1cc8

Browse files
Update index.html
1 parent a9ff490 commit d4f1cc8

1 file changed

Lines changed: 33 additions & 15 deletions

File tree

‎index.html‎

Lines changed: 33 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -10389,10 +10389,10 @@
1038910389
@keyframes lcOrbitRun { from { offset-distance: 0%; } to { offset-distance: 100%; } }
1039010390
.lc-orbit-trail {
1039110391
fill: none; stroke: var(--r-cyan, #00BFFF); stroke-width: 2.6; stroke-linecap: round;
10392-
stroke-dasharray: 8 92; opacity: 0.5;
10392+
stroke-dasharray: 92 8; opacity: 0.5;
1039310393
animation: lcOrbitTrail 7s linear infinite;
1039410394
}
10395-
@keyframes lcOrbitTrail { from { stroke-dashoffset: 8; } to { stroke-dashoffset: -92; } }
10395+
@keyframes lcOrbitTrail { from { stroke-dashoffset: 92; } to { stroke-dashoffset: -8; } }
1039610396
.lc-live .lc-orbit-mark, .lc-live .lc-orbit-trail { opacity: 0; }
1039710397
.arch-lifecycle-strip:not(.lc-live) .lc-spoke {
1039810398
animation: lcSpokePass 7s ease-in-out infinite;
@@ -10613,6 +10613,13 @@
1061310613
.lc-in-diagram .lc-sat .lifecycle-label { font-size: clamp(7.5px, 1.15cqw, 10px); }
1061410614
.lc-in-diagram .lc-hub-tick { top: 6%; right: 6%; transform: none; }
1061510615
}
10616+
/* Hub: the user's workspace window replaces the single glyph. */
10617+
.lc-hub-ico.lc-hub-ico-win, .lc-in-diagram .lc-hub-ico.lc-hub-ico-win {
10618+
width: clamp(44px, 9.6cqw, 88px); height: auto; aspect-ratio: 64 / 56; margin-top: 2px;
10619+
border-radius: 0; background: transparent; box-shadow: none; order: 0;
10620+
filter: drop-shadow(0 4px 10px rgba(0, 0, 204, 0.18));
10621+
}
10622+
.lc-hub-ico.lc-hub-ico-win svg, .lc-in-diagram .lc-hub-ico.lc-hub-ico-win svg { width: 100%; height: 100%; display: block; }
1061610623
</style>
1061710624
</head>
1061810625

@@ -13812,14 +13819,14 @@ <h2 id="alm-modal-title" class="text-2xl font-bold tracking-tight text-[#1A1A2E]
1381213819
const img = (app, cls) => `<img class="${cls || ''}" src="${app.img}" alt="${app.name}" draggable="false">`;
1381313820

1381413821
const CHAPTERS = [
13815-
['Acme Corp.', 'A consistent application experience wherever work happens.'],
13816-
['Maya \u00b7 Finance \u00b7 Windows laptop', 'Maya sees the applications available to her.'],
13817-
['Maya opens Power BI', 'Smart icons: every click is checked, wherever she opens it from.'],
13818-
['Maya on any device', 'Windows 365 and Mac, side by side \u2014 the same workspace on physical and virtual devices.'],
13819-
['Applications stay current', 'Kept up to date without adding complexity for the user.'],
13820-
['Same laptop, different person', 'Alex signs in to Maya\u2019s device. The tiles wipe to his set.'],
13821-
['Alex requests an application', 'Employees can request the applications they need.'],
13822-
['Embedded or portal', 'The same workspace inside Teams or SharePoint, or on its own.'],
13822+
['Your brand, your workspace', 'Acme\u2019s own branded experience. A consistent application experience wherever work happens.'],
13823+
['One workspace per person', 'Maya \u00b7 Finance \u00b7 Windows laptop. Maya sees the applications available to her.'],
13824+
['Smart icons, built-in rules', 'Maya opens Power BI. Every click is checked, wherever she opens it from.'],
13825+
['Same experience on every device', 'Windows 365 and Mac, side by side \u2014 the same workspace on physical and virtual devices.'],
13826+
['Updates without tickets', 'Applications stay current, without adding complexity for the user.'],
13827+
['Shared devices, personal workspace', 'Alex signs in to Maya\u2019s device. The tiles wipe to his set.'],
13828+
['Request, route, approve, install', 'Alex requests an application. Employees can request the applications they need.'],
13829+
['Embedded in Teams or standalone', 'The same workspace inside Teams or SharePoint, or on its own.'],
1382313830
];
1382413831
const CHAPTER_PH = ['bare','boot','launch','catalog','clicking','checking','routing','config'];
1382513832
const chap = ({ 0:0, 1:0, 2:1, 3:2, 4:3, 5:4, 6:5, 7:6, 8:7 })[scene];
@@ -14175,23 +14182,24 @@ <h2 id="alm-modal-title" class="text-2xl font-bold tracking-tight text-[#1A1A2E]
1417514182
const rsteps = [
1417614183
['inbox', 'Request received', 'Tableau Desktop \u00b7 Alex Rivera \u00b7 Sales', 2000],
1417714184
['git-branch', 'Routed by request type', 'Licensed app \u2192 manager approval', 2600],
14178-
['user-check', 'Approved', 'J. Torres (manager) \u00b7 1 tap in Teams', 3200],
14179-
['package-check', 'Delivered', 'License assigned \u00b7 added to Alex\u2019s workspace', 3800],
14185+
['ticket', 'Logged in ServiceNow', 'RITM0048213 \u00b7 approvals, cost and audit', 3200],
14186+
['user-check', 'Approved', 'J. Torres (manager) \u00b7 1 tap in Teams', 3800],
14187+
['package-check', 'Delivered', 'ServiceNow approved \u2192 installed automatically \u00b7 added to Alex\u2019s workspace', 4400],
1418014188
];
1418114189
stage = `<div class="us-story">
1418214190
<div class="rw-bts">
1418314191
<div class="rw-bts-dev">
1418414192
${laptop('win', winDesktop(winFrame('Acme Workspace', appIcon, wsCatalog(alex), { cls: 'rw-win-app' }), { overlay: toast(`
1418514193
<div class="rw-toast-h">${appIcon}<span>Acme Workspace</span><em>now</em></div>
1418614194
<div class="rw-toast-b">${img(req, 'rw-toast-ico')}<div><b>Request submitted</b><span>You\u2019ll be notified when ${req.name} is ready.</span></div></div>`, 1900) }), 'Windows laptop')}
14187-
<div class="rw-bts-user us-in" style="--d:4300ms"><i data-lucide="ticket-x"></i>No ticket. No email chain.</div>
14195+
<div class="rw-bts-user us-in" style="--d:4900ms"><i data-lucide="ticket-x"></i>No ticket. No email chain.</div>
1418814196
</div>
1418914197
<div class="rw-bts-link us-in" style="--d:1900ms"><i></i><span><i data-lucide="workflow"></i></span><i></i></div>
1419014198
<aside class="rw-bts-panel us-in" style="--d:1800ms">
1419114199
<div class="rw-bts-head"><span class="rw-bts-k">Behind the scenes</span><span class="rw-bts-t">${img(req, 'rw-bts-ico')}<b>${req.name} Desktop</b></span>
1419214200
<span class="rw-bts-route"><em class="us-in" style="--d:2400ms"><i data-lucide="zap"></i>Free app \u00b7 auto</em><b class="us-in" style="--d:2600ms"><i data-lucide="user-check"></i>Licensed \u00b7 manager</b></span></div>
1419314201
${btsList(rsteps)}
14194-
<div class="rw-bts-foot us-in" style="--d:4400ms"><i data-lucide="clock"></i>Request to ready \u00b7 4 minutes</div>
14202+
<div class="rw-bts-foot us-in" style="--d:5000ms"><i data-lucide="clock"></i>Request to ready \u00b7 4 minutes</div>
1419514203
</aside>
1419614204
</div>
1419714205
</div>`;
@@ -17744,7 +17752,17 @@ <h2 id="alm-modal-title" class="text-2xl font-bold tracking-tight text-[#1A1A2E]
1774417752
${it.isCurrent ? `<svg class="lc-hub-prog" viewBox="0 0 100 100" aria-hidden="true" focusable="false"><circle class="lc-hub-prog-c" cx="50" cy="50" r="49" pathLength="100" style="animation-duration:${LC_DWELL[it.idx] || 9000}ms;animation-delay:-${elapsed}ms"/></svg>` : ''}
1774517753
<button type="button" data-action="toggle-solution-view" data-view="${it.view}" class="lc-hub-btn ${it.active ? 'active' : ''}" aria-label="${it.stage}: ${it.name}">
1774617754
<span class="lifecycle-label lc-hub-stage ${lblClass}">${it.stage}${count}</span>
17747-
<span class="lc-hub-ico"><i data-lucide="${it.icon}"></i></span>
17755+
<span class="lc-hub-ico lc-hub-ico-win" aria-hidden="true"><svg viewBox="0 0 64 56" focusable="false">
17756+
<rect x="1" y="1" width="62" height="54" rx="6" fill="#FFFFFF" stroke="#DDDDEE"/>
17757+
<path d="M1 7a6 6 0 0 1 6-6h50a6 6 0 0 1 6 6v5H1z" fill="#0000CC"/>
17758+
<circle cx="7" cy="6.5" r="1.4" fill="#FFFFFF" opacity=".85"/><circle cx="11.5" cy="6.5" r="1.4" fill="#FFFFFF" opacity=".85"/><circle cx="16" cy="6.5" r="1.4" fill="#FFFFFF" opacity=".85"/>
17759+
<g transform="translate(13 22)"><circle r="6" fill="#DB4437"/><path d="M0 0L-5.2 -3A6 6 0 0 1 5.2 -3z" fill="#F4B400"/><path d="M0 0L5.2 -3A6 6 0 0 1 0 6z" fill="#0F9D58"/><path d="M0 0L0 6A6 6 0 0 1 -5.2 -3z" fill="#DB4437"/><circle r="2.6" fill="#FFFFFF"/><circle r="1.7" fill="#4285F4"/></g>
17760+
<g transform="translate(32 22)"><circle r="6" fill="#4B53BC"/><text x="0" y="2.6" text-anchor="middle" font-family="Inter, Helvetica, Arial, sans-serif" font-weight="800" font-size="7.5" fill="#FFFFFF">T</text></g>
17761+
<g transform="translate(51 22)"><circle r="6" fill="#2D8CFF"/><rect x="-3.6" y="-2.2" width="5" height="4.4" rx="1" fill="#FFFFFF"/><path d="M1.6 -0.8l2.2 -1.4v4.4l-2.2 -1.4z" fill="#FFFFFF"/></g>
17762+
<g transform="translate(13 40)"><circle r="6" fill="#EC1C24"/><text x="0" y="2.6" text-anchor="middle" font-family="Inter, Helvetica, Arial, sans-serif" font-weight="800" font-size="7.5" fill="#FFFFFF">A</text></g>
17763+
<g transform="translate(32 40)"><circle r="6" fill="#FFFFFF" stroke="#DDDDEE" stroke-width=".8"/><g stroke-width="1.4" stroke-linecap="round" fill="none"><path d="M-1.2 -3.4v2.6" stroke="#36C5F0"/><path d="M1.2 0.8v2.6" stroke="#2EB67D"/><path d="M-3.4 1.2h2.6" stroke="#E01E5A"/><path d="M0.8 -1.2h2.6" stroke="#ECB22E"/></g></g>
17764+
<g transform="translate(51 40)"><circle r="6" fill="#107C41"/><text x="0" y="2.6" text-anchor="middle" font-family="Inter, Helvetica, Arial, sans-serif" font-weight="800" font-size="7.5" fill="#FFFFFF">X</text></g>
17765+
</svg></span>
1774817766
<span class="lc-hub-name">${it.name}</span>
1774917767
</button>
1775017768
${it.isDone ? `<span class="lc-hub-tick" aria-hidden="true">${TICK}</span>` : ''}

0 commit comments

Comments
 (0)