Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -178,7 +178,7 @@ 178 178 display: flex; 179 179 align-items: center; 180 180 justify-content: center; 181 - min-height: 3 30px;181 + min-height: 300px; 182 182 } 183 183 184 184 .hero-inner { ... ... @@ -191,16 +191,17 @@ 191 191 192 192 h1 { 193 193 max-width: 790px; 194 - margin-left: auto; 195 - margin-right: auto; 194 + margin: 0 auto; 196 196 line-height: 1.18; 197 197 } 198 198 199 199 .lead { 200 200 max-width: 820px; 200 + margin: 12px auto 0; 201 + color: @muted; 202 + text-align: center; 201 201 font-size: 19px; 202 202 line-height: 1.55; 203 - margin-top: 12px; 204 204 } 205 205 206 206 .benefits { ... ... @@ -1222,23 +1222,138 @@ 1222 1222 /* ========== Resources Index ========== */ 1223 1223 1224 1224 .resources-index-page { 1225 - background: #fff; 1226 + padding: @section-padding; 1227 + background: @brand-bg; 1226 1226 1227 - .services-grid { 1229 + .resources-intro { 1230 + max-width: 820px; 1231 + margin: 0 auto 32px; 1232 + text-align: center; 1233 + 1234 + p { 1235 + color: @muted; 1236 + font-size: 17px; 1237 + line-height: 1.7; 1238 + margin: 0; 1239 + } 1240 + } 1241 + 1242 + .resources-grid { 1243 + display: grid; 1228 1228 grid-template-columns: repeat(2, minmax(0, 1fr)); 1245 + gap: 24px; 1246 + 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; 1249 + .resource-card { 1250 + display: flex; 1251 + gap: 18px; 1252 + background: #fff; 1253 + border: 1px solid @line; 1254 + border-radius: @radius; 1255 + box-shadow: @shadow-sm; 1256 + padding: 24px; 1257 + } 1258 + 1259 + .resource-card-icon { 1260 + flex: 0 0 46px; 1261 + width: 46px; 1262 + height: 46px; 1263 + border-radius: 14px; 1264 + background: @brand-soft; 1265 + color: @brand-strong; 1266 + display: flex; 1267 + align-items: center; 1268 + justify-content: center; 1269 + font-size: 20px; 1270 + } 1271 + 1272 + .resource-card-label { 1273 + color: @brand-strong; 1274 + font-size: 13px; 1275 + font-weight: 700; 1276 + text-transform: uppercase; 1277 + letter-spacing: .04em; 1278 + margin-bottom: 8px; 1279 + } 1280 + 1281 + .resource-card h2 { 1282 + font-size: 22px; 1283 + line-height: 1.25; 1284 + margin: 0 0 12px; 1285 + } 1286 + 1287 + .resource-card h2 a { 1288 + color: @text; 1289 + text-decoration: none; 1290 + 1291 + &:hover { 1292 + color: @brand-strong; 1293 + text-decoration: none; 1236 1236 } 1237 1237 } 1296 + 1297 + .resource-card p { 1298 + color: @muted; 1299 + font-size: 15px; 1300 + line-height: 1.65; 1301 + margin: 0 0 16px; 1302 + } 1303 + 1304 + .resource-card-link { 1305 + color: @brand-strong; 1306 + font-weight: 700; 1307 + text-decoration: none; 1308 + 1309 + &:hover { 1310 + color: @brand; 1311 + text-decoration: none; 1312 + } 1313 + } 1314 + 1315 + .resources-next { 1316 + max-width: 820px; 1317 + margin: 0 auto 32px; 1318 + text-align: center; 1319 + 1320 + h2 { 1321 + font-size: 26px; 1322 + margin: 0 0 10px; 1323 + } 1324 + 1325 + p { 1326 + color: @muted; 1327 + font-size: 16px; 1328 + line-height: 1.7; 1329 + margin: 0; 1330 + } 1331 + } 1238 1238 } 1239 1239 1240 1240 @media (max-width: 767px) { 1241 1241 .resources-index-page { 1242 1242 padding: @section-padding-mobile; 1337 + 1338 + .resources-intro { 1339 + text-align: left; 1340 + margin-bottom: 24px; 1341 + } 1342 + 1343 + .resources-grid { 1344 + grid-template-columns: 1fr; 1345 + gap: 18px; 1346 + } 1347 + 1348 + .resource-card { 1349 + padding: 20px; 1350 + } 1351 + 1352 + .resource-card h2 { 1353 + font-size: 20px; 1354 + } 1355 + 1356 + .resources-next { 1357 + text-align: left; 1358 + } 1243 1243 } 1244 1244 }