Wiki source code of Home
Version 46.1 by Aaron Blackburn on 2026/07/22 20:47
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
| |
35.1 | 1 | {{html clean="false"}} |
| |
25.2 | 2 | <div class="modern-menu-container"> |
| |
36.1 | 3 | <div class="menu-grid"> |
| 4 | |||
| |
25.2 | 5 | <!-- Card 1: Webex --> |
| |
34.1 | 6 | <a href="TARGET_URL_FOR_WEBEX" class="menu-card-link"> |
| |
25.2 | 7 | <div class="menu-card"> |
| |
36.1 | 8 | <div class="menu-icon-container"> |
| 9 | <img src="$xwiki.getURL('current','download','filepath=Webex-Symbol.jpg')" alt="Webex" class="menu-icon webex-logo" /> | ||
| |
25.2 | 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> | ||
| |
1.1 | 17 | |
| |
25.2 | 18 | <!-- Card 2: MS Teams --> |
| |
34.1 | 19 | <a href="TARGET_URL_FOR_TEAMS" class="menu-card-link"> |
| |
25.2 | 20 | <div class="menu-card"> |
| |
36.1 | 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" /> | ||
| |
25.2 | 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> | ||
| |
1.1 | 30 | |
| |
34.1 | 31 | <!-- Card 3: FirstDigital SIP Trunk --> |
| 32 | <a href="TARGET_URL_FOR_SIP" class="menu-card-link"> | ||
| |
25.2 | 33 | <div class="menu-card"> |
| |
36.1 | 34 | <div class="menu-icon-container"> |
| |
46.1 | 35 | <img src="$xwiki.getURL('current','download','filepath=FirstDigital-Logo.png')" alt="FirstDigital" class="menu-icon firstdigital-logo" /> |
| |
25.2 | 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> | ||
| |
1.1 | 43 | |
| |
25.2 | 44 | <!-- Card 4: Support --> |
| |
34.1 | 45 | <a href="TARGET_URL_FOR_SUPPORT" class="menu-card-link"> |
| |
25.2 | 46 | <div class="menu-card"> |
| |
36.1 | 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> | ||
| |
25.2 | 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> | ||
| |
36.1 | 56 | |
| |
25.2 | 57 | </div> |
| |
18.2 | 58 | |
| |
25.2 | 59 | <!-- Partner Footer Links --> |
| |
34.1 | 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 { | ||
| |
36.1 | 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; | ||
| |
46.1 | 102 | height: 100%; |
| |
36.1 | 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 { | ||
| |
46.1 | 113 | flex: 0 0 56px; |
| |
36.1 | 114 | height: 56px; |
| |
46.1 | 115 | background-color: #f4f6f8; |
| |
36.1 | 116 | border-radius: 50%; |
| 117 | display: flex; | ||
| 118 | align-items: center; | ||
| 119 | justify-content: center; | ||
| 120 | margin-right: 16px; | ||
| |
46.1 | 121 | overflow: hidden; |
| |
36.1 | 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; | ||
| |
46.1 | 184 | color: #0060ff; |
| |
36.1 | 185 | text-decoration: none !important; |
| 186 | } | ||
| 187 | |||
| 188 | .azure-brand { | ||
| |
46.1 | 189 | color: #0078d4; |
| |
36.1 | 190 | } |
| 191 | |||
| 192 | .footer-divider { | ||
| 193 | color: #ccc; | ||
| 194 | font-weight: 300; | ||
| 195 | } | ||
| 196 | |||
| 197 | @media (max-width: 768px) { | ||
| 198 | .menu-grid { | ||
| |
46.1 | 199 | grid-template-columns: 1fr; |
| |
36.1 | 200 | } |
| 201 | .modern-menu-container { | ||
| 202 | padding: 10px; | ||
| 203 | } | ||
| 204 | .menu-card { | ||
| 205 | padding: 15px; | ||
| 206 | } | ||
| 207 | } | ||
| 208 | </style> | ||
| |
34.1 | 209 | {{/html}} |