Skip to Content

Changes for page

Last modified by Chris Workman on 2026/09/18 21:52
From version 4.1
edited by Chris Workman
on 2026/08/21 20:03
Change comment: There is no comment for this version
To version 5.1
edited by Chris Workman
on 2026/08/24 21:49
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -416,6 +416,140 @@
416 416   <span class="fdm-divider">|</span>
417 417   <a class="fdm-azure" href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=false">Microsoft Azure</a>
418 418   </div>
419 +<!--
420 + ============================================================
421 + FirstDigital - Universal Home Button (XWiki fragment)
422 + A small floating button that routes back to
423 + https://learn.firstdigital.com/bin/view/Main/
424 + ============================================================
419 419  
426 + HOW TO USE
427 + This is a drop-in snippet, not a full page. Add it to ANY of your
428 + existing wiki-page fragments (the Teams Resource Hub, the CCP
429 + Resource Hub, Voice Services Q&A, the How To's pages, the
430 + International Calling guide, etc.) by pasting this whole block
431 + at the very end of that page's content -- right before the
432 + closing {{/html}} -- alongside whatever else is already there.
433 + It is fixed-position and self-contained, so it does not need to
434 + sit inside that page's own wrapper div, and it will not disturb
435 + that page's own layout.
436 +
437 + If a wiki page does not yet use {{html clean="false"}} at all,
438 + you can also add just this snippet on its own to give that page
439 + a home button, without needing to touch anything else on it.
440 +
441 + ------------------------------------------------------------
442 + CUSTOMIZING
443 + ------------------------------------------------------------
444 + - Destination: change the href on the <a class="fdhb-btn"> tag
445 + below if the home URL ever changes.
446 + - Position: the button defaults to the bottom-left corner. To
447 + move it, edit the "position" rule in .fdhb-btn (bottom/left/
448 + right/top) near the top of the <style> block.
449 + - Label: change "Home" in the markup, or drop the <span> entirely
450 + to show only the house icon (a comment marks where).
451 +
452 + ------------------------------------------------------------
453 + NOTES
454 + - This file is a FRAGMENT: no DOCTYPE declaration and no
455 + html / head / body elements.
456 + - Class and ID names use the "fdhb-" prefix (FirstDigital Home
457 + Button), so this cannot clash with any other FirstDigital wiki
458 + fragment's classes ("fdt-", "fdccp-", "fdvq-", "fdcht-", "fdid-",
459 + "fdmth-", "fdm-", "fdo-", "fd-home", etc.) even when this button
460 + is pasted onto the same page as one of them.
461 + - Safe to paste this same snippet onto multiple pages across your
462 + wiki. If it is ever accidentally pasted twice on the SAME page,
463 + a safety-net rule hides the second copy so you only ever see
464 + one button.
465 + - After saving, only ever re-edit the page in SOURCE / WIKI mode
466 + (never WYSIWYG) -- the rich-text editor can strip the <style>
467 + block or duplicate html-macro content. Paste directly from this
468 + file rather than through Microsoft Word, which can silently
469 + turn straight quotes into curly ones and break the HTML/CSS.
470 + ============================================================
471 +-->
472 +<style>
473 + /* Safety net: if a page ever ends up with this snippet twice,
474 + show only the first copy. */
475 + #fdhb-root ~ #fdhb-root { display: none !important; }
476 +
477 + #fdhb-root, #fdhb-root *, #fdhb-root *::before, #fdhb-root *::after {
478 + box-sizing: border-box;
479 + }
480 +
481 + #fdhb-root {
482 + /* FirstDigital brand tokens (Brand Guide 2025, p.11) */
483 + --fdhb-navy: #003366;
484 + --fdhb-bright:#38b2e3;
485 + --fdhb-white: #ffffff;
486 + }
487 +
488 + .fdhb-btn {
489 + position: fixed;
490 + left: 18px;
491 + bottom: 18px;
492 + z-index: 2147483000; /* sit above virtually anything else on the page */
493 +
494 + display: inline-flex;
495 + align-items: center;
496 + gap: 8px;
497 +
498 + background: var(--fdhb-navy);
499 + color: var(--fdhb-white) !important;
500 + font-family: 'Host Grotesk', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
501 + font-size: 13.5px;
502 + font-weight: 600;
503 + line-height: 1;
504 + text-decoration: none !important;
505 + border: 1px solid rgba(255,255,255,0.15);
506 + border-radius: 999px;
507 + padding: 11px 18px 11px 14px;
508 + box-shadow: 0 6px 18px rgba(0,51,102,0.28);
509 + transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
510 + }
511 +
512 + .fdhb-btn:hover {
513 + background: var(--fdhb-bright);
514 + transform: translateY(-2px);
515 + box-shadow: 0 10px 22px rgba(0,51,102,0.34);
516 + }
517 +
518 + .fdhb-btn:focus-visible {
519 + outline: 3px solid var(--fdhb-bright);
520 + outline-offset: 2px;
521 + }
522 +
523 + .fdhb-btn svg {
524 + width: 17px;
525 + height: 17px;
526 + flex: 0 0 auto;
527 + fill: none;
528 + stroke: var(--fdhb-white);
529 + stroke-width: 2;
530 + stroke-linecap: round;
531 + stroke-linejoin: round;
532 + }
533 +
534 + .fdhb-btn span { display: inline-block; }
535 +
536 + @media (max-width: 480px) {
537 + .fdhb-btn { left: 12px; bottom: 12px; padding: 11px; }
538 + /* Icon-only on small screens so the button never crowds mobile content */
539 + .fdhb-btn span { display: none; }
540 + }
541 +
542 + @media (prefers-reduced-motion: reduce) {
543 + .fdhb-btn { transition: none; }
544 + }
545 +</style>
546 +
547 +<div id="fdhb-root">
548 + <a class="fdhb-btn" href="https://learn.firstdigital.com/bin/view/Main/" aria-label="Go to FirstDigital wiki home">
549 + <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 11.5L12 4l8 7.5"/><path d="M6 10v9a1 1 0 0 0 1 1h3v-6h4v6h3a1 1 0 0 0 1-1v-9"/></svg>
550 + <!-- remove this <span> to show only the icon -->
551 + <span>Home</span>
552 + </a>
420 420  </div>
554 +</div>
421 421  {{/html}}