Skip to Content

Changes for page

Last modified by Chris Workman on 2026/09/02 14:21
From version 31.1
edited by Chris Workman
on 2026/08/24 21:50
Change comment: There is no comment for this version
To version 30.1
edited by Chris Workman
on 2026/08/24 20:32
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -325,142 +325,8 @@
325 325   <span>FirstDigital &middot; Microsoft Teams Resource Hub</span>
326 326   <span>Need help? Contact your FirstDigital support team at 801-456-1000 or support@firstdigital.com.</span>
327 327   </div>
328 -<!--
329 - ============================================================
330 - FirstDigital - Universal Home Button (XWiki fragment)
331 - A small floating button that routes back to
332 - https://learn.firstdigital.com/bin/view/Main/
333 - ============================================================
334 334  
335 - HOW TO USE
336 - This is a drop-in snippet, not a full page. Add it to ANY of your
337 - existing wiki-page fragments (the Teams Resource Hub, the CCP
338 - Resource Hub, Voice Services Q&A, the How To's pages, the
339 - International Calling guide, etc.) by pasting this whole block
340 - at the very end of that page's content -- right before the
341 - closing {{/html}} -- alongside whatever else is already there.
342 - It is fixed-position and self-contained, so it does not need to
343 - sit inside that page's own wrapper div, and it will not disturb
344 - that page's own layout.
345 -
346 - If a wiki page does not yet use {{html clean="false"}} at all,
347 - you can also add just this snippet on its own to give that page
348 - a home button, without needing to touch anything else on it.
349 -
350 - ------------------------------------------------------------
351 - CUSTOMIZING
352 - ------------------------------------------------------------
353 - - Destination: change the href on the <a class="fdhb-btn"> tag
354 - below if the home URL ever changes.
355 - - Position: the button defaults to the bottom-left corner. To
356 - move it, edit the "position" rule in .fdhb-btn (bottom/left/
357 - right/top) near the top of the <style> block.
358 - - Label: change "Home" in the markup, or drop the <span> entirely
359 - to show only the house icon (a comment marks where).
360 -
361 - ------------------------------------------------------------
362 - NOTES
363 - - This file is a FRAGMENT: no DOCTYPE declaration and no
364 - html / head / body elements.
365 - - Class and ID names use the "fdhb-" prefix (FirstDigital Home
366 - Button), so this cannot clash with any other FirstDigital wiki
367 - fragment's classes ("fdt-", "fdccp-", "fdvq-", "fdcht-", "fdid-",
368 - "fdmth-", "fdm-", "fdo-", "fd-home", etc.) even when this button
369 - is pasted onto the same page as one of them.
370 - - Safe to paste this same snippet onto multiple pages across your
371 - wiki. If it is ever accidentally pasted twice on the SAME page,
372 - a safety-net rule hides the second copy so you only ever see
373 - one button.
374 - - After saving, only ever re-edit the page in SOURCE / WIKI mode
375 - (never WYSIWYG) -- the rich-text editor can strip the <style>
376 - block or duplicate html-macro content. Paste directly from this
377 - file rather than through Microsoft Word, which can silently
378 - turn straight quotes into curly ones and break the HTML/CSS.
379 - ============================================================
380 --->
381 -<style>
382 - /* Safety net: if a page ever ends up with this snippet twice,
383 - show only the first copy. */
384 - #fdhb-root ~ #fdhb-root { display: none !important; }
385 -
386 - #fdhb-root, #fdhb-root *, #fdhb-root *::before, #fdhb-root *::after {
387 - box-sizing: border-box;
388 - }
389 -
390 - #fdhb-root {
391 - /* FirstDigital brand tokens (Brand Guide 2025, p.11) */
392 - --fdhb-navy: #003366;
393 - --fdhb-bright:#38b2e3;
394 - --fdhb-white: #ffffff;
395 - }
396 -
397 - .fdhb-btn {
398 - position: fixed;
399 - left: 18px;
400 - bottom: 18px;
401 - z-index: 2147483000; /* sit above virtually anything else on the page */
402 -
403 - display: inline-flex;
404 - align-items: center;
405 - gap: 8px;
406 -
407 - background: var(--fdhb-navy);
408 - color: var(--fdhb-white) !important;
409 - font-family: 'Host Grotesk', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
410 - font-size: 13.5px;
411 - font-weight: 600;
412 - line-height: 1;
413 - text-decoration: none !important;
414 - border: 1px solid rgba(255,255,255,0.15);
415 - border-radius: 999px;
416 - padding: 11px 18px 11px 14px;
417 - box-shadow: 0 6px 18px rgba(0,51,102,0.28);
418 - transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
419 - }
420 -
421 - .fdhb-btn:hover {
422 - background: var(--fdhb-bright);
423 - transform: translateY(-2px);
424 - box-shadow: 0 10px 22px rgba(0,51,102,0.34);
425 - }
426 -
427 - .fdhb-btn:focus-visible {
428 - outline: 3px solid var(--fdhb-bright);
429 - outline-offset: 2px;
430 - }
431 -
432 - .fdhb-btn svg {
433 - width: 17px;
434 - height: 17px;
435 - flex: 0 0 auto;
436 - fill: none;
437 - stroke: var(--fdhb-white);
438 - stroke-width: 2;
439 - stroke-linecap: round;
440 - stroke-linejoin: round;
441 - }
442 -
443 - .fdhb-btn span { display: inline-block; }
444 -
445 - @media (max-width: 480px) {
446 - .fdhb-btn { left: 12px; bottom: 12px; padding: 11px; }
447 - /* Icon-only on small screens so the button never crowds mobile content */
448 - .fdhb-btn span { display: none; }
449 - }
450 -
451 - @media (prefers-reduced-motion: reduce) {
452 - .fdhb-btn { transition: none; }
453 - }
454 -</style>
455 -
456 -<div id="fdhb-root">
457 - <a class="fdhb-btn" href="https://learn.firstdigital.com/bin/view/Main/" aria-label="Go to FirstDigital wiki home">
458 - <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>
459 - <!-- remove this <span> to show only the icon -->
460 - <span>Home</span>
461 - </a>
462 462  </div>
463 -</div>
464 464  {{/html}}
465 465  
466 466  ----