diff --git a/apps/events-feed/src/Event/StaticFeaturedEvent.tsx b/apps/events-feed/src/Event/StaticFeaturedEvent.tsx
index 0202197d4fc9e19d61ed37fae630d794273ac802..f4e064c19a3e70286bfd3a28d514ab92608fe1ba 100644
--- a/apps/events-feed/src/Event/StaticFeaturedEvent.tsx
+++ b/apps/events-feed/src/Event/StaticFeaturedEvent.tsx
@@ -16,9 +16,9 @@ import Event from './Event';
const StaticFeaturedEvent: FC = () => (
<Event
type="featured"
- title={<img alt="Open Community Experience" src="/events/images/ocx-logo.svg?v=2026" />}
- date="Feb 12-15, TBD"
- location="TBD"
+ title={<img alt="Open Community Experience" src="/events/images/ocx-logo.svg?v=2026" className='margin-bottom-10' />}
+ date="21-23 April 2026"
+ location="Brussels, Belgium"
description={
"Open Community Experience (OCX) is the Eclipse Foundation's flagship annual open source conference.\n\n OCX is an inclusive event for the global open source community to come together to learn, share, and network."
}
diff --git a/content/_index.html b/content/_index.html
index df7d16215c0d8d8c86140801f325476576431503..85357c24e51e4ec0b1a047c7aac6e79e338b541d 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -38,7 +38,7 @@ custom_jumbotron: |
</div>
</div>
<div class="jumbotron-ctas col-md-4 col-md-offset-4 match-height-item-by-row display-flex align-items-center">
- <a class="btn btn-primary btn-text-dark fw-600 btn-lg btn-pill margin-x-auto margin-y-40" href="#">
+ <a class="btn btn-primary btn-text-dark fw-600 btn-lg btn-pill margin-x-auto margin-y-40" href="#events-feed">
Explore all events
</a>
</div>
@@ -100,14 +100,14 @@ layout: "single"
</p>
</div>
<div>
- <a class="btn btn-pill btn-outline-light fw-700" href="#">Find out more</a>
+ <a class="btn btn-pill btn-outline-light fw-700" href="https://newsroom.eclipse.org/eclipse-newsletter/2022/july/sign-host-eclipse-foundation-webinar" target="_blank">Find out more</a>
</div>
</div>
</div>
</section>
<!-- Events App -->
-<div id="app"></div>
+<div id="events-feed"></div>
<section class="row cta-ribbon cta-ribbon-tertiary margin-y-60">
<div class="container">
@@ -117,7 +117,7 @@ layout: "single"
</p>
</div>
<div class="cta-ribbon-actions">
- <a class="btn btn-pill btn-outline-secondary fw-700" href="#">Submit your event</a>
+ <a class="btn btn-pill btn-outline-secondary fw-700" href="https://newsroom.eclipse.org/node/add/events" target="_blank">Submit your event</a>
</div>
</div>
</section>
@@ -179,16 +179,11 @@ layout: "single"
<img src="./images/aurelie-caron.jpg" alt="">
<div class="event-testimonial-content">
<p>
- "At the Eclipse Foundation, events are more than just dates on a
- calendar—they are moments of shared energy, learning, and connection.
- Every gathering is an opportunity to bring our incredible community
- together, exchange ideas, and create experiences that leave a lasting
- impact. Organising these events is not just a job for me and my team;
- it’s our passion. We thrive on curating spaces where innovation meets
- collaboration, where knowledge flows freely, and where every attendee
- walks away inspired. Whether it’s an in-person meetup or a virtual
- summit, we are here to make each experience memorable. Join us at our
- upcoming events—we can’t wait to welcome you!"
+ "At the Eclipse Foundation, events are more than just dates on a calendar—they are moments of shared energy,
+ learning, and connection. Organising these events is not just a job for me and my team; it’s our passion. We
+ thrive on curating spaces where innovation meets collaboration, where knowledge flows freely, and where every
+ attendee walks away inspired. Whether it’s an in-person meetup or a virtual summit, we are here to make each
+ experience memorable"
</p>
<p class="event-testimonial-author">
<strong>Aurélie Caron</strong> Senior Manager, Event Operation &
diff --git a/js/events-feed.js b/js/events-feed.js
index c6d4c8ed7197b024f787bd4a6a110d2fa9f8347d..de8742e3d70b4aa8ae1a3561982b4554d82ef6f8 100644
--- a/js/events-feed.js
+++ b/js/events-feed.js
@@ -1,3 +1,3 @@
import { renderEventsFeed } from 'events-feed';
-renderEventsFeed(document.getElementById('app'));
+renderEventsFeed(document.getElementById('events-feed'));
diff --git a/less/images/bg-home.jpg b/less/images/bg-home.jpg
index b5cf18923b8aca4b66b625007828c9eea891a8d6..43947c4bb28c8d634c75b3fb4b1023083ef456ea 100644
Binary files a/less/images/bg-home.jpg and b/less/images/bg-home.jpg differ
diff --git a/less/images/bg-waves.svg b/less/images/bg-waves.svg
new file mode 100644
index 0000000000000000000000000000000000000000..eb3d00796a179d41926edf5d592e6e30aad50ee5
--- /dev/null
+++ b/less/images/bg-waves.svg
@@ -0,0 +1,114 @@
+<svg width="1358" height="403" viewBox="0 0 1358 403" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M328.237 455.084C346.63 260.739 614.487 125.749 820.063 118.904C1056.97 111.04 1153.93 275.279 1331.77 215.929C1494.06 161.824 1496.22 -2.69974 1615.92 -34.0369C1725.92 -62.8312 1906.27 28.4064 2218.51 506.333" stroke="url(#paint0_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2205.7 528.719C1897.3 57.7307 1716.68 -37.3345 1604.9 -12.8676C1522.05 5.37907 1493.53 86.514 1431.05 151.757C1399.91 185.294 1360.88 210.62 1317.46 225.459C1175.25 274.179 1085.04 184.701 929.164 151.626C889.427 143.078 848.817 139.202 808.17 140.079C601.613 143.863 336.058 262.387 313.118 449.892" stroke="url(#paint1_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2192.85 551.04C1888.3 87.0236 1707.5 -11.8405 1594.18 8.32182C1510.88 23.1498 1480.26 100.572 1417.51 162.655C1385.53 195.076 1346.53 219.811 1303.48 234.975C1163.38 284.301 1073.64 204.085 917.308 172.901C877.577 164.894 837.118 160.998 796.579 161.275C589.037 162.632 325.786 264.021 298.3 444.687" stroke="url(#paint2_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2180.03 573.293C1879.4 116.345 1698.33 13.7198 1583.32 29.4836C1499.5 40.9626 1466.93 114.6 1403.79 173.561C1371.06 204.842 1332.12 228.999 1289.47 244.492C1151.35 294.43 1062.36 223.429 905.415 194.176C865.668 186.624 825.313 182.674 784.847 182.376C576.337 180.939 315.407 265.56 283.374 439.385" stroke="url(#paint3_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2167.22 595.713C1870.43 145.637 1689.22 39.3111 1572.44 50.6809C1488.19 58.8398 1453.5 128.7 1390.02 184.438C1356.49 214.596 1317.55 238.202 1275.23 254.021C1139.08 304.57 1050.76 242.822 893.125 215.471C853.446 208.461 813.282 204.498 772.991 203.618C563.479 199.388 304.872 267.274 268.259 434.261" stroke="url(#paint4_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2154.54 618.059C1861.5 174.926 1679.87 61.6738 1561.55 71.8442C1477.09 79.011 1440.07 142.566 1376.31 195.344C1342.01 224.328 1303.07 247.381 1261.09 263.544C1126.92 314.705 1039.32 262.207 881.238 236.78C841.593 230.226 801.563 226.218 761.399 224.779C550.88 217.623 294.6 268.874 253.442 429.055" stroke="url(#paint5_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2141.55 640.419C1852.53 204.25 1671.02 90.7251 1550.69 92.839C1465.72 94.7528 1426.57 156.634 1362.57 206.284C1327.54 234.082 1288.58 256.596 1246.95 273.1C1114.75 324.872 1027.78 281.597 869.214 258.094C829.601 252.037 789.702 248.005 749.674 246.014C538.153 236.064 284.189 270.447 238.489 423.888" stroke="url(#paint6_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2128.74 662.772C1843.66 233.537 1661.95 116.248 1539.81 114.203C1454.48 112.66 1412.99 170.406 1348.83 217.159C1313.09 243.744 1274.11 265.708 1232.81 282.524C1102.62 334.939 1016.27 300.952 857.189 279.276C820.175 274.275 780.693 269.653 737.946 267.082C525.385 254.241 273.789 272.121 223.539 418.655" stroke="url(#paint7_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2115.92 685.126C1834.63 262.865 1652.89 142.138 1528.96 135.299C1443.25 130.601 1399.38 184.214 1335.01 228.004C1298.57 253.364 1259.54 274.821 1218.56 292.019C1090.35 345.047 1004.69 320.244 845.062 300.563C807.899 295.97 768.521 291.41 726.083 288.257C512.786 272.545 263.381 273.762 208.583 413.423" stroke="url(#paint8_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2103.08 707.446C1825.66 292.156 1643.83 167.96 1518.07 156.562C1432.02 148.741 1385.61 198.095 1321.37 238.94C1284.28 263.058 1245.2 284.02 1204.55 301.603C1078.29 355.244 993.29 339.694 833.137 321.774C795.992 317.58 756.58 313.021 714.452 309.321C499.909 290.592 252.967 275.202 193.624 408.057" stroke="url(#paint9_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2090.26 729.799C1816.72 321.446 1634.77 193.849 1507.28 177.721C1420.88 166.81 1372.06 211.832 1307.69 249.878C1269.94 272.705 1230.79 293.16 1190.47 311.123C1066.22 365.374 981.879 359.044 821.183 343.219C783.892 339.499 744.579 334.903 702.798 330.685C487.242 308.931 242.665 277.004 178.709 403.022" stroke="url(#paint10_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2077.44 752.152C1807.75 350.77 1625.65 219.741 1496.33 198.887C1409.56 184.921 1358.28 225.547 1293.92 260.787C1256.92 281.03 1219.03 301.481 1176.27 320.649C1053.99 375.479 970.308 378.436 809.094 364.504C771.723 361.222 732.475 356.589 690.939 351.86C474.371 327.079 232.126 278.618 163.658 397.827" stroke="url(#paint11_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2064.63 774.504C1798.79 380.194 1616.76 245.689 1485.48 220.082C1398.33 203.028 1344.49 239.194 1280.18 271.695C1242.22 290.879 1204.2 310.801 1162.13 330.172C1041.83 385.713 958.834 397.789 797.071 385.785C759.62 382.974 720.405 378.307 679.28 373.024C461.73 345.149 221.786 280.221 148.773 392.624" stroke="url(#paint12_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2051.88 796.855C1789.85 409.385 1607.5 271.688 1474.62 241.278C1387.1 221.235 1330.7 252.809 1266.43 282.636C1227.49 300.697 1189.38 320.122 1148.12 339.724C1029.75 395.778 947.495 417.204 785.048 407.134C747.481 404.729 708.365 400.024 667.554 394.26C448.985 363.225 211.377 281.829 133.819 387.425" stroke="url(#paint13_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2038.97 819.179C1780.88 438.676 1598.49 297.742 1463.74 262.442C1375.81 239.378 1316.88 266.325 1252.72 293.509C1212.78 310.413 1174.52 329.411 1133.84 349.22C1017.52 405.883 935.853 436.532 773.024 428.383C733.747 426.012 694.617 421.644 655.789 415.296C436.277 381.266 200.874 283.507 118.867 382.192" stroke="url(#paint14_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2026.15 841.531C1771.91 468 1589.2 323.709 1452.99 283.599C1364.65 257.549 1303.16 279.803 1238.95 304.419C1198.01 320.132 1159.66 338.7 1119.7 358.743C1005.32 416.019 924.347 455.92 761.068 449.662C721.847 447.794 682.789 443.418 644.134 436.561C423.558 399.106 190.567 285.109 103.875 376.861" stroke="url(#paint15_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2013.34 863.884C1762.98 497.29 1579.92 349.908 1442 304.767C1353.33 275.793 1289.23 293.224 1225.24 315.291C1183.3 329.781 1144.87 348.018 1105.59 368.265C993.224 426.151 912.873 475.273 748.976 470.946C709.813 469.538 670.818 465.12 632.34 457.732C410.883 417.178 180.161 286.749 88.9285 371.794" stroke="url(#paint16_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M2000.49 886.238C1754.01 526.748 1570.9 375.996 1431.14 325.962C1341.97 294.006 1275.39 306.573 1211.52 326.197C1168.46 339.402 1130.04 357.305 1091.44 377.788C981.052 436.219 901.398 494.66 736.951 492.261C697.848 491.291 658.912 486.831 620.612 478.934C398.199 435.117 169.752 288.356 73.9739 366.595" stroke="url(#paint17_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M1987.67 908.591C1745.21 555.898 1561.69 402.159 1420.26 347.259C1330.65 312.384 1261.6 320.021 1197.79 337.305C1153.83 349.315 1115.16 366.829 1077.31 387.511C968.9 446.621 889.902 514.248 724.935 513.676C685.894 513.145 647.011 508.641 608.893 500.235C385.522 453.122 159.189 290.204 59.0294 361.529" stroke="url(#paint18_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M1974.86 930.944C1736.11 585.229 1552.45 428.324 1409.41 368.321C1319.29 330.497 1247.79 333.136 1184.04 348.013C1139.08 358.533 1100.37 375.948 1063.17 396.902C956.766 456.621 878.426 533.469 712.912 534.892C673.934 534.816 635.096 530.268 597.167 521.337C372.868 470.827 148.944 291.604 44.0749 356.196" stroke="url(#paint19_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M1962.01 953.265C1727.14 614.52 1543.2 454.656 1398.65 389.479C1308.07 348.771 1234.15 346.343 1170.47 358.913C1124.49 367.976 1085.67 385.229 1049.19 406.317C944.728 466.684 867.048 552.784 701.016 556.101C662.094 556.447 623.287 551.854 585.535 542.434C360.462 488.252 138.669 293.238 29.1849 350.96" stroke="url(#paint20_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<path d="M1949.23 975.617C1574.35 437.116 1322.51 342.941 1156.59 369.828C975.459 399.174 913.673 570.307 688.86 577.422C425.134 585.734 147.452 286.229 14.1661 345.764" stroke="url(#paint21_linear_958_431)" stroke-width="1.61667" stroke-miterlimit="10"/>
+<defs>
+<linearGradient id="paint0_linear_958_431" x1="1250.36" y1="-20.7105" x2="1276.18" y2="549.036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint1_linear_958_431" x1="1237.03" y1="1.61575" x2="1262.85" y2="571.446" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint2_linear_958_431" x1="1223.82" y1="23.7714" x2="1249.65" y2="593.783" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint3_linear_958_431" x1="1210.56" y1="45.7064" x2="1236.41" y2="616.055" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint4_linear_958_431" x1="1197.2" y1="67.4594" x2="1223.08" y2="638.498" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint5_linear_958_431" x1="1184.04" y1="88.8161" x2="1209.96" y2="660.864" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint6_linear_958_431" x1="1170.65" y1="110.016" x2="1196.63" y2="683.24" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint7_linear_958_431" x1="1157.35" y1="131.17" x2="1183.38" y2="705.613" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint8_linear_958_431" x1="1144.02" y1="151.798" x2="1170.13" y2="727.986" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint9_linear_958_431" x1="1130.66" y1="172.298" x2="1156.86" y2="750.326" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint10_linear_958_431" x1="1117.32" y1="192.375" x2="1143.62" y2="772.698" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint11_linear_958_431" x1="1103.9" y1="212.104" x2="1130.32" y2="795.073" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint12_linear_958_431" x1="1090.54" y1="231.436" x2="1117.1" y2="817.444" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint13_linear_958_431" x1="1077.17" y1="250.347" x2="1103.88" y2="839.815" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint14_linear_958_431" x1="1063.68" y1="268.684" x2="1090.58" y2="862.157" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint15_linear_958_431" x1="1050.2" y1="286.436" x2="1077.31" y2="884.53" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint16_linear_958_431" x1="1036.71" y1="303.523" x2="1064.05" y2="906.903" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint17_linear_958_431" x1="1022.44" y1="304.202" x2="1050.77" y2="929.277" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint18_linear_958_431" x1="1008.13" y1="303.429" x2="1037.51" y2="951.65" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint19_linear_958_431" x1="993.778" y1="301.618" x2="1024.25" y2="974.023" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint20_linear_958_431" x1="979.409" y1="299.314" x2="1011" y2="996.362" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint21_linear_958_431" x1="964.987" y1="296.51" x2="997.716" y2="1018.74" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.43" stop-color="#000966"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/less/pages/events/styles.less b/less/pages/events/styles.less
index 876fb64c478eaded9c87d2a98062cc8c2f09b908..278bd6b59a6a83e8415e67462d5362629db82fac 100644
--- a/less/pages/events/styles.less
+++ b/less/pages/events/styles.less
@@ -14,7 +14,8 @@
@import (reference) '../../styles.less';
@import './_variables.less';
-html,body {
+html,
+body {
scroll-behavior: smooth;
}
//== Utilities
@@ -26,7 +27,7 @@ html,body {
h1.text-quaternary,
h2.text-quaternary,
h3.text-quaternary,
-h4.text-quaternary,
+h4.text-quaternary,
h5.text-quaternary,
h6.text-quaternary {
color: @brand-quaternary;
@@ -42,11 +43,11 @@ h6.text-quaternary {
// Left to right gradient
.bg-secondary-gradient.left-to-right {
- background: linear-gradient(to right, #000966, #0012CC);
+ background: linear-gradient(to right, #000966, #0012cc);
}
.bg-secondary-gradient.right-to-left {
- background: linear-gradient(to right, #0012CC, #000966);
+ background: linear-gradient(to right, #0012cc, #000966);
}
// Keep?
@@ -96,7 +97,7 @@ h6.text-quaternary {
// Typography
main {
- color: black;
+ color: black;
font-size: 1.8rem;
}
@@ -115,19 +116,34 @@ h2,
.typewriter-effect {
display: inline-block;
padding-right: 1ch;
- border-right: .3ch solid white;
+ border-right: 0.3ch solid white;
}
//== Layout
// Breadcrumbs
.default-breadcrumbs {
- font-size: 12px; // Keeps the base styles from astro.
+ font-size: 12px; // Keeps the base styles from astro.
}
// Jumbotron
.featured-jumbotron {
- background: linear-gradient(to right, black, #000966);
+ background: #000966;
+ position: relative;
+
+ // Wireframe background effect
+ &::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: url('../../images/bg-waves.svg');
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: 100px 80%;
+ }
&,
& p,
@@ -137,13 +153,13 @@ h2,
& &-headline {
font-family: 'Inconsolata', monospace;
- color: #54FFD4;
+ color: #54ffd4;
font-weight: 500;
font-size: 5rem;
margin-bottom: 3rem;
@media (min-width: @screen-sm-min) {
- font-size: 8rem;
+ font-size: 7rem;
}
}
}
@@ -167,11 +183,7 @@ h2,
left: 0;
width: 100%;
height: 100%;
- background: linear-gradient(
- to right,
- fade(#031238, 80%),
- #323CD744,
- );
+ background: linear-gradient(to right, fade(#031238, 80%), #323cd744);
}
&::before {
@@ -184,10 +196,7 @@ h2,
background: url('../../images/bg-home.jpg');
background-repeat: no-repeat;
background-size: cover;
- background-position: 67% 20%;
- opacity: 0.56;
- // Makes the image have darker blackpoint
- mix-blend-mode: hard-light;
+ background-position: 50% 50%;
}
.jumbotron-stats {
@@ -212,7 +221,7 @@ h2,
& .stats-item {
border-radius: 1rem;
- border: 2px solid @palatinate-blue;
+ border: 2px solid @palatinate-blue;
padding: 1.5rem;
background-color: fade(black, 35%);
@@ -275,7 +284,7 @@ main,
&:hover,
&:active {
- background: linear-gradient(#F06C02, #A34201);
+ background: linear-gradient(#f06c02, #a34201);
}
}
@@ -284,12 +293,12 @@ main,
&:link,
&:visited {
color: white;
- background-color: #2C1CD8;
+ background-color: #2c1cd8;
}
&:hover,
&:active {
- background: linear-gradient(#2C1CD8, #000966);
+ background: linear-gradient(#2c1cd8, #000966);
}
}
}
@@ -310,8 +319,8 @@ main,
&:hover,
&:active {
- border-color: #B7C8FA;
- color: #B7C8FA;
+ border-color: #b7c8fa;
+ color: #b7c8fa;
}
}
@@ -324,7 +333,6 @@ main,
color: @brand-secondary;
}
-
&:focus,
&:hover,
&:active {
@@ -391,7 +399,7 @@ main,
}
&::before {
- position: absolute;
+ position: absolute;
color: @brand-quaternary;
font-size: 58rem;
@@ -790,7 +798,7 @@ main,
&.loading-skeleton {
--base-color: @pattens-blue;
- --highlight-color: shade(@pattens-blue, 10%);
+ --highlight-color: shade(@pattens-blue, 10%);
--animation-duration: 1.5s;
--animation-direction: normal;
@@ -920,7 +928,7 @@ main,
&:visited,
&:hover,
&:active {
- color: #6154E1;
+ color: #6154e1;
}
}
}
@@ -961,7 +969,7 @@ main,
.connecting-community-section {
img {
border-radius: 2rem;
- box-shadow: 0 2rem 5rem #C5CCF7;
+ box-shadow: 0 2rem 5rem #c5ccf7;
}
}
@@ -969,11 +977,7 @@ main,
.section-card {
padding: 4rem;
border-radius: 2rem;
- background: linear-gradient(
- to right,
- fade(@dark-palatinate-blue, 78%),
- fade(@palatinate-blue, 78%)
- );
+ background: linear-gradient(to right, fade(@dark-palatinate-blue, 78%), fade(@palatinate-blue, 78%));
text-align: center;
@media (min-width: @screen-md-min) {
@@ -992,9 +996,9 @@ main,
}
}
}
-
+
.sponsor-event-section {
- background: linear-gradient(93deg, #E5F3FE -5.22%, #F5F5F5 105.13%);
+ background: linear-gradient(93deg, #e5f3fe -5.22%, #f5f5f5 105.13%);
.sponsor-event-form {
background-color: #fff;
@@ -1034,12 +1038,13 @@ main,
}
}
-.cta-section { // Convert to featured story
+.cta-section {
+ // Convert to featured story
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
- border-radius: 4rem;
+ border-radius: 4rem;
justify-content: space-between;
align-items: center;
text-align: center;
@@ -1062,7 +1067,6 @@ main,
align-items: center;
min-width: 33%;
-
.btn {
min-width: 20rem;
}
diff --git a/static/mix-manifest.json b/static/mix-manifest.json
index 1e2f0cde559ea0a6927b3213f3edd434ee9bd25d..48463eec69d2975e9451e9bd2f80c356946572f8 100644
--- a/static/mix-manifest.json
+++ b/static/mix-manifest.json
@@ -1,6 +1,7 @@
{
"/js/solstice.js": "/js/solstice.js",
"/js/events-feed.js": "/js/events-feed.js",
+ "/js/homepage.js": "/js/homepage.js",
"/js/events-calendar.js": "/js/events-calendar.js",
"/css/styles.css": "/css/styles.css",
"/css/2023-osc.css": "/css/2023-osc.css",