Wiki source code of Home

author	version	line-number	content
		1	{{html clean="false"}}
		2	<div class="modern-menu-container">
		3	<div class="menu-grid">
		4
		5	<!-- Card 1: Webex -->
		6	<a href="TARGET_URL_FOR_WEBEX" class="menu-card-link">
		7	<div class="menu-card">
		8	<div class="menu-icon-container">
		9	<img src="$xwiki.getURL('current','download','filepath=Webex-Symbol.jpg')" alt="Webex" class="menu-icon webex-logo" />
		10	</div>
		11	<div class="menu-text">
		12	<div class="menu-title">Cloud Connected PSTN (CCP)</div>
		13	<div class="menu-subtitle">Webex Integration</div>
		14	</div>
		15	</div>
		16	</a>
		17
		18	<!-- Card 2: MS Teams -->
		19	<a href="TARGET_URL_FOR_TEAMS" class="menu-card-link">
		20	<div class="menu-card">
		21	<div class="menu-icon-container">
		22	<img src="$xwiki.getURL('current','download','filepath=MS teams.webp')" alt="MS Teams" class="menu-icon teams-logo" />
		23	</div>
		24	<div class="menu-text">
		25	<div class="menu-title"><strong>MS Teams</strong></div>
		26	<div class="menu-subtitle">Direct Routing</div>
		27	</div>
		28	</div>
		29	</a>
		30
		31	<!-- Card 3: FirstDigital SIP Trunk -->
		32	<a href="TARGET_URL_FOR_SIP" class="menu-card-link">
		33	<div class="menu-card">
		34	<div class="menu-icon-container">
		35	<img src="$xwiki.getURL('current','download','filepath=FirstDigital-Logo.png')" alt="FirstDigital" class="menu-icon firstdigital-logo" />
		36	</div>
		37	<div class="menu-text">
		38	<div class="menu-title"><strong>FirstDigital SIP trunk</strong></div>
		39	<div class="menu-subtitle">Voice Connectivity</div>
		40	</div>
		41	</div>
		42	</a>
		43
		44	<!-- Card 4: Support -->
		45	<a href="TARGET_URL_FOR_SUPPORT" class="menu-card-link">
		46	<div class="menu-card">
		47	<div class="menu-icon-container icon-only-bg">
		48	<svg class="menu-icon support-icon" viewBox="0 0 24 24" width="24" height="24" stroke="#0060FF" 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>
		49	</div>
		50	<div class="menu-text">
		51	<div class="menu-title"><strong>Support</strong></div>
		52	<div class="menu-subtitle">Knowledge Base & Tickets</div>
		53	</div>
		54	</div>
		55	</a>
		56
		57	</div>
		58
		59	<!-- Partner Footer Links -->
		60	<div class="partner-footer">
		61	<a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=true" class="footer-brand">
		62	First<span style="color:#004080;">Digital</span>
		63	</a>
		64	<span class="footer-divider">\|</span>
		65	<a href="https://learn.firstdigital.com/bin/view/Main/?oidc.skipped=false" class="footer-brand azure-brand">
		66	Microsoft Azure
		67	</a>
		68	</div>
		69	</div>
		70
		71	<style>
		72	.modern-menu-container {
		73	max-width: 1000px;
		74	margin: 0 auto;
		75	padding: 20px;
		76	box-sizing: border-box;
		77	}
		78
		79	.menu-grid {
		80	display: grid;
		81	grid-template-columns: repeat(2, 1fr);
		82	gap: 20px;
		83	width: 100%;
		84	}
		85
		86	.menu-card-link {
		87	text-decoration: none !important;
		88	display: block;
		89	height: 100%;
		90	}
		91
		92	.menu-card {
		93	background: #ffffff;
		94	border-radius: 12px;
		95	padding: 20px;
		96	display: flex;
		97	align-items: center;
		98	box-shadow: 0 4px 6px rgba(0,0,0,0.05);
		99	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		100	border: 1px solid #eaeaea;
		101	color: #333;
		102	height: 100%;
		103	box-sizing: border-box;
		104	}
		105
		106	.menu-card-link:hover .menu-card {
		107	transform: translateY(-3px);
		108	box-shadow: 0 6px 12px rgba(0,0,0,0.1);
		109	border-color: #c1c1c1;
		110	}
		111
		112	.menu-icon-container {
		113	flex: 0 0 56px;
		114	height: 56px;
		115	background-color: #f4f6f8;
		116	border-radius: 50%;
		117	display: flex;
		118	align-items: center;
		119	justify-content: center;
		120	margin-right: 16px;
		121	overflow: hidden;
		122	border: 1px solid #e0e0e0;
		123	}
		124
		125	.menu-icon {
		126	object-fit: contain;
		127	}
		128
		129	.webex-logo {
		130	width: 85%;
		131	height: auto;
		132	}
		133
		134	.teams-logo {
		135	width: 75%;
		136	height: auto;
		137	}
		138
		139	.firstdigital-logo {
		140	width: 90%;
		141	height: auto;
		142	}
		143
		144	.support-icon {
		145	width: 60%;
		146	height: 60%;
		147	}
		148
		149	.menu-text {
		150	flex: 1;
		151	display: flex;
		152	flex-direction: column;
		153	justify-content: center;
		154	}
		155
		156	.menu-title {
		157	font-size: 16px;
		158	line-height: 1.4;
		159	font-weight: 600;
		160	color: #1a1a1a;
		161	}
		162
		163	.menu-subtitle {
		164	font-size: 13px;
		165	color: #666;
		166	margin-top: 4px;
		167	font-weight: 400;
		168	}
		169
		170	.partner-footer {
		171	margin-top: 40px;
		172	padding-top: 20px;
		173	border-top: 1px solid #eee;
		174	display: flex;
		175	justify-content: center;
		176	align-items: center;
		177	gap: 15px;
		178	font-family: Arial, sans-serif;
		179	}
		180
		181	.footer-brand {
		182	font-weight: 700;
		183	font-size: 14px;
		184	color: #0060ff;
		185	text-decoration: none !important;
		186	}
		187
		188	.azure-brand {
		189	color: #0078d4;
		190	}
		191
		192	.footer-divider {
		193	color: #ccc;
		194	font-weight: 300;
		195	}
		196
		197	@media (max-width: 768px) {
		198	.menu-grid {
		199	grid-template-columns: 1fr;
		200	}
		201	.modern-menu-container {
		202	padding: 10px;
		203	}
		204	.menu-card {
		205	padding: 15px;
		206	}
		207	}
		208	</style>
		209	{{/html}}

Wiki source code of Home