Last modified by Aaron Blackburn on 2026/09/25 20:47

From version 4.1
edited by Chris Workman
on 2026/08/21 22:43
Change comment: There is no comment for this version
To version 5.1
edited by Aaron Blackburn
on 2026/09/25 20:47
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.chrisworkmanfirstdigitalcom
1 +XWiki.aaronblackburnfirstdigitalcom
Content
... ... @@ -2,60 +2,12 @@
2 2  <!--
3 3   ============================================================
4 4   FirstDigital - Cloud Connected PSTN (CCP) How To's (XWiki fragment)
5 - No photographs. Text, brand colour and icons only.
6 - Same design system as the Microsoft Teams Resource Hub (fdt-),
7 - Cloud Connected PSTN Resource Hub (fdccp-), and Voice Services
8 - Q&A (fdvq-) pages. This page is the natural destination for the
9 - "How To's" card on the CCP Resource Hub.
10 10   ============================================================
11 -
12 - HOW TO USE
13 - 1. Edit the wiki page in SOURCE / WIKI mode (never WYSIWYG).
14 - 2. Select all existing page content and delete it.
15 - 3. Paste:
16 -
17 - {{html clean="false"}}
18 - ...everything in this file...
19 - {{/html}}
20 -
21 - 4. Save & View.
22 -
23 - ------------------------------------------------------------
24 - LINKS
25 - ------------------------------------------------------------
26 - All three topics already link to their real Vidcast video
27 - walkthroughs, taken directly from the source document -- no
28 - placeholders needed:
29 - 1. Moving a number between SIP trunks via FDconnect
30 - https://app.vidcast.io/share/c2f50516-9950-4b45-a019-4a81a6fee293?playerMode=vidcast
31 - 2. Disaster Redirect Plan
32 - https://app.vidcast.io/share/7b80781e-6678-457d-b7e4-2349a095c7d3?playerMode=vidcast
33 - 3. Free Caller Registry
34 - https://app.vidcast.io/share/9a76e07d-1a9d-4d69-9354-e0d8b5699543?playerMode=vidcast
35 - All three open in a new tab (target="_blank") since they leave
36 - the wiki for an external video player.
37 -
38 - ------------------------------------------------------------
39 - NOTES
40 - - This file is a FRAGMENT: no DOCTYPE declaration and no
41 - html / head / body elements. Everything is scoped inside
42 - .fdcht-hub so it cannot leak into the wiki theme.
43 - - After saving, only ever re-edit this page in SOURCE mode.
44 - The WYSIWYG editor can duplicate html-macro content.
45 - - Class names use the "fdcht-" prefix, so this page cannot clash
46 - with the menu page ("fdm-"), onboarding page ("fdo-"), the
47 - Microsoft Teams Resource Hub ("fdt-"), the Cloud Connected PSTN
48 - Resource Hub ("fdccp-"), or Voice Services Q&A ("fdvq-") even if
49 - more than one of them ever appears on the same page.
50 - - The only external asset is your logo, loaded from your wiki.
51 - Nothing is embedded, so this file is small.
52 - ============================================================
53 53  -->
54 54  <style>
55 55  @import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;600;800&display=swap');
56 56  
57 - /* Safety net: if the wiki ever renders this block twice,
58 - show only the first copy. */
10 + /* Safety net: if the wiki ever renders this block twice, show only the first copy. */
59 59   .fdcht-hub ~ .fdcht-hub { display: none !important; }
60 60  
61 61   /* ---- FirstDigital brand tokens (Brand Guide 2025, p.11) ---- */
... ... @@ -260,6 +260,17 @@
260 260  
261 261   .fdcht-row:hover .fdcht-watch svg circle { fill: var(--fd-navy); }
262 262  
215 + /* Style variant for Documentation/Guide links */
216 + .fdcht-watch.fdcht-read {
217 + color: var(--fd-blue);
218 + }
219 +
220 + .fdcht-watch.fdcht-read svg circle {
221 + fill: var(--fd-blue);
222 + }
223 +
224 + .fdcht-row:hover .fdcht-watch.fdcht-read svg circle { fill: var(--fd-navy); }
225 +
263 263   /* ---- Footer ---- */
264 264   .fdcht-footer {
265 265   margin-top: 30px;
... ... @@ -298,11 +298,42 @@
298 298   <hr class="fdcht-rule">
299 299   <div class="fdcht-eyebrow">Cloud Connected PSTN</div>
300 300   <h1>How To&rsquo;s</h1>
301 - <p>Short video walkthroughs for common Cloud Connected PSTN tasks. Select a topic below to watch.</p>
264 + <p>Guides and video walkthroughs for common Cloud Connected PSTN tasks. Select a topic below to view.</p>
302 302   </section>
303 303  
304 - <nav class="fdcht-list" aria-label="Cloud Connected PSTN how-to videos">
267 + <nav class="fdcht-list" aria-label="Cloud Connected PSTN how-to guides and videos">
305 305  
269 + <!-- Configure CCP in Control Hub Guide -->
270 + <a class="fdcht-row" href="https://learn.firstdigital.com/bin/view/CCP/Configure%20CCP%20in%20Control%20Hub/">
271 + <span class="fdcht-badge">
272 + <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path class="accent" d="M8 12h8M8 8h8M8 16h5"/></svg>
273 + </span>
274 + <span class="fdcht-row-text">
275 + <span class="fdcht-q">Configure Cloud Connected PSTN in Control Hub</span>
276 + <span class="fdcht-tag"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>Documentation Guide</span>
277 + </span>
278 + <span class="fdcht-watch fdcht-read">
279 + <span>Read Guide</span>
280 + <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="12"/><path d="M10 7l5 5-5 5" stroke="#ffffff" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
281 + </span>
282 + </a>
283 +
284 + <!-- Bulk Provisioning Guide -->
285 + <a class="fdcht-row" href="https://learn.firstdigital.com/bin/view/CCP/Bulk%20Provisioning/">
286 + <span class="fdcht-badge">
287 + <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><path class="accent" d="M20 8v6M23 11h-6"/></svg>
288 + </span>
289 + <span class="fdcht-row-text">
290 + <span class="fdcht-q">FDConnect Bulk Management and Provisioning</span>
291 + <span class="fdcht-tag"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>Documentation Guide</span>
292 + </span>
293 + <span class="fdcht-watch fdcht-read">
294 + <span>Read Guide</span>
295 + <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="12"/><path d="M10 7l5 5-5 5" stroke="#ffffff" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
296 + </span>
297 + </a>
298 +
299 + <!-- Video Walkthrough: Moving a number -->
306 306   <a class="fdcht-row" href="https://app.vidcast.io/share/c2f50516-9950-4b45-a019-4a81a6fee293?playerMode=vidcast" target="_blank" rel="noopener">
307 307   <span class="fdcht-badge">
308 308   <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7 7h8l-2.5-2.5M7 7l2.5 2.5"/><path class="accent" d="M17 17H9l2.5 2.5M17 17l-2.5-2.5"/></svg>
... ... @@ -317,6 +317,7 @@
317 317   </span>
318 318   </a>
319 319  
314 + <!-- Video Walkthrough: Disaster Redirect Plan -->
320 320   <a class="fdcht-row" href="https://app.vidcast.io/share/7b80781e-6678-457d-b7e4-2349a095c7d3?playerMode=vidcast" target="_blank" rel="noopener">
321 321   <span class="fdcht-badge">
322 322   <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3l9 4.5v5.4C21 17.7 17 20.4 12 21c-5-.6-9-3.3-9-8.1V7.5L12 3z"/><path class="accent" d="M12 8.5v4.5M12 16v.01"/></svg>
... ... @@ -331,6 +331,7 @@
331 331   </span>
332 332   </a>
333 333  
329 + <!-- Video Walkthrough: Free Caller Registry -->
334 334   <a class="fdcht-row" href="https://app.vidcast.io/share/9a76e07d-1a9d-4d69-9354-e0d8b5699543?playerMode=vidcast" target="_blank" rel="noopener">
335 335   <span class="fdcht-badge">
336 336   <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="2"/><path class="accent" d="M8.5 12.5l2.3 2.3L16 9.5"/></svg>