Skip to Content

Changes for page MS Teams Home Page:

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

Summary

Details

Page properties
Content
... ... @@ -1,23 +2,22 @@
1 -{{html clean="false"}}
2 2  <style>
3 -@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600&family=Inter:wght@400;500;600;700&display=swap');
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');]]
4 4  
5 5  
6 6   :root {
7 - --navy: #00346A;
6 + --navy: #00346A;
8 8   --navy-deep: #00284F;
9 - --blue: #007CB6;
8 + --blue: #007CB6;
10 10   --ice: #E3F1F8;
11 - --coral: #E11636;
10 + --coral: #E11636;
12 12   --coral-tint: #FCE1E5;
13 - --bg: #F5F8FB;
12 + --bg: #F5F8FB;
14 14   --ink: #16232F;
15 - --muted: #5A6472;
14 + --muted: #5A6472;
16 16   --card-bg: #FFFFFF;
17 - --line: #E1E8EE;
18 - }
16 + --line: #E1E8EE;
17 + }--
19 19  
20 - * { box-sizing: border-box; }
19 +* { box-sizing: border-box; }
21 21  
22 22   .fd-teams-hub {
23 23   margin: 0;
... ... @@ -42,7 +42,7 @@
42 42   height: 8px;
43 43   border-radius: 50%;
44 44   background: var(--ice);
45 - }
44 + }--
46 46  
47 47   .presence-rail span:nth-child(1) { background: var(--coral); }
48 48   .presence-rail span:nth-child(2) { background: var(--blue); }
... ... @@ -67,7 +67,7 @@
67 67   text-transform: uppercase;
68 68   color: var(--blue);
69 69   margin-bottom: 14px;
70 - }
69 + }--
71 71  
72 72   h1 {
73 73   font-family: 'Fraunces', Georgia, serif;
... ... @@ -76,7 +76,7 @@
76 76   line-height: 1.1;
77 77   color: var(--navy-deep);
78 78   margin: 0 0 16px;
79 - }
78 + }--
80 80  
81 81   header p {
82 82   font-size: 16px;
... ... @@ -83,7 +83,7 @@
83 83   line-height: 1.6;
84 84   color: var(--muted);
85 85   margin: 0;
86 - }
85 + }--
87 87  
88 88   .grid {
89 89   display: grid;
... ... @@ -121,7 +121,7 @@
121 121   .card:focus-visible {
122 122   outline: 3px solid var(--coral);
123 123   outline-offset: 3px;
124 - }
123 + }--
125 125  
126 126   .icon-wrap {
127 127   width: 44px;
... ... @@ -131,11 +131,11 @@
131 131   display: flex;
132 132   align-items: center;
133 133   justify-content: center;
134 - }
133 + }--
135 135  
136 136   .card:nth-child(2) .icon-wrap { background: var(--coral-tint); }
137 137   .card:nth-child(3) .icon-wrap { background: var(--ice); }
138 - .card:nth-child(4) .icon-wrap { background: var(--coral-tint); }
137 + .card:nth-child(4) .icon-wrap { background: var(--coral-tint); }--
139 139  
140 140   .icon-wrap svg {
141 141   width: 22px;
... ... @@ -145,13 +145,13 @@
145 145   stroke-width: 1.8;
146 146   stroke-linecap: round;
147 147   stroke-linejoin: round;
148 - }
147 + }--
149 149  
150 150   .card-title {
151 151   font-size: 18px;
152 152   font-weight: 700;
153 153   color: var(--navy-deep);
154 - }
153 + }--
155 155  
156 156   .card-desc {
157 157   font-size: 13.5px;
... ... @@ -158,7 +158,7 @@
158 158   line-height: 1.5;
159 159   color: var(--muted);
160 160   margin: -6px 0 0;
161 - }
160 + }--
162 162  
163 163   .arrow {
164 164   margin-top: auto;
... ... @@ -169,7 +169,7 @@
169 169   display: flex;
170 170   align-items: center;
171 171   gap: 6px;
172 - }
171 + }--
173 173  
174 174   .arrow svg {
175 175   width: 14px;
... ... @@ -178,7 +178,7 @@
178 178   fill: none;
179 179   stroke-width: 2;
180 180   transition: transform 0.18s ease;
181 - }
180 + }--
182 182  
183 183   .card:hover .arrow svg {
184 184   transform: translateX(3px);
... ... @@ -189,7 +189,7 @@
189 189   font-size: 12.5px;
190 190   color: var(--muted);
191 191   text-align: center;
192 - }
191 + }--
193 193  
194 194   @media (prefers-reduced-motion: reduce) {
195 195   .card, .arrow svg { transition: none; }
... ... @@ -253,4 +253,3 @@
253 253  
254 254   <footer>FirstDigital &middot; Microsoft Teams Resource Hub</footer>
255 255  </div>
256 -{{/html}}