diff --git a/_data/scala-days-sponsors.yml b/_data/scala-days-sponsors.yml index 1af86d1da..816ede2e1 100644 --- a/_data/scala-days-sponsors.yml +++ b/_data/scala-days-sponsors.yml @@ -5,8 +5,16 @@ sponsorship-types: - title: Platinum icon: img/assets/icon-platinum.svg + css-class: scaladays-org-logo-platinum - title: Gold icon: img/assets/icon-gold.svg + css-class: scaladays-org-logo-gold + - title: Silver + icon: img/assets/icon-silver.svg + css-class: scaladays-org-logo-silver + - title: Bronze + icon: img/assets/icon-bronze.svg + css-class: scaladays-org-logo-bronze sponsors: - title: VirtusLab @@ -42,4 +50,69 @@ sponsors: - title: Writer type: Gold logo: /resources/img/scala-days-sponsors/writer.svg - url: https://writer.com \ No newline at end of file + url: https://writer.com + + - title: Kpler + type: Silver + logo: /resources/img/scala-days-sponsors/kpler.png + url: https://www.kpler.com/ + + - title: Scala Teams + type: Bronze + logo: /resources/img/scala-days-sponsors/scalateams.png + url: https://scalateams.com/ + + - title: Mastercard + type: Bronze + logo: /resources/img/scala-days-sponsors/mc_symbol.svg + url: https://www.mastercard.com/ + + - title: MOIA + type: Bronze + logo: /resources/img/scala-days-sponsors/MOIA-logo-black.png + url: https://www.moia.io/en + + - title: Les Toises + type: Bronze + logo: /resources/img/scala-days-sponsors/les-toises.png + url: https://www.lestoises.ch/ + + - title: Rock the JVM + type: Bronze + logo: /resources/img/scala-days-sponsors/rock-the-jvm.png + url: https://rockthejvm.com/ + + - title: Ngrok + type: Bronze + logo: /resources/img/scala-days-sponsors/ngrok-coral.svg + url: https://ngrok.com/ + + - title: Youmoni + type: Bronze + logo: /resources/img/scala-days-sponsors/youmoni.svg + url: https://youmoni.com/ + + - title: DFiant + type: Bronze + logo: /resources/img/scala-days-sponsors/DFiant-LightBG.png + url: https://dfiant.works/ + + - title: Snowplow Analytics Ltd + type: Bronze + logo: /resources/img/scala-days-sponsors/snowplow-logo.svg + url: https://snowplow.io/ + + - title: SoftwareMill + type: Bronze + logo: /resources/img/scala-days-sponsors/softwaremill-logo.png + url: https://softwaremill.com/ + + - title: Tiko + type: Bronze + logo: /resources/img/scala-days-sponsors/tiko.png + url: https://tiko.org/ + + - title: Recorded Future + type: Bronze + logo: /resources/img/scala-days-sponsors/recorded-future.png + url: https://www.recordedfuture.com/ diff --git a/_includes/scala-days-sponsors.html b/_includes/scala-days-sponsors.html index 01c578faa..a206ea347 100644 --- a/_includes/scala-days-sponsors.html +++ b/_includes/scala-days-sponsors.html @@ -1,27 +1,45 @@ -
+
-
+
Scala Days 2025 is brought to you by:
- -
- {% for sponsor in site.data.scala-days-sponsors.sponsors %} - {% if sponsor.type == 'Platinum' %} - - {% endif %} - {% endfor %} + +
+ +
+ {% for sponsor in site.data.scala-days-sponsors.sponsors %} + {% assign sponsor_type = site.data.scala-days-sponsors.sponsorship-types | where: "title", sponsor.type | first %} + {% if sponsor.type == 'Platinum' %} + + + + {% endif %} + {% endfor %} +
+ + +
+ {% for sponsor in site.data.scala-days-sponsors.sponsors %} + {% assign sponsor_type = site.data.scala-days-sponsors.sponsorship-types | where: "title", sponsor.type | first %} + {% if sponsor.type == 'Gold' %} + + {% endif %} + {% endfor %} +
- -
-
+ + +
+
{% for i in (1..10) %} {% for sponsor in site.data.scala-days-sponsors.sponsors %} + {% assign sponsor_type = site.data.scala-days-sponsors.sponsorship-types | where: "title", sponsor.type | first %} {% unless sponsor.type == 'Platinum' %} - {% endunless %} {% endfor %} diff --git a/_sass/components/scala-days-sponsors.scss b/_sass/components/scala-days-sponsors.scss index 35963d4f4..539fa1dfb 100644 --- a/_sass/components/scala-days-sponsors.scss +++ b/_sass/components/scala-days-sponsors.scss @@ -1,8 +1,8 @@ -// SCALA DAYS 2025 SPONSORS +// SCALA DAYS 2025 scaladays-orgs //------------------------------------------------ //------------------------------------------------ -.scala-days-sponsors-bar { +.scala-days-orgs-bar { width: 100%; overflow: hidden; background: rgba(30, 40, 50, 0.2); @@ -10,24 +10,25 @@ position: relative; } -.sponsors-carousel { +.scaladays-orgs-carousel { width: 100%; overflow: hidden; position: relative; white-space: nowrap; + margin-top: 2em; } -.sponsors-track { +.scaladays-orgs-track { display: flex; flex-direction: row; align-items: center; white-space: nowrap; width: max-content; - animation: sponsors-scroll 120s linear infinite; + animation: scaladays-orgs-scroll 180s linear infinite; will-change: transform; } -.sponsor-logo-link { +.scaladays-org-logo-link { display: flex; align-items: center; justify-content: center; @@ -37,7 +38,7 @@ flex: 0 0 auto; } -.sponsor-logo { +.scaladays-org-logo { max-height: 40px; max-width: 120px; width: auto; @@ -48,35 +49,90 @@ display: block; margin: 0 auto; } -.sponsor-logo-link:hover .sponsor-logo { +.scaladays-org-logo-link:hover .scaladays-org-logo { opacity: 1; } -.sponsors-static-row { +.scaladays-orgs-static-row { display: flex; flex-direction: row; - align-items: flex-end; - width: max-content; + align-items: center; + justify-content: center; + width: 100%; + max-width: 1200px; margin-left: auto; margin-right: auto; - gap: 3em; + gap: 4em; margin-bottom: 1em; + padding: 0 1em; +} + +.platinum-scaladays-orgs { + display: flex; + flex-direction: row; + align-items: center; + gap: 2em; + flex-shrink: 0; + height: 80px; +} + +.gold-scaladays-orgs { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: repeat(2, 1fr); + gap: 1.5em; + align-items: center; + justify-items: center; + flex-grow: 1; + max-width: 600px; } -.sponsor-logo-link-platinum { +.scaladays-org-logo-link-platinum { display: flex; align-items: center; justify-content: center; + height: 80px; } -.sponsor-logo-platinum { +.scaladays-org-logo-static-row { max-height: 80px !important; + height: 80px; + width: auto; + filter: brightness(0) invert(1); + opacity: 0.92; + transition: opacity 0.2s; +} + +.gold-scaladays-orgs-flex { + display: flex; + flex-wrap: wrap; + align-items: flex-start; + justify-content: center; + gap: 1em 2em; + // height: 80px; + max-width: 400px; + width: 100%; +} + +.scaladays-org-logo-link-gold { + display: flex; + align-items: center; + justify-content: center; + height: 25px; + flex: 0 1 calc(33.333% - 2em); + width: 100%; +} + +.scaladays-org-logo-gold-row { + max-height: 25px !important; + height: 25px; + width: auto; filter: brightness(0) invert(1); opacity: 0.92; transition: opacity 0.2s; } -.sponsors-brought-to-you-by { +.scaladays-orgs-brought-to-you-by { font-size: 1.2em; font-weight: 600; color: #fff; @@ -84,19 +140,59 @@ text-align: center; } -@keyframes sponsors-scroll { +@keyframes scaladays-orgs-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @media (max-width: 700px) { - .sponsor-logo-link { + .scaladays-orgs-static-row { + flex-direction: column; + gap: 1em; + } + .platinum-scaladays-orgs { + justify-content: center; + gap: 1.5em; + height: auto; + } + .gold-scaladays-orgs-flex { + display: none; + } + .scaladays-org-logo-link { width: 80px; height: 28px; margin: 0 0.5em; } - .sponsor-logo { + .scaladays-org-logo { max-height: 24px; max-width: 60px; } } + +@media (min-width: 701px) { + .scaladays-org-logo-gold-carousel { + display: none; + } +} + +@media (max-width: 1000px) and (min-width: 701px) { + .gold-scaladays-orgs { + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(3, 1fr); + gap: 1em; + } +} + +@media (max-width: 900px) and (min-width: 701px) { + .scaladays-orgs-static-row { + gap: 1.5em; + } + + .platinum-scaladays-orgs { + gap: 1.5em; + } + + .gold-scaladays-orgs { + gap: 0.8em; + } +} diff --git a/resources/img/scala-days-sponsors/DFiant-AgnosticBG.png b/resources/img/scala-days-sponsors/DFiant-AgnosticBG.png new file mode 100644 index 000000000..e0b64f941 Binary files /dev/null and b/resources/img/scala-days-sponsors/DFiant-AgnosticBG.png differ diff --git a/resources/img/scala-days-sponsors/DFiant-DarkBG.png b/resources/img/scala-days-sponsors/DFiant-DarkBG.png new file mode 100644 index 000000000..dd2340480 Binary files /dev/null and b/resources/img/scala-days-sponsors/DFiant-DarkBG.png differ diff --git a/resources/img/scala-days-sponsors/DFiant-LightBG.png b/resources/img/scala-days-sponsors/DFiant-LightBG.png new file mode 100644 index 000000000..b1b87923b Binary files /dev/null and b/resources/img/scala-days-sponsors/DFiant-LightBG.png differ diff --git a/resources/img/scala-days-sponsors/MOIA-logo-black.png b/resources/img/scala-days-sponsors/MOIA-logo-black.png new file mode 100644 index 000000000..3b4879bd6 Binary files /dev/null and b/resources/img/scala-days-sponsors/MOIA-logo-black.png differ diff --git a/resources/img/scala-days-sponsors/MOIA-logo-white.png b/resources/img/scala-days-sponsors/MOIA-logo-white.png new file mode 100644 index 000000000..b64442137 Binary files /dev/null and b/resources/img/scala-days-sponsors/MOIA-logo-white.png differ diff --git a/resources/img/scala-days-sponsors/kpler.png b/resources/img/scala-days-sponsors/kpler.png new file mode 100644 index 000000000..8acaf523c Binary files /dev/null and b/resources/img/scala-days-sponsors/kpler.png differ diff --git a/resources/img/scala-days-sponsors/les-toises.png b/resources/img/scala-days-sponsors/les-toises.png new file mode 100644 index 000000000..1067ed319 Binary files /dev/null and b/resources/img/scala-days-sponsors/les-toises.png differ diff --git a/resources/img/scala-days-sponsors/mc_symbol.svg b/resources/img/scala-days-sponsors/mc_symbol.svg new file mode 100644 index 000000000..d1bf0510b --- /dev/null +++ b/resources/img/scala-days-sponsors/mc_symbol.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/resources/img/scala-days-sponsors/ngrok-coral.svg b/resources/img/scala-days-sponsors/ngrok-coral.svg new file mode 100644 index 000000000..7bc9d6beb --- /dev/null +++ b/resources/img/scala-days-sponsors/ngrok-coral.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + diff --git a/resources/img/scala-days-sponsors/recorded-future.png b/resources/img/scala-days-sponsors/recorded-future.png new file mode 100644 index 000000000..a9660a126 Binary files /dev/null and b/resources/img/scala-days-sponsors/recorded-future.png differ diff --git a/resources/img/scala-days-sponsors/rock-the-jvm.png b/resources/img/scala-days-sponsors/rock-the-jvm.png new file mode 100644 index 000000000..582d8b731 Binary files /dev/null and b/resources/img/scala-days-sponsors/rock-the-jvm.png differ diff --git a/resources/img/scala-days-sponsors/scalateams.png b/resources/img/scala-days-sponsors/scalateams.png new file mode 100644 index 000000000..3f6f0a6b7 Binary files /dev/null and b/resources/img/scala-days-sponsors/scalateams.png differ diff --git a/resources/img/scala-days-sponsors/snowplow-logo.svg b/resources/img/scala-days-sponsors/snowplow-logo.svg new file mode 100644 index 000000000..d19f44707 --- /dev/null +++ b/resources/img/scala-days-sponsors/snowplow-logo.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/img/scala-days-sponsors/snowplow.svg b/resources/img/scala-days-sponsors/snowplow.svg new file mode 100644 index 000000000..a263da7ea --- /dev/null +++ b/resources/img/scala-days-sponsors/snowplow.svg @@ -0,0 +1,17 @@ + + + + + + diff --git a/resources/img/scala-days-sponsors/softwaremill-logo.png b/resources/img/scala-days-sponsors/softwaremill-logo.png new file mode 100644 index 000000000..a943f3aec Binary files /dev/null and b/resources/img/scala-days-sponsors/softwaremill-logo.png differ diff --git a/resources/img/scala-days-sponsors/tiko.png b/resources/img/scala-days-sponsors/tiko.png new file mode 100644 index 000000000..25a0fa4a3 Binary files /dev/null and b/resources/img/scala-days-sponsors/tiko.png differ diff --git a/resources/img/scala-days-sponsors/youmoni.svg b/resources/img/scala-days-sponsors/youmoni.svg new file mode 100644 index 000000000..596c9c65a --- /dev/null +++ b/resources/img/scala-days-sponsors/youmoni.svg @@ -0,0 +1,88 @@ + + + + + + diff --git a/resources/js/functions.js b/resources/js/functions.js index a7fcc687a..d8092a895 100644 --- a/resources/js/functions.js +++ b/resources/js/functions.js @@ -627,21 +627,21 @@ $(document).ready(function() { } }); -// Seamless infinite scroll for Scala Days sponsors bar (no memory leak, no visible jump) +// Seamless infinite scroll for Scala Days scaladays-orgs bar (no memory leak, no visible jump) document.addEventListener("DOMContentLoaded", function() { - var track = document.getElementById('sponsors-track'); + var track = document.getElementById('scaladays-orgs-track'); if (!track) return; // Get the width of one set of logos (half the track) var totalWidth = track.scrollWidth / 2; var pos = 0; - function animateSponsorsBar() { + function animateScaladaysOrgsBar() { pos -= 1; // px per frame, adjust for speed if (Math.abs(pos) >= totalWidth) { pos = 0; } track.style.transform = 'translateX(' + pos + 'px)'; - requestAnimationFrame(animateSponsorsBar); + requestAnimationFrame(animateScaladaysOrgsBar); } - animateSponsorsBar(); + animateScaladaysOrgsBar(); });