Skip to Content

Changes for page

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

Summary

Details

Page properties
Content
... ... @@ -416,140 +416,6 @@
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 - ============================================================
425 425  
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>
553 553  </div>
554 -</div>
555 555  {{/html}}