Skip to Content

Changes for page MS Teams Home Page:

Last modified by Chris Workman on 2026/08/21 22:35
From version 6.1
edited by Chris Workman
on 2026/07/27 16:20
Change comment: There is no comment for this version
To version 21.1
edited by Chris Workman
on 2026/07/27 20:58
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,254 +1,329 @@
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 1  <style>
2 -@import url('[[https:~~/~~/fonts.googleapis.com/css2?family=Fraunces:wght@500;600&family=Inter:wght@400;500;600;700&display=swap');>>https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600&family=Inter:wght@400;500;600;700&display=swap');]]
47 +@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;600;800&display=swap');
3 3  
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; }
4 4  
5 - :root {
6 - --navy: #00346A;
7 - --navy-deep: #00284F;
8 - --blue: #007CB6;
9 - --ice: #E3F1F8;
10 - --coral: #E11636;
11 - --coral-tint: #FCE1E5;
12 - --bg: #F5F8FB;
13 - --ink: #16232F;
14 - --muted: #5A6472;
15 - --card-bg: #FFFFFF;
16 - --line: #E1E8EE;
17 - }--
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;
65 + }
18 18  
19 -* { box-sizing: border-box; }
67 + .fdt-hub, .fdt-hub * { box-sizing: border-box; }
20 20  
21 - .fd-teams-hub {
22 - margin: 0;
23 - background: var(--bg);
24 - color: var(--ink);
25 - font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
26 - display: flex;
27 - flex-direction: column;
28 - align-items: center;
29 - padding: 6vh 6vw 4vh;
30 - border-radius: 16px;
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;
31 31   }
32 32  
33 - .presence-rail {
80 + /* ---- Masthead: full-colour logo on white (Logo Rules, p.10) ---- */
81 + .fdt-masthead {
34 34   display: flex;
35 - gap: 8px;
36 - margin-bottom: 28px;
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);
37 37   }
38 38  
39 - .presence-rail span {
40 - width: 8px;
41 - height: 8px;
42 - border-radius: 50%;
43 - background: var(--ice);
44 - }--
91 + .fdt-masthead img { height: 46px; width: auto; display: block; }
45 45  
46 - .presence-rail span:nth-child(1) { background: var(--coral); }
47 - .presence-rail span:nth-child(2) { background: var(--blue); }
48 - .presence-rail span:nth-child(3) { background: var(--navy); opacity: .5; }
49 - .presence-rail span:nth-child(4) { background: var(--navy); opacity: .25; }
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;
100 + }
50 50  
51 - .logo {
52 - height: 34px;
53 - margin-bottom: 22px;
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%);
54 54   }
55 55  
56 - header {
57 - text-align: center;
58 - max-width: 640px;
59 - margin-bottom: 56px;
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;
60 60   }
61 61  
62 - .eyebrow {
63 - font-size: 13px;
121 + .fdt-eyebrow {
122 + font-size: 12px;
64 64   font-weight: 600;
65 - letter-spacing: 0.14em;
124 + letter-spacing: 0.18em;
66 66   text-transform: uppercase;
67 - color: var(--blue);
68 - margin-bottom: 14px;
69 - }--
126 + color: var(--fd-blue-bright);
127 + margin-bottom: 9px;
128 + }
70 70  
71 - h1 {
72 - font-family: 'Fraunces', Georgia, serif;
73 - font-size: clamp(32px, 5vw, 48px);
74 - font-weight: 600;
75 - line-height: 1.1;
76 - color: var(--navy-deep);
77 - margin: 0 0 16px;
78 - }--
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;
137 + }
79 79  
80 - header p {
81 - font-size: 16px;
82 - line-height: 1.6;
83 - color: var(--muted);
139 + .fdt-hero p {
140 + font-size: 15.5px;
141 + font-weight: 300;
142 + line-height: 1.62;
143 + color: #dbe6ef;
84 84   margin: 0;
85 - }--
145 + max-width: 560px;
146 + }
86 86  
87 - .grid {
148 + /* ---- Card grid ---- */
149 + .fdt-grid {
88 88   display: grid;
89 - grid-template-columns: repeat(2, minmax(260px, 340px));
151 + grid-template-columns: repeat(2, 1fr);
90 90   gap: 22px;
91 - width: 100%;
92 - max-width: 760px;
153 + margin-top: 24px;
93 93   }
94 94  
95 - @media (max-width: 620px) {
96 - .grid { grid-template-columns: 1fr; }
97 - }
98 -
99 - .card {
100 - position: relative;
156 + .fdt-card {
101 101   display: flex;
102 102   flex-direction: column;
103 - align-items: flex-start;
104 - gap: 14px;
105 - background: var(--card-bg);
106 - border: 1px solid var(--line);
107 - border-radius: 14px;
108 - padding: 28px 26px;
109 - text-decoration: none;
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;
110 110   color: inherit;
111 - transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
166 + transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
112 112   }
113 113  
114 - .card:hover {
115 - transform: translateY(-4px);
116 - box-shadow: 0 14px 28px rgba(30, 39, 97, 0.12);
117 - border-color: transparent;
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);
118 118   }
119 119  
120 - .card:focus-visible {
121 - outline: 3px solid var(--coral);
122 - outline-offset: 3px;
123 - }--
175 + .fdt-card:focus-visible {
176 + outline: 3px solid var(--fd-blue-bright);
177 + outline-offset: 2px;
178 + }
124 124  
125 - .icon-wrap {
126 - width: 44px;
127 - height: 44px;
128 - border-radius: 10px;
129 - background: var(--ice);
180 + .fdt-badge {
181 + width: 52px; height: 52px;
182 + border-radius: 8px;
183 + background: var(--fd-ice);
130 130   display: flex;
131 131   align-items: center;
132 132   justify-content: center;
133 - }--
187 + margin-bottom: 16px;
188 + flex: 0 0 auto;
189 + }
134 134  
135 - .card:nth-child(2) .icon-wrap { background: var(--coral-tint); }
136 - .card:nth-child(3) .icon-wrap { background: var(--ice); }
137 - .card:nth-child(4) .icon-wrap { background: var(--coral-tint); }--
138 -
139 - .icon-wrap svg {
140 - width: 22px;
141 - height: 22px;
142 - stroke: var(--navy-deep);
191 + /* icons: dark-blue stroke, bright-blue accent (Brand Guide p.14) */
192 + .fdt-badge svg {
193 + width: 25px; height: 25px;
143 143   fill: none;
144 - stroke-width: 1.8;
195 + stroke: var(--fd-navy);
196 + stroke-width: 1.7;
145 145   stroke-linecap: round;
146 146   stroke-linejoin: round;
147 - }--
199 + }
148 148  
149 - .card-title {
150 - font-size: 18px;
151 - font-weight: 700;
152 - color: var(--navy-deep);
153 - }--
201 + .fdt-badge svg .accent { stroke: var(--fd-blue-bright); }
154 154  
155 - .card-desc {
156 - font-size: 13.5px;
157 - line-height: 1.5;
158 - color: var(--muted);
159 - margin: -6px 0 0;
160 - }--
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);
209 + }
161 161  
162 - .arrow {
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;
218 + }
219 +
220 + .fdt-cta {
221 + display: flex;
222 + align-items: center;
223 + gap: 7px;
163 163   margin-top: auto;
164 - padding-top: 8px;
225 + padding-top: 18px;
165 165   font-size: 13px;
166 166   font-weight: 600;
167 - color: var(--coral);
168 - display: flex;
169 - align-items: center;
170 - gap: 6px;
171 - }--
228 + color: var(--fd-red);
229 + }
172 172  
173 - .arrow svg {
174 - width: 14px;
175 - height: 14px;
176 - stroke: var(--coral);
231 + .fdt-cta svg {
232 + width: 15px; height: 15px;
177 177   fill: none;
234 + stroke: var(--fd-red);
178 178   stroke-width: 2;
179 - transition: transform 0.18s ease;
180 - }--
181 -
182 - .card:hover .arrow svg {
183 - transform: translateX(3px);
236 + stroke-linecap: round;
237 + stroke-linejoin: round;
238 + transition: transform .2s ease;
184 184   }
185 185  
186 - footer {
187 - margin-top: 56px;
241 + .fdt-card:hover .fdt-cta svg { transform: translateX(4px); }
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;
188 188   font-size: 12.5px;
189 - color: var(--muted);
190 - text-align: center;
191 - }--
253 + color: var(--fd-secondary);
254 + }
192 192  
193 - @media (prefers-reduced-motion: reduce) {
194 - .card, .arrow svg { transition: none; }
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; }
195 195   }
196 196  
264 + @media (prefers-reduced-motion: reduce) {
265 + .fdt-card, .fdt-cta svg { transition: none; }
266 + }
197 197  </style>
198 198  
269 +<div class="fdt-hub">
199 199  
200 -<div class="fd-teams-hub">
201 - <img class="logo" src="data:image/png;base64,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" alt="FirstDigital">
202 -
203 - <div class="presence-rail">
204 - <span></span><span></span><span></span><span></span>
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>
205 205   </div>
206 206  
207 - <header>
208 - <div class="eyebrow">Microsoft Teams</div>
276 + <section class="fdt-hero">
277 + <hr class="fdt-rule">
278 + <div class="fdt-eyebrow">Microsoft Teams</div>
209 209   <h1>Resource Hub</h1>
210 - <p>Everything you need to set up, use, and troubleshoot Microsoft Teams voice and calling &mdash; organized in one place.</p>
211 - </header>
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>
212 212  
213 - <nav class="grid" aria-label="Microsoft Teams resource categories">
283 + <nav class="fdt-grid" aria-label="Microsoft Teams resources">
214 214  
215 - <a class="card" href="#" aria-label="How To's">
216 - <div class="icon-wrap">
217 - <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>
218 - </div>
219 - <div class="card-title">How To's</div>
220 - <p class="card-desc">Step-by-step walkthroughs for common Teams tasks and configurations.</p>
221 - <div class="arrow">Browse guides <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></div>
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>
222 222   </a>
223 223  
224 - <a class="card" href="#" aria-label="Q and A's">
225 - <div class="icon-wrap">
226 - <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>
227 - </div>
228 - <div class="card-title">Q&amp;A's</div>
229 - <p class="card-desc">Answers to the questions we hear most often about Teams calling.</p>
230 - <div class="arrow">See answers <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></div>
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>
231 231   </a>
232 232  
233 - <a class="card" href="#" aria-label="Implementation Process">
234 - <div class="icon-wrap">
235 - <svg viewBox="0 0 24 24"><path d="M4 5h16M4 12h10M4 19h16M17 9l3 3-3 3"/></svg>
236 - </div>
237 - <div class="card-title">Implementation Process</div>
238 - <p class="card-desc">What to expect from kickoff to go-live when rolling out Teams.</p>
239 - <div class="arrow">View process <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></div>
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>
240 240   </a>
241 241  
242 - <a class="card" href="#" aria-label="Helpful Docs">
243 - <div class="icon-wrap">
244 - <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>
245 - </div>
246 - <div class="card-title">Helpful Docs</div>
247 - <p class="card-desc">Reference material, checklists, and downloadable resources.</p>
248 - <div class="arrow">Open docs <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></div>
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>
249 249   </a>
250 250  
251 251   </nav>
252 252  
253 - <footer>FirstDigital &middot; Microsoft Teams Resource Hub</footer>
323 + <div class="fdt-footer">
324 + <span>FirstDigital &middot; Microsoft Teams Resource Hub</span>
325 + <span>Need help? Contact your FirstDigital support team.</span>
326 + </div>
327 +
254 254  </div>
329 +{{/html}}