Skip to Content

Changes for page MS Teams Home Page:

Last modified by Chris Workman on 2026/08/21 22:35
From version 22.1
edited by Chris Workman
on 2026/07/27 21:10
Change comment: There is no comment for this version
To version 7.2
edited by Chris Workman
on 2026/07/27 16:25
Change comment: Auto-saved during real-time collaboration

Summary

Details

Page properties
Content
... ... @@ -1,329 +1,256 @@
1 -{{html clean="false"}}
2 -<!--
3 - ============================================================
4 - FirstDigital - Microsoft Teams Resource Hub (XWiki fragment)
5 - No photographs. Text, brand colour and icons only.
6 - ============================================================
7 -
8 - HOW TO USE
9 - 1. Edit the wiki page in SOURCE / WIKI mode (never WYSIWYG).
10 - 2. Select all existing page content and delete it.
11 - 3. Paste:
12 -
13 - {{html clean="false"}}
14 - ...everything in this file...
15 - {{/html}}
16 -
17 - 4. Save & View.
18 -
19 - ------------------------------------------------------------
20 - FOUR LINKS NEED YOUR URLS - search this file for href="#"
21 - ------------------------------------------------------------
22 - 1. How To's
23 - 2. Q&A's
24 - 3. Implementation Process
25 - 4. Helpful Docs
26 -
27 - Note: the "Implementation Process" card is very likely the
28 - onboarding page (Thank you for choosing FirstDigital Telecom /
29 - Steps in the process). Point card 3 at that page rather than
30 - duplicating the content.
31 -
32 - ------------------------------------------------------------
33 - NOTES
34 - - This file is a FRAGMENT: no DOCTYPE declaration and no
35 - html / head / body elements. Everything is scoped inside
36 - .fdt-hub so it cannot leak into the wiki theme.
37 - - After saving, only ever re-edit this page in SOURCE mode.
38 - The WYSIWYG editor can duplicate html-macro content.
39 - - Class names use the "fdt-" prefix, so this page cannot clash
40 - with the menu page ("fdm-") or the onboarding page ("fdo-")
41 - even if two of them ever appear on one page.
42 - - The only external asset is your logo, loaded from your wiki.
43 - Nothing is embedded, so this file is small.
44 - ============================================================
45 --->
1 +{{html}}
46 46  <style>
47 -@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;600;800&display=swap');
3 +@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600&family=Inter:wght@400;500;600;700&display=swap');
48 48  
49 - /* Safety net: if the wiki ever renders this block twice,
50 - show only the first copy. */
51 - .fdt-hub ~ .fdt-hub { display: none !important; }
52 52  
53 - /* ---- FirstDigital brand tokens (Brand Guide 2025, p.11) ---- */
54 - .fdt-hub {
55 - --fd-navy: #003366; /* headlines, backgrounds, icons */
56 - --fd-blue: #307ab2; /* headlines, backgrounds, icons */
57 - --fd-blue-bright: #38b2e3; /* stand-out headlines, icons */
58 - --fd-red: #cf333d; /* accents - use selectively */
59 - --fd-body: #2e404d; /* paragraph text */
60 - --fd-secondary: #8f9499; /* secondary text */
61 - --fd-bg-mid: #dedede; /* backgrounds */
62 - --fd-bg-light: #f0f0f0; /* backgrounds */
63 - --fd-ice: #e3f1f8;
64 - --fd-white: #ffffff;
6 + :root {
7 + --navy: #00346A;
8 + --navy-deep: #00284F;
9 + --blue: #007CB6;
10 + --ice: #E3F1F8;
11 + --coral: #E11636;
12 + --coral-tint: #FCE1E5;
13 + --bg: #F5F8FB;
14 + --ink: #16232F;
15 + --muted: #5A6472;
16 + --card-bg: #FFFFFF;
17 + --line: #E1E8EE;
65 65   }
66 66  
67 - .fdt-hub, .fdt-hub * { box-sizing: border-box; }
20 + * { box-sizing: border-box; }
68 68  
69 - .fdt-hub {
70 - font-family: 'Host Grotesk', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
71 - font-weight: 300;
72 - color: var(--fd-body);
73 - background: var(--fd-white);
74 - max-width: 1000px;
75 - margin: 0 auto;
76 - padding: 0 20px 30px;
77 - -webkit-font-smoothing: antialiased;
22 + .fd-teams-hub {
23 + margin: 0;
24 + background: var(--bg);
25 + color: var(--ink);
26 + font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
27 + display: flex;
28 + flex-direction: column;
29 + align-items: center;
30 + padding: 6vh 6vw 4vh;
31 + border-radius: 16px;
78 78   }
79 79  
80 - /* ---- Masthead: full-colour logo on white (Logo Rules, p.10) ---- */
81 - .fdt-masthead {
34 + .presence-rail {
82 82   display: flex;
83 - align-items: center;
84 - justify-content: space-between;
85 - gap: 20px;
86 - flex-wrap: wrap;
87 - padding: 22px 0 18px;
88 - border-bottom: 1px solid var(--fd-bg-mid);
36 + gap: 8px;
37 + margin-bottom: 28px;
89 89   }
90 90  
91 - .fdt-masthead img { height: 46px; width: auto; display: block; }
92 -
93 - .fdt-masthead-label {
94 - font-size: 12px;
95 - font-weight: 600;
96 - letter-spacing: 0.16em;
97 - text-transform: uppercase;
98 - color: var(--fd-secondary);
99 - white-space: nowrap;
40 + .presence-rail span {
41 + width: 8px;
42 + height: 8px;
43 + border-radius: 50%;
44 + background: var(--ice);
100 100   }
101 101  
102 - /* ---- Hero: flat brand colour, no imagery ---- */
103 - .fdt-hero {
104 - margin-top: 22px;
105 - border-radius: 6px;
106 - padding: 34px 34px 32px;
107 - background: linear-gradient(100deg,
108 - var(--fd-navy) 0%,
109 - var(--fd-navy) 56%,
110 - var(--fd-blue) 100%);
47 + .presence-rail span:nth-child(1) { background: var(--coral); }
48 + .presence-rail span:nth-child(2) { background: var(--blue); }
49 + .presence-rail span:nth-child(3) { background: var(--navy); opacity: .5; }
50 + .presence-rail span:nth-child(4) { background: var(--navy); opacity: .25; }
51 +
52 + .logo {
53 + height: 34px;
54 + margin-bottom: 22px;
111 111   }
112 112  
113 - /* red rule = brand accent motif (Brand Guide p.4) */
114 - .fdt-rule {
115 - width: 62px; height: 4px;
116 - background: var(--fd-red);
117 - border: 0;
118 - margin: 0 0 16px;
57 + header {
58 + text-align: center;
59 + max-width: 640px;
60 + margin-bottom: 56px;
119 119   }
120 120  
121 - .fdt-eyebrow {
122 - font-size: 16px;
63 + .eyebrow {
64 + font-size: 13px;
123 123   font-weight: 600;
124 - letter-spacing: 0.18em;
66 + letter-spacing: 0.14em;
125 125   text-transform: uppercase;
126 - color: var(--fd-blue-bright);
127 - margin-bottom: 9px;
68 + color: var(--blue);
69 + margin-bottom: 14px;
128 128   }
129 129  
130 - .fdt-hero h1 {
131 - font-size: clamp(26px, 3.6vw, 36px);
132 - font-weight: 800;
133 - line-height: 1.14;
134 - letter-spacing: -0.01em;
135 - color: var(--fd-white);
136 - margin: 0 0 12px;
72 + h1 {
73 + font-family: 'Fraunces', Georgia, serif;
74 + font-size: clamp(32px, 5vw, 48px);
75 + font-weight: 600;
76 + line-height: 1.1;
77 + color: var(--navy-deep);
78 + margin: 0 0 16px;
137 137   }
138 138  
139 - .fdt-hero p {
140 - font-size: 15.5px;
141 - font-weight: 300;
142 - line-height: 1.62;
143 - color: #dbe6ef;
81 + header p {
82 + font-size: 16px;
83 + line-height: 1.6;
84 + color: var(--muted);
144 144   margin: 0;
145 - max-width: 560px;
146 146   }
147 147  
148 - /* ---- Card grid ---- */
149 - .fdt-grid {
88 + .grid {
150 150   display: grid;
151 - grid-template-columns: repeat(2, 1fr);
90 + grid-template-columns: repeat(2, minmax(260px, 340px));
152 152   gap: 22px;
153 - margin-top: 24px;
92 + width: 100%;
93 + max-width: 760px;
154 154   }
155 155  
156 - .fdt-card {
96 + @media (max-width: 620px) {
97 + .grid { grid-template-columns: 1fr; }
98 + }
99 +
100 + .card {
101 + position: relative;
157 157   display: flex;
158 158   flex-direction: column;
159 - background: var(--fd-white);
160 - border: 1px solid var(--fd-bg-mid);
161 - border-radius: 6px;
162 - padding: 24px 24px 22px;
163 - height: 100%;
164 - text-decoration: none !important;
104 + align-items: flex-start;
105 + gap: 14px;
106 + background: var(--card-bg);
107 + border: 1px solid var(--line);
108 + border-radius: 14px;
109 + padding: 28px 26px;
110 + text-decoration: none;
165 165   color: inherit;
166 - transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
112 + transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
167 167   }
168 168  
169 - .fdt-card:hover {
170 - transform: translateY(-3px);
171 - border-color: var(--fd-blue-bright);
172 - box-shadow: 0 12px 26px rgba(0,51,102,0.14);
115 + .card:hover {
116 + transform: translateY(-4px);
117 + box-shadow: 0 14px 28px rgba(30, 39, 97, 0.12);
118 + border-color: transparent;
173 173   }
174 174  
175 - .fdt-card:focus-visible {
176 - outline: 3px solid var(--fd-blue-bright);
177 - outline-offset: 2px;
121 + .card:focus-visible {
122 + outline: 3px solid var(--coral);
123 + outline-offset: 3px;
178 178   }
179 179  
180 - .fdt-badge {
181 - width: 52px; height: 52px;
182 - border-radius: 8px;
183 - background: var(--fd-ice);
126 + .icon-wrap {
127 + width: 44px;
128 + height: 44px;
129 + border-radius: 10px;
130 + background: var(--ice);
184 184   display: flex;
185 185   align-items: center;
186 186   justify-content: center;
187 - margin-bottom: 16px;
188 - flex: 0 0 auto;
189 189   }
190 190  
191 - /* icons: dark-blue stroke, bright-blue accent (Brand Guide p.14) */
192 - .fdt-badge svg {
193 - width: 25px; height: 25px;
136 + .card:nth-child(2) .icon-wrap { background: var(--coral-tint); }
137 + .card:nth-child(3) .icon-wrap { background: var(--ice); }
138 + .card:nth-child(4) .icon-wrap { background: var(--coral-tint); }
139 +
140 + .icon-wrap svg {
141 + width: 22px;
142 + height: 22px;
143 + stroke: var(--navy-deep);
194 194   fill: none;
195 - stroke: var(--fd-navy);
196 - stroke-width: 1.7;
145 + stroke-width: 1.8;
197 197   stroke-linecap: round;
198 198   stroke-linejoin: round;
199 199   }
200 200  
201 - .fdt-badge svg .accent { stroke: var(--fd-blue-bright); }
202 -
203 - .fdt-title {
204 - display: block;
205 - font-size: 17.5px;
206 - font-weight: 800;
207 - line-height: 1.26;
208 - color: var(--fd-navy);
150 + .card-title {
151 + font-size: 18px;
152 + font-weight: 700;
153 + color: var(--navy-deep);
209 209   }
210 210  
211 - .fdt-sub {
212 - display: block;
213 - font-size: 14px;
214 - font-weight: 300;
215 - line-height: 1.6;
216 - color: var(--fd-body);
217 - margin-top: 7px;
156 + .card-desc {
157 + font-size: 13.5px;
158 + line-height: 1.5;
159 + color: var(--muted);
160 + margin: -6px 0 0;
218 218   }
219 219  
220 - .fdt-cta {
221 - display: flex;
222 - align-items: center;
223 - gap: 7px;
163 + .arrow {
224 224   margin-top: auto;
225 - padding-top: 18px;
165 + padding-top: 8px;
226 226   font-size: 13px;
227 227   font-weight: 600;
228 - color: var(--fd-red);
168 + color: var(--coral);
169 + display: flex;
170 + align-items: center;
171 + gap: 6px;
229 229   }
230 230  
231 - .fdt-cta svg {
232 - width: 15px; height: 15px;
174 + .arrow svg {
175 + width: 14px;
176 + height: 14px;
177 + stroke: var(--coral);
233 233   fill: none;
234 - stroke: var(--fd-red);
235 235   stroke-width: 2;
236 - stroke-linecap: round;
237 - stroke-linejoin: round;
238 - transition: transform .2s ease;
180 + transition: transform 0.18s ease;
239 239   }
240 240  
241 - .fdt-card:hover .fdt-cta svg { transform: translateX(4px); }
183 + .card:hover .arrow svg {
184 + transform: translateX(3px);
185 + }
242 242  
243 - /* ---- Footer ---- */
244 - .fdt-footer {
245 - margin-top: 30px;
246 - padding-top: 18px;
247 - border-top: 1px solid var(--fd-bg-mid);
248 - display: flex;
249 - justify-content: space-between;
250 - gap: 16px;
251 - flex-wrap: wrap;
187 + footer {
188 + margin-top: 56px;
252 252   font-size: 12.5px;
253 - color: var(--fd-secondary);
190 + color: var(--muted);
191 + text-align: center;
254 254   }
255 255  
256 - @media (max-width: 720px) {
257 - .fdt-grid { grid-template-columns: 1fr; }
258 - .fdt-hub { padding: 0 12px 24px; }
259 - .fdt-masthead img { height: 38px; }
260 - .fdt-hero { padding: 26px 22px 24px; }
261 - .fdt-footer { justify-content: flex-start; }
262 - }
263 -
264 264   @media (prefers-reduced-motion: reduce) {
265 - .fdt-card, .fdt-cta svg { transition: none; }
195 + .card, .arrow svg { transition: none; }
266 266   }
197 +
267 267  </style>
268 268  
269 -<div class="fdt-hub">
270 270  
271 - <div class="fdt-masthead">
272 - <img src="https://learn.firstdigital.com/bin/download/Main/WebHome/FirstDigital-Logo.png?rev=1.3" alt="FirstDigital">
273 - <span class="fdt-masthead-label">Fiber &middot; Internet &middot; Cloud &middot; Voice</span>
201 +<div class="fd-teams-hub">
202 + <img class="logo" src="data:image/png;base64,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" alt="FirstDigital">
203 +
204 + <div class="presence-rail">
205 + <span></span><span></span><span></span><span></span>
274 274   </div>
275 275  
276 - <section class="fdt-hero">
277 - <hr class="fdt-rule">
278 - <div class="fdt-eyebrow">Microsoft Teams</div>
208 + <header>
209 + <div class="eyebrow">Microsoft Teams</div>
279 279   <h1>Resource Hub</h1>
280 - <p>Everything you need to set up, use, and troubleshoot Microsoft Teams voice and calling &mdash; in one place, with local support from a real human.</p>
281 - </section>
211 + <p>Everything you need to set up, use, and troubleshoot Microsoft Teams voice and calling &mdash; organized in one place.</p>
212 + </header>
282 282  
283 - <nav class="fdt-grid" aria-label="Microsoft Teams resources">
214 + <nav class="grid" aria-label="Microsoft Teams resource categories">
284 284  
285 - <a class="fdt-card" href="#">
286 - <span class="fdt-badge">
287 - <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 18h6M10 21h4"/><path class="accent" d="M12 3a6 6 0 0 0-4 10.5c.6.6 1 1.4 1 2.5h6c0-1.1.4-1.9 1-2.5A6 6 0 0 0 12 3z"/></svg>
288 - </span>
289 - <span class="fdt-title">How To&rsquo;s</span>
290 - <span class="fdt-sub">Step-by-step walkthroughs for everyday Teams tasks &mdash; ordering numbers, assigning users, and routing calls.</span>
291 - <span class="fdt-cta">Browse guides <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
216 + <a class="card" href="#" aria-label="How To's">
217 + <div class="icon-wrap">
218 + <svg viewBox="0 0 24 24"><path d="M9 18h6M10 21h4M12 3a6 6 0 0 0-4 10.5c.6.6 1 1.4 1 2.5h6c0-1.1.4-1.9 1-2.5A6 6 0 0 0 12 3z"/></svg>
219 + </div>
220 + <div class="card-title">How To's</div>
221 + <p class="card-desc">Step-by-step walkthroughs for common Teams tasks and configurations.</p>
222 + <div class="arrow">Browse guides <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></div>
292 292   </a>
293 293  
294 - <a class="fdt-card" href="#">
295 - <span class="fdt-badge">
296 - <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12a8 8 0 1 1 3.5 6.6L4 20l1.4-3.5A7.96 7.96 0 0 1 4 12z"/><path class="accent" d="M12 16.5v.01M12 13.6c0-1.9 2-1.9 2-3.6a2 2 0 0 0-4 0"/></svg>
297 - </span>
298 - <span class="fdt-title">Q&amp;A&rsquo;s</span>
299 - <span class="fdt-sub">Answers to the questions our support team hears most often about Teams calling and configuration.</span>
300 - <span class="fdt-cta">See answers <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
225 + <a class="card" href="#" aria-label="Q and A's">
226 + <div class="icon-wrap">
227 + <svg viewBox="0 0 24 24"><path d="M12 17v.01M12 14c0-2 2-2 2-4a2 2 0 0 0-4 0M4 12a8 8 0 1 1 3.5 6.6L4 20l1.4-3.5A7.96 7.96 0 0 1 4 12z"/></svg>
228 + </div>
229 + <div class="card-title">Q&amp;A's</div>
230 + <p class="card-desc">Answers to the questions we hear most often about Teams calling.</p>
231 + <div class="arrow">See answers <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></div>
301 301   </a>
302 302  
303 - <a class="fdt-card" href="#">
304 - <span class="fdt-badge">
305 - <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6h16M4 12h9M4 18h16"/><path class="accent" d="M16 9l3 3-3 3"/></svg>
306 - </span>
307 - <span class="fdt-title">Implementation Process</span>
308 - <span class="fdt-sub">What to expect from kickoff through go-live, including timelines, milestones, and who to contact at each stage.</span>
309 - <span class="fdt-cta">View process <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
234 + <a class="card" href="#" aria-label="Implementation Process">
235 + <div class="icon-wrap">
236 + <svg viewBox="0 0 24 24"><path d="M4 5h16M4 12h10M4 19h16M17 9l3 3-3 3"/></svg>
237 + </div>
238 + <div class="card-title">Implementation Process</div>
239 + <p class="card-desc">What to expect from kickoff to go-live when rolling out Teams.</p>
240 + <div class="arrow">View process <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></div>
310 310   </a>
311 311  
312 - <a class="fdt-card" href="#">
313 - <span class="fdt-badge">
314 - <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7 3h7l5 5v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z"/><path d="M14 3v5h5"/><path class="accent" d="M9.5 13.5h5M9.5 17h5"/></svg>
315 - </span>
316 - <span class="fdt-title">Helpful Docs</span>
317 - <span class="fdt-sub">Reference material, checklists, and downloadable resources to keep your team moving.</span>
318 - <span class="fdt-cta">Open docs <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h15M13 6l6 6-6 6"/></svg></span>
243 + <a class="card" href="#" aria-label="Helpful Docs">
244 + <div class="icon-wrap">
245 + <svg viewBox="0 0 24 24"><path d="M7 3h7l5 5v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z"/><path d="M14 3v5h5M9 13h6M9 17h6"/></svg>
246 + </div>
247 + <div class="card-title">Helpful Docs</div>
248 + <p class="card-desc">Reference material, checklists, and downloadable resources.</p>
249 + <div class="arrow">Open docs <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></div>
319 319   </a>
320 320  
321 321   </nav>
322 322  
323 - <div class="fdt-footer">
324 - <span>FirstDigital &middot; Microsoft Teams Resource Hub</span>
325 - <span>Need help? Contact your FirstDigital support team at 801-456-1000 or support@firstdigital.com.</span>
326 - </div>
327 -
254 + <footer>FirstDigital &middot; Microsoft Teams Resource Hub</footer>
328 328  </div>
329 329  {{/html}}