Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -5,8 +5,13 @@ 5 5 6 6 <section class="hero hero-centered" aria-labelledby="hero-title"> 7 7 <div class="container hero-inner"> 8 - <h1 id="hero-title">Professional XWiki engineering and support</h1> 8 + <div class="hero-kicker"> 9 + <i class="fa fa-shield" aria-hidden="true"></i> 10 + Your trusted partner for professional XWiki services 11 + </div> 9 9 13 + <h1 id="hero-title">Reliable XWiki engineering for organizations that depend on their knowledge platform</h1> 14 + 10 10 <p class="lead"> 11 11 Agnease helps organizations upgrade, maintain, secure and extend XWiki so production platforms stay stable, 12 12 up-to-date and adapted to real business processes.
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -197,10 +197,9 @@ 197 197 } 198 198 199 199 .lead { 200 - max-width: 820px;200 + max-width: 760px; 201 201 font-size: 19px; 202 202 line-height: 1.55; 203 - margin-top: 12px; 204 204 } 205 205 206 206 .benefits { ... ... @@ -234,6 +234,13 @@ 234 234 font-weight: 700; 235 235 } 236 236 236 +.hero-support { 237 + max-width: 760px; 238 + margin: 14px auto 0; 239 + color: @muted; 240 + line-height: 1.55; 241 +} 242 + 237 237 .hero-actions, 238 238 #hero-cta { 239 239 display: flex; ... ... @@ -1222,23 +1222,138 @@ 1222 1222 /* ========== Resources Index ========== */ 1223 1223 1224 1224 .resources-index-page { 1225 - background: #fff; 1231 + padding: @section-padding; 1232 + background: @brand-bg; 1226 1226 1227 - .services-grid { 1234 + .resources-intro { 1235 + max-width: 820px; 1236 + margin: 0 auto 32px; 1237 + text-align: center; 1238 + 1239 + p { 1240 + color: @muted; 1241 + font-size: 17px; 1242 + line-height: 1.7; 1243 + margin: 0; 1244 + } 1245 + } 1246 + 1247 + .resources-grid { 1248 + display: grid; 1228 1228 grid-template-columns: repeat(2, minmax(0, 1fr)); 1250 + gap: 24px; 1251 + margin-bottom: 36px; 1229 1229 } 1230 -} 1231 1231 1232 -@media (max-width: 980px) { 1233 - .resources-index-page { 1234 - .services-grid { 1235 - grid-template-columns: 1fr; 1254 + .resource-card { 1255 + display: flex; 1256 + gap: 18px; 1257 + background: #fff; 1258 + border: 1px solid @line; 1259 + border-radius: @radius; 1260 + box-shadow: @shadow-sm; 1261 + padding: 24px; 1262 + } 1263 + 1264 + .resource-card-icon { 1265 + flex: 0 0 46px; 1266 + width: 46px; 1267 + height: 46px; 1268 + border-radius: 14px; 1269 + background: @brand-soft; 1270 + color: @brand-strong; 1271 + display: flex; 1272 + align-items: center; 1273 + justify-content: center; 1274 + font-size: 20px; 1275 + } 1276 + 1277 + .resource-card-label { 1278 + color: @brand-strong; 1279 + font-size: 13px; 1280 + font-weight: 700; 1281 + text-transform: uppercase; 1282 + letter-spacing: .04em; 1283 + margin-bottom: 8px; 1284 + } 1285 + 1286 + .resource-card h2 { 1287 + font-size: 22px; 1288 + line-height: 1.25; 1289 + margin: 0 0 12px; 1290 + } 1291 + 1292 + .resource-card h2 a { 1293 + color: @text; 1294 + text-decoration: none; 1295 + 1296 + &:hover { 1297 + color: @brand-strong; 1298 + text-decoration: none; 1236 1236 } 1237 1237 } 1301 + 1302 + .resource-card p { 1303 + color: @muted; 1304 + font-size: 15px; 1305 + line-height: 1.65; 1306 + margin: 0 0 16px; 1307 + } 1308 + 1309 + .resource-card-link { 1310 + color: @brand-strong; 1311 + font-weight: 700; 1312 + text-decoration: none; 1313 + 1314 + &:hover { 1315 + color: @brand; 1316 + text-decoration: none; 1317 + } 1318 + } 1319 + 1320 + .resources-next { 1321 + max-width: 820px; 1322 + margin: 0 auto 32px; 1323 + text-align: center; 1324 + 1325 + h2 { 1326 + font-size: 26px; 1327 + margin: 0 0 10px; 1328 + } 1329 + 1330 + p { 1331 + color: @muted; 1332 + font-size: 16px; 1333 + line-height: 1.7; 1334 + margin: 0; 1335 + } 1336 + } 1238 1238 } 1239 1239 1240 1240 @media (max-width: 767px) { 1241 1241 .resources-index-page { 1242 1242 padding: @section-padding-mobile; 1342 + 1343 + .resources-intro { 1344 + text-align: left; 1345 + margin-bottom: 24px; 1346 + } 1347 + 1348 + .resources-grid { 1349 + grid-template-columns: 1fr; 1350 + gap: 18px; 1351 + } 1352 + 1353 + .resource-card { 1354 + padding: 20px; 1355 + } 1356 + 1357 + .resource-card h2 { 1358 + font-size: 20px; 1359 + } 1360 + 1361 + .resources-next { 1362 + text-align: left; 1363 + } 1243 1243 } 1244 1244 }
- XWiki.StyleSheetExtension[1]
-
- code
-
... ... @@ -1,27 +1,14 @@ 1 1 /* ========== Agnease Public Top Menu ========== */ 2 2 3 3 /* Desktop alignment */ 4 - 5 -@media (min-width: 768px) { 6 - #menuview { 7 - margin-left: auto; 8 - } 9 - 10 - #menuview .navbar-collapse { 11 - padding-left: 0; 12 - padding-right: 0; 13 - } 14 - 15 - #menuview .navbar-nav { 16 - float: right !important; 17 - margin: 0; 18 - } 4 +#menuview .navbar-nav { 5 + float: right !important; 19 19 } 20 20 21 21 /* Top-level menu items */ 22 22 23 - #menuview.agnease-menu-item,24 - #menuview.agnease-menu-link {10 +.agnease-menu-item, 11 +.agnease-menu-link { 25 25 > a, 26 26 > .dropdown-toggle { 27 27 color: @brand; ... ... @@ -30,7 +30,6 @@ 30 30 padding-left: 16px; 31 31 padding-right: 16px; 32 32 text-decoration: none; 33 - background: transparent; 34 34 } 35 35 36 36 > a:hover, ... ... @@ -41,7 +41,6 @@ 41 41 color: @brand-strong; 42 42 text-decoration: none; 43 43 outline: none; 44 - background: transparent; 45 45 } 46 46 47 47 .caret { ... ... @@ -62,7 +62,7 @@ 62 62 63 63 /* Dropdown panel */ 64 64 65 - #menuview.agnease-dropdown {50 +.agnease-dropdown { 66 66 min-width: 310px; 67 67 padding: 10px 8px; 68 68 border: 1px solid fade(@brand, 18%); ... ... @@ -81,7 +81,6 @@ 81 81 font-weight: 600; 82 82 line-height: 1.3; 83 83 text-decoration: none; 84 - background: transparent; 85 85 86 86 i { 87 87 width: 20px; ... ... @@ -97,7 +97,6 @@ 97 97 color: @brand-strong; 98 98 text-decoration: none; 99 99 outline: none; 100 - background: transparent; 101 101 102 102 i { 103 103 color: @brand-strong; ... ... @@ -107,7 +107,6 @@ 107 107 108 108 > .active > a { 109 109 color: @brand-strong; 110 - background: transparent; 111 111 112 112 i { 113 113 color: @brand-strong; ... ... @@ -123,23 +123,14 @@ 123 123 /* Mobile */ 124 124 125 125 @media (max-width: 767px) { 126 - #menuview{108 + .site-nav { 127 127 margin-left: 0; 128 - width: 100%; 110 + justify-content: center; 111 + flex-wrap: wrap; 129 129 } 130 130 131 - #menuview .navbar-nav { 132 - float: none; 133 - margin: 0; 134 - width: 100%; 135 - } 136 - 137 - #menuview .navbar-nav > li { 138 - float: none; 139 - } 140 - 141 - #menuview .agnease-menu-item, 142 - #menuview .agnease-menu-link { 114 + .agnease-menu-item, 115 + .agnease-menu-link { 143 143 > a, 144 144 > .dropdown-toggle { 145 145 font-size: 16px; ... ... @@ -148,7 +148,7 @@ 148 148 } 149 149 } 150 150 151 - #menuview.agnease-dropdown {124 + .agnease-dropdown { 152 152 min-width: 0; 153 153 width: 100%; 154 154 padding: 4px 8px 8px 18px;