Skip to Content

Wiki source code of Home

Version 34.1 by Aaron Blackburn on 2026/07/22 20:34
Show last authors
1 {{html}}
2 <div class="modern-menu-container">
3 <div class="row">
4 <!-- Card 1: Webex -->
5 <a href="TARGET_URL_FOR_WEBEX" class="menu-card-link">
6 <div class="menu-card">
7 <div class="menu-icon-container" style="color: #0060ff;">
8 <svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
9 </div>
10 <div class="menu-text">
11 <div class="menu-title">Cloud Connected PSTN (CCP)</div>
12 <div class="menu-subtitle">Webex Integration</div>
13 </div>
14 </div>
15 </a>
16
17 <!-- Card 2: MS Teams -->
18 <a href="TARGET_URL_FOR_TEAMS" class="menu-card-link">
19 <div class="menu-card">
20 <div class="menu-icon-container" style="color: #464775;">
21 <svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
22 </div>
23 <div class="menu-text">
24 <div class="menu-title"><strong>MS Teams</strong></div>
25 <div class="menu-subtitle">Direct Routing</div>
26 </div>
27 </div>
28 </a>
29
30 <!-- Card 3: FirstDigital SIP Trunk -->
31 <a href="TARGET_URL_FOR_SIP" class="menu-card-link">
32 <div class="menu-card">
33 <div class="menu-icon-container" style="color: #004080;">
34 <svg viewBox="0 0 24 24" width="26" height="26" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
35 </div>
36 <div class="menu-text">
37 <div class="menu-title"><strong>FirstDigital SIP trunk</strong></div>
38 <div class="menu-subtitle">Voice Connectivity</div>
39 </div>
40 </div>
41 </a>
42
43 <!-- Card 4: Support -->
44 <a href="TARGET_URL_FOR_SUPPORT" class="menu-card-link">
45 <div class="menu-card">
46 <div class="menu-icon-container" style="color: #0060ff;">
47 <svg viewBox="0 0 24 24" width="26" height="26" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
48 </div>
49 <div class="menu-text">
50 <div class="menu-title"><strong>Support</strong></div>
51 <div class="menu-subtitle">Knowledge Base & Tickets</div>
52 </div>
53 </div>
54 </a>
55 </div>
56
57 <!-- Partner Footer Links -->
58 <div class="partner-footer">
59 <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=true" class="footer-brand">
60 First<span style="color:#004080;">Digital</span>
61 </a>
62 <span class="footer-divider">|</span>
63 <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=false" class="footer-brand azure-brand">
64 Microsoft Azure
65 </a>
66 </div>
67 </div>
68
69 <style>
70 .modern-menu-container {
71 max-width: 960px;
72 margin: 0 auto;
73 padding: 20px;
74 font-family: inherit;
75 }
76 .modern-menu-container .row {
77 display: grid;
78 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
79 gap: 16px;
80 margin-bottom: 20px;
81 }
82 .menu-card-link {
83 display: block;
84 text-decoration: none !important;
85 }
86 .menu-card {
87 background: #ffffff;
88 border-radius: 12px;
89 padding: 18px;
90 display: flex;
91 align-items: center;
92 box-shadow: 0 4px 6px rgba(0,0,0,0.04);
93 transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
94 border: 1px solid #eaeaea;
95 color: #333;
96 height: 100%;
97 box-sizing: border-box;
98 }
99 .menu-card-link:hover .menu-card {
100 transform: translateY(-3px);
101 box-shadow: 0 8px 15px rgba(0,0,0,0.08);
102 border-color: #d0d7de;
103 }
104 .menu-icon-container {
105 flex: 0 0 52px;
106 height: 52px;
107 background-color: #f4f6f8;
108 border-radius: 50%;
109 display: flex;
110 align-items: center;
111 justify-content: center;
112 margin-right: 16px;
113 }
114 .menu-text {
115 flex: 1;
116 display: flex;
117 flex-direction: column;
118 }
119 .menu-title {
120 font-size: 15px;
121 line-height: 1.3;
122 font-weight: 600;
123 color: #1f2328;
124 }
125 .menu-subtitle {
126 font-size: 12px;
127 color: #656d76;
128 margin-top: 3px;
129 }
130 .partner-footer {
131 margin-top: 30px;
132 padding-top: 20px;
133 border-top: 1px solid #eaeaea;
134 display: flex;
135 justify-content: center;
136 align-items: center;
137 gap: 15px;
138 }
139 .footer-brand {
140 font-weight: 700;
141 font-size: 14px;
142 color: #0060ff;
143 text-decoration: none !important;
144 }
145 .azure-brand {
146 color: #0078d4;
147 }
148 .footer-divider {
149 color: #d0d7de;
150 }
151 </style>
152 {{/html}}
153 <!-- Partner Footer Links -->
154 <div class="row partner-footer">
155 <div class="col-xs-6 text-center">
156 <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=true">
157 <img src="$xwiki.getURL('Main.WebHome','download','filepath=FirstDigital-Logo.png')" alt="FirstDigital" style="max-height:34px;" />
158 </a>
159 </div>
160 <div class="col-xs-6 text-center">
161 <a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=false">
162 <img src="$xwiki.getURL('Main.WebHome','download','filepath=Microsoft_Azure-Logo.wine.png')" alt="Azure" style="max-height:50px;" />
163 </a>
164 </div>
165 </div>
166 </div>
167
168 <style>
169 .modern-menu-container {
170 max-width: 960px;
171 margin: 0 auto;
172 padding: 20px;
173 }
174 .modern-menu-container .row {
175 display: flex;
176 flex-wrap: wrap;
177 margin-bottom: 20px;
178 }
179 .menu-card-link {
180 display: block;
181 text-decoration: none;
182 margin-bottom: 15px;
183 }
184 .menu-card {
185 background: #ffffff;
186 border-radius: 12px;
187 padding: 15px;
188 display: flex;
189 align-items: center;
190 box-shadow: 0 4px 6px rgba(0,0,0,0.1);
191 transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
192 border: 1px solid #e0e0e0;
193 color: #333;
194 height: 100%;
195 box-sizing: border-box;
196 }
197 .menu-card-link:hover .menu-card {
198 transform: translateY(-5px);
199 box-shadow: 0 6px 12px rgba(0,0,0,0.15);
200 }
201 .menu-icon-container {
202 flex: 0 0 60px;
203 height: 60px;
204 background-color: #f8f9fa;
205 border-radius: 50%;
206 display: flex;
207 align-items: center;
208 justify-content: center;
209 margin-right: 15px;
210 border: 1px solid #eaeaea;
211 }
212 .menu-icon {
213 max-width: 80%;
214 max-height: 80%;
215 object-fit: contain;
216 }
217 .webex-icon { max-width: 90%; }
218 .menu-text {
219 flex: 1;
220 display: flex;
221 flex-direction: column;
222 }
223 .menu-title {
224 font-size: 16px;
225 line-height: 1.4;
226 font-weight: 600;
227 }
228 .menu-subtitle {
229 font-size: 13px;
230 color: #666;
231 margin-top: 4px;
232 }
233 .partner-footer {
234 margin-top: 40px;
235 padding-top: 20px;
236 border-top: 1px solid #eee;
237 justify-content: center;
238 }
239 .partner-footer .text-center {
240 flex: 1;
241 display: flex;
242 justify-content: center;
243 align-items: center;
244 }
245 @media (min-width: 768px) {
246 .menu-card-link {
247 flex: 0 0 50%;
248 max-width: 50%;
249 padding: 0 10px;
250 box-sizing: border-box;
251 }
252 }
253 </style>
254 {{/html}}