Skip to Content
Last modified by Chris Workman on 2026/08/17 22:54
From version 9.1
edited by Chris Workman
on 2026/08/17 22:54
Change comment: There is no comment for this version
To version 1.1
edited by Chris Workman
on 2026/08/17 22:35
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Caller ID Name (CNAM) Info:
1 +CNAM Information
Content
... ... @@ -1,64 +1,58 @@
1 1  {{html clean="false"}}
2 -<!--
3 - XWiki usage: paste everything below into an HTML macro, e.g.
4 4  
5 - {{html clean="false"}}
6 - ... paste this whole file's contents here ...
7 - {{/html}}
8 -
9 - This is a self-contained FRAGMENT (no <html>/<head>/<body> tags), scoped
10 - under the .fd-cnam-wiki wrapper so it won't leak styles onto the rest of
11 - the XWiki page or get double-rendered. Do not paste the old full-page
12 - version (with <!DOCTYPE html>) into the macro -- that caused the
13 - duplicated-page issue, since XWiki's page template already provides its
14 - own <html>/<body> and a second one nested inside gets parsed twice.
15 --->
3 +<html lang="en">
4 +<head>
5 +<meta charset="UTF-8">
6 +<meta name="viewport" content="width=device-width, initial-scale=1.0">
7 +<title>Caller ID Name (CNAM) — FirstDigital Wiki</title>
8 +<link rel="preconnect" href="https://fonts.googleapis.com">
9 +<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10 +<link href="https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
16 16  <style>
12 + :root{
13 + --navy:#003366;
14 + --blue:#307ab2;
15 + --sky:#38b2e3;
16 + --red:#cf333d;
17 + --slate:#2e404d;
18 + --grey:#8f9499;
19 + --lightgrey:#dedede;
20 + --offwhite:#f0f0f0;
21 + --max-w: 960px;
22 + }
17 17  
18 - @import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap');
24 + *{ box-sizing:border-box; }
19 19  
20 - .fd-cnam-wiki, .fd-cnam-wiki *{ box-sizing:border-box; }
21 -
22 - .fd-cnam-wiki{
23 - --fd-navy:#003366;
24 - --fd-blue:#307ab2;
25 - --fd-sky:#38b2e3;
26 - --fd-red:#cf333d;
27 - --fd-slate:#2e404d;
28 - --fd-grey:#8f9499;
29 - --fd-lightgrey:#dedede;
30 - --fd-offwhite:#f0f0f0;
31 - --fd-max-w: 960px;
32 -
33 - display:block;
26 + body{
27 + margin:0;
34 34   font-family:'Host Grotesk','Poppins','Segoe UI',system-ui,sans-serif;
35 - color:var(--fd-slate);
29 + color:var(--slate);
36 36   background:#ffffff;
37 37   font-weight:300;
38 38   line-height:1.6;
39 39   }
40 40  
41 - .fd-cnam-wiki a{ color:var(--fd-blue); }
35 + a{ color:var(--blue); }
42 42  
43 43   /* ---------- HERO ---------- */
44 - .fd-cnam-wiki .hero{
38 + .hero{
45 45   position:relative;
46 - background:var(--fd-navy);
40 + background:var(--navy);
47 47   overflow:hidden;
48 48   padding:52px 32px 64px;
49 49   }
50 - .fd-cnam-wiki .hero-inner{
51 - max-width:var(--fd-max-w);
44 + .hero-inner{
45 + max-width:var(--max-w);
52 52   margin:0 auto;
53 53   position:relative;
54 54   z-index:2;
55 55   }
56 - .fd-cnam-wiki .hero .logo{
50 + .hero .logo{
57 57   height:34px;
58 58   margin-bottom:36px;
59 59   display:block;
60 60   }
61 - .fd-cnam-wiki .hero h1{
55 + .hero h1{
62 62   color:#ffffff;
63 63   font-weight:800;
64 64   font-size:2.4rem;
... ... @@ -65,8 +65,8 @@
65 65   margin:0 0 10px;
66 66   letter-spacing:-0.01em;
67 67   }
68 - .fd-cnam-wiki .hero p.kicker{
69 - color:var(--fd-sky);
62 + .hero p.kicker{
63 + color:var(--sky);
70 70   font-weight:700;
71 71   text-transform:uppercase;
72 72   letter-spacing:.08em;
... ... @@ -73,7 +73,7 @@
73 73   font-size:.8rem;
74 74   margin:0 0 8px;
75 75   }
76 - .fd-cnam-wiki .hero p.sub{
70 + .hero p.sub{
77 77   color:#dbe9f4;
78 78   font-weight:300;
79 79   font-size:1.05rem;
... ... @@ -80,7 +80,7 @@
80 80   max-width:560px;
81 81   margin:0;
82 82   }
83 - .fd-cnam-wiki .wave{
77 + .wave{
84 84   position:absolute;
85 85   top:0; right:0; bottom:0;
86 86   width:70%;
... ... @@ -89,12 +89,12 @@
89 89   }
90 90  
91 91   /* ---------- TOC / QUICK NAV ---------- */
92 - .fd-cnam-wiki .toc-wrap{
93 - background:var(--fd-offwhite);
94 - border-bottom:1px solid var(--fd-lightgrey);
86 + .toc-wrap{
87 + background:var(--offwhite);
88 + border-bottom:1px solid var(--lightgrey);
95 95   }
96 - .fd-cnam-wiki .toc{
97 - max-width:var(--fd-max-w);
90 + .toc{
91 + max-width:var(--max-w);
98 98   margin:0 auto;
99 99   padding:16px 32px;
100 100   display:flex;
... ... @@ -101,9 +101,9 @@
101 101   flex-wrap:wrap;
102 102   gap:6px 28px;
103 103   }
104 - .fd-cnam-wiki .toc a{
98 + .toc a{
105 105   text-decoration:none;
106 - color:var(--fd-navy);
100 + color:var(--navy);
107 107   font-weight:600;
108 108   font-size:.85rem;
109 109   letter-spacing:.02em;
... ... @@ -111,66 +111,66 @@
111 111   border-bottom:2px solid transparent;
112 112   transition:border-color .15s ease;
113 113   }
114 - .fd-cnam-wiki .toc a:hover{ border-color:var(--fd-sky); }
108 + .toc a:hover{ border-color:var(--sky); }
115 115  
116 116   /* ---------- MAIN ---------- */
117 - .fd-cnam-wiki main{
118 - max-width:var(--fd-max-w);
111 + main{
112 + max-width:var(--max-w);
119 119   margin:0 auto;
120 120   padding:48px 32px 16px;
121 121   }
122 122  
123 - .fd-cnam-wiki section{
117 + section{
124 124   margin-bottom:52px;
125 125   padding-top:8px;
126 126   scroll-margin-top:24px;
127 127   }
128 - .fd-cnam-wiki section:last-of-type{ margin-bottom:32px; }
122 + section:last-of-type{ margin-bottom:32px; }
129 129  
130 - .fd-cnam-wiki h2{
131 - color:var(--fd-navy);
124 + h2{
125 + color:var(--navy);
132 132   font-weight:800;
133 133   font-size:1.5rem;
134 134   margin:0 0 6px;
135 135   letter-spacing:-0.005em;
136 136   }
137 - .fd-cnam-wiki .rule{
131 + .rule{
138 138   width:56px;
139 139   height:4px;
140 - background:var(--fd-red);
134 + background:var(--red);
141 141   border:none;
142 142   margin:0 0 20px;
143 143   border-radius:2px;
144 144   }
145 - .fd-cnam-wiki h3{
146 - color:var(--fd-blue);
139 + h3{
140 + color:var(--blue);
147 147   font-weight:700;
148 148   font-size:1.05rem;
149 149   margin:0 0 10px;
150 150   }
151 - .fd-cnam-wiki p{
145 + p{
152 152   margin:0 0 14px;
153 153   font-weight:300;
154 - color:var(--fd-slate);
148 + color:var(--slate);
155 155   }
156 - .fd-cnam-wiki .lede{
157 - color:var(--fd-blue);
150 + .lede{
151 + color:var(--blue);
158 158   font-weight:600;
159 159   font-size:1.1rem;
160 160   }
161 161  
162 - .fd-cnam-wiki ul.plain{
156 + ul.plain{
163 163   margin:0 0 14px;
164 164   padding-left:20px;
165 165   }
166 - .fd-cnam-wiki ul.plain li{
160 + ul.plain li{
167 167   margin-bottom:8px;
168 168   font-weight:300;
169 169   }
170 170  
171 171   /* checklist-style guideline box, echoing the brand guide's column callouts */
172 - .fd-cnam-wiki .guideline-box{
173 - background:var(--fd-offwhite);
166 + .guideline-box{
167 + background:var(--offwhite);
174 174   border-radius:12px;
175 175   padding:28px 32px;
176 176   display:grid;
... ... @@ -177,43 +177,43 @@
177 177   grid-template-columns:repeat(auto-fit, minmax(190px,1fr));
178 178   gap:0;
179 179   }
180 - .fd-cnam-wiki .guideline-box .item{
174 + .guideline-box .item{
181 181   padding:0 24px;
182 - border-left:3px solid var(--fd-red);
176 + border-left:3px solid var(--red);
183 183   }
184 - .fd-cnam-wiki .guideline-box .item:first-child{
178 + .guideline-box .item:first-child{
185 185   border-left:none;
186 186   padding-left:0;
187 187   }
188 - .fd-cnam-wiki .guideline-box .item p{
182 + .guideline-box .item p{
189 189   margin:0;
190 190   font-weight:500;
191 - color:var(--fd-slate);
185 + color:var(--slate);
192 192   font-size:.95rem;
193 193   }
194 194  
195 195   /* prohibited-content callout */
196 - .fd-cnam-wiki .warning-box{
190 + .warning-box{
197 197   background:#ffffff;
198 - border:1px solid var(--fd-lightgrey);
199 - border-left:4px solid var(--fd-red);
192 + border:1px solid var(--lightgrey);
193 + border-left:4px solid var(--red);
200 200   border-radius:8px;
201 201   padding:24px 28px;
202 202   }
203 - .fd-cnam-wiki .warning-box p.lead{
197 + .warning-box p.lead{
204 204   font-weight:300;
205 205   margin-bottom:16px;
206 206   }
207 - .fd-cnam-wiki .warning-box ul.plain{
201 + .warning-box ul.plain{
208 208   margin-bottom:0;
209 209   }
210 - .fd-cnam-wiki .warning-box ul.plain li::marker{
211 - color:var(--fd-red);
204 + .warning-box ul.plain li::marker{
205 + color:var(--red);
212 212   }
213 213  
214 214   /* CTA / update box */
215 - .fd-cnam-wiki .cta-box{
216 - background:var(--fd-navy);
209 + .cta-box{
210 + background:var(--navy);
217 217   border-radius:12px;
218 218   padding:32px 36px;
219 219   display:flex;
... ... @@ -222,16 +222,16 @@
222 222   justify-content:space-between;
223 223   gap:20px;
224 224   }
225 - .fd-cnam-wiki .cta-box p{
219 + .cta-box p{
226 226   color:#e7f1f9;
227 227   font-weight:300;
228 228   margin:0;
229 229   max-width:480px;
230 230   }
231 - .fd-cnam-wiki .cta-box a.btn{
225 + .cta-box a.btn{
232 232   display:inline-block;
233 233   background:transparent;
234 - border:2px solid var(--fd-sky);
228 + border:2px solid var(--sky);
235 235   color:#ffffff;
236 236   text-decoration:none;
237 237   font-weight:700;
... ... @@ -241,35 +241,34 @@
241 241   white-space:nowrap;
242 242   transition:background .15s ease;
243 243   }
244 - .fd-cnam-wiki .cta-box a.btn:hover{ background:var(--fd-sky); }
238 + .cta-box a.btn:hover{ background:var(--sky); }
245 245  
246 - .fd-cnam-wiki footer{
247 - max-width:var(--fd-max-w);
240 + footer{
241 + max-width:var(--max-w);
248 248   margin:0 auto;
249 249   padding:24px 32px 48px;
250 250   display:flex;
251 251   align-items:center;
252 252   gap:12px;
253 - color:var(--fd-grey);
247 + color:var(--grey);
254 254   font-size:.8rem;
255 255   }
256 - .fd-cnam-wiki footer img{ height:18px; opacity:.8; }
250 + footer img{ height:18px; opacity:.8; }
257 257  
258 258   @media (max-width:600px){
259 - .fd-cnam-wiki .hero{ padding:36px 20px 48px; }
260 - .fd-cnam-wiki .hero h1{ font-size:1.7rem; }
261 - .fd-cnam-wiki main{ padding:36px 20px 8px; }
262 - .fd-cnam-wiki .toc{ padding:14px 20px; }
263 - .fd-cnam-wiki .guideline-box{ padding:24px; }
264 - .fd-cnam-wiki .guideline-box .item{ border-left:none; padding:0 0 16px; border-bottom:1px solid var(--fd-lightgrey); }
265 - .fd-cnam-wiki .guideline-box .item:last-child{ border-bottom:none; padding-bottom:0; }
266 - .fd-cnam-wiki .cta-box{ flex-direction:column; align-items:flex-start; }
253 + .hero{ padding:36px 20px 48px; }
254 + .hero h1{ font-size:1.7rem; }
255 + main{ padding:36px 20px 8px; }
256 + .toc{ padding:14px 20px; }
257 + .guideline-box{ padding:24px; }
258 + .guideline-box .item{ border-left:none; padding:0 0 16px; border-bottom:1px solid var(--lightgrey); }
259 + .guideline-box .item:last-child{ border-bottom:none; padding-bottom:0; }
260 + .cta-box{ flex-direction:column; align-items:flex-start; }
267 267   }
268 -
269 269  </style>
270 -<div class="fd-cnam-wiki">
263 +</head>
264 +<body>
271 271  
272 -
273 273  <div class="hero">
274 274   <svg class="wave" viewBox="0 0 800 500" preserveAspectRatio="xMaxYMin slice" xmlns="http://www.w3.org/2000/svg">
275 275   <path d="M800,0 C620,40 560,140 620,220 C680,300 800,300 800,300 Z" fill="#307ab2" opacity="0.35"/>
... ... @@ -354,6 +354,7 @@
354 354   <span>FirstDigital · Internal Wiki</span>
355 355  </footer>
356 356  
357 -
358 -</div>
350 +</body>
359 359  {{/html}}
352 +
353 +Caller ID Name (CNAM) — FirstDigital Wiki