Add sponsor logos

Author: anatoliykmetyuk

_data/scala-days-sponsors.yml

@@ -0,0 +1,40 @@
+# Sponsors Data
+# ----------------------------------------------------------------------------------------------------------
+# ----------------------------------------------------------------------------------------------------------
+
+sponsorship-types:
+  - title: Platinum
+    icon: img/assets/icon-platinum.svg
+  - title: Gold
+    icon: img/assets/icon-gold.svg
+
+sponsors:
+  - title: VirtusLab
+    type: Platinum
+    logo: /resources/img/scala-days-sponsors/virtuslab.png
+    url: https://virtuslab.com
+
+  - title: Signify Technology
+    type: Platinum
+    logo: /resources/img/scala-days-sponsors/signify.png
+    url: https://signify.com
+
+  - title: Gradle
+    type: Gold
+    logo: /resources/img/scala-days-sponsors/gradle.png
+    url: https://gradle.org
+
+  - title: JetBrains
+    type: Gold
+    logo: /resources/img/scala-days-sponsors/jetbrains.svg
+    url: https://jetbrains.com
+
+  - title: Scalac
+    type: Gold
+    logo: /resources/img/scala-days-sponsors/scalac.svg
+    url: https://scalac.io
+
+  - title: Xebia
+    type: Gold
+    logo: /resources/img/scala-days-sponsors/xebia.svg
+    url: https://xebia.com

_includes/scala-days-announcement.html

@@ -0,0 +1,16 @@
+<div class="scala-days-sponsors-bar">
+  <div class="sponsors-carousel">
+    <div class="sponsors-track">
+      {% for sponsor in site.data.scala-days-sponsors.sponsors %}
+        <a href="{{ sponsor.url }}" class="sponsor-logo-link" target="_blank" rel="noopener">
+          <img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="sponsor-logo" />
+        </a>
+      {% endfor %}
+      {% for sponsor in site.data.scala-days-sponsors.sponsors %}
+        <a href="{{ sponsor.url }}" class="sponsor-logo-link" target="_blank" rel="noopener">
+          <img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="sponsor-logo" />
+        </a>
+      {% endfor %}
+    </div>
+  </div>
+</div>

_includes/scala-days-sponsors.html

@@ -39,7 +39,7 @@
         </nav>
       </div>
       {% include scala-days-countdown.html %}
-      {% include scala-days-announcement.html %}
+      {% include scala-days-sponsors.html %}
       <div class="wrap flex-row-align-end">
         <!-- Inner Text -->
         <div class="col-lg-6">

_layouts/frontpage.html

@@ -0,0 +1,70 @@
+// SCALA DAYS 2025 SPONSORS
+//------------------------------------------------
+//------------------------------------------------
+
+.scala-days-sponsors-bar {
+  width: 100%;
+  overflow: hidden;
+  background: transparent;
+  padding: 0.5em 0;
+  position: relative;
+}
+
+.sponsors-carousel {
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  white-space: nowrap;
+}
+
+.sponsors-track {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  white-space: nowrap;
+  width: max-content;
+  animation: sponsors-scroll 40s linear infinite;
+  will-change: transform;
+}
+
+.sponsor-logo-link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 140px;
+  height: 48px;
+  margin: 0 1em;
+  flex: 0 0 auto;
+}
+
+.sponsor-logo {
+  max-height: 40px;
+  max-width: 120px;
+  width: auto;
+  height: auto;
+  filter: brightness(0) invert(1);
+  opacity: 0.92;
+  transition: opacity 0.2s;
+  display: block;
+  margin: 0 auto;
+}
+.sponsor-logo-link:hover .sponsor-logo {
+  opacity: 1;
+}
+
+@keyframes sponsors-scroll {
+  0% { transform: translateX(0); }
+  100% { transform: translateX(-50%); }
+}
+
+@media (max-width: 700px) {
+  .sponsor-logo-link {
+    width: 80px;
+    height: 28px;
+    margin: 0 0.5em;
+  }
+  .sponsor-logo {
+    max-height: 24px;
+    max-width: 60px;
+  }
+}

_sass/components/scala-days-sponsors.scss

@@ -76,4 +76,5 @@
 @import 'components/tab';
 @import 'components/tag';
 @import 'components/search';
-@import 'components/countdown';
+@import 'components/countdown';
+@import 'components/scala-days-sponsors';

resources/css/style.scss

@@ -1,6 +1,3 @@
----
----
-
 // Sliding Panel
 $(document).ready(function() {
     $('.navigation-panel-button,.navigation-fade-screen,.navigation-panel-close').on('click touchstart', function(e) {
@@ -629,3 +626,22 @@ $(document).ready(function() {
     }, 60000);
   }
 });
+
+// Seamless infinite scroll for Scala Days sponsors bar (no memory leak, no visible jump)
+document.addEventListener("DOMContentLoaded", function() {
+  var track = document.getElementById('sponsors-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() {
+    pos -= 1; // px per frame, adjust for speed
+    if (Math.abs(pos) >= totalWidth) {
+      pos = 0;
+    }
+    track.style.transform = 'translateX(' + pos + 'px)';
+    requestAnimationFrame(animateSponsorsBar);
+  }
+  animateSponsorsBar();
+});