Merge pull request #1822 from anatoliykmetyuk/add-bronze-silver-sponsors

Add bronze and silver sponsors

Author: darjutak

_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
+    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/

_includes/scala-days-sponsors.html

@@ -1,27 +1,45 @@
-<div class="scala-days-sponsors-bar">
+<div class="scala-days-orgs-bar">
   <!-- Brought to you by -->
-  <div class="sponsors-brought-to-you-by">
+  <div class="scaladays-orgs-brought-to-you-by">
     Scala Days 2025 is brought to you by:
   </div>
 
-  <!-- Static Platinum Sponsors Row -->
-  <div class="sponsors-static-row">
-    {% for sponsor in site.data.scala-days-sponsors.sponsors %}
-      {% if sponsor.type == 'Platinum' %}
-        <a href="{{ sponsor.url }}" class="sponsor-logo-link-platinum" target="_blank" rel="noopener">
-          <img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="sponsor-logo-platinum" />
-        </a>
-      {% endif %}
-    {% endfor %}
+  <!-- Static Platinum and Gold Orgs Row -->
+  <div class="scaladays-orgs-static-row">
+    <!-- Platinum scaladays-orgs (Left Side) -->
+    <div class="platinum-scaladays-orgs">
+      {% 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' %}
+          <a href="{{ sponsor.url }}" class="scaladays-org-logo-link-platinum" target="_blank" rel="noopener">
+            <img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="scaladays-org-logo-static-row {{ sponsor_type.css-class }}" />
+          </a>
+        {% endif %}
+      {% endfor %}
+    </div>
+
+    <!-- Gold scaladays-orgs (Right Side, Flex Layout) -->
+    <div class="gold-scaladays-orgs-flex">
+      {% 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' %}
+          <a href="{{ sponsor.url }}" class="scaladays-org-logo-link-gold {{ sponsor_type.css-class }}" target="_blank" rel="noopener">
+            <img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="scaladays-org-logo-gold-row" />
+          </a>
+        {% endif %}
+      {% endfor %}
+    </div>
   </div>
-  <!-- Scrolling Track for Non-Platinum Sponsors -->
-  <div class="sponsors-carousel">
-    <div class="sponsors-track" id="sponsors-track">
+
+  <!-- Scrolling Track for Non-Platinum scaladays-orgs -->
+  <div class="scaladays-orgs-carousel">
+    <div class="scaladays-orgs-track" id="scaladays-orgs-track">
       {% 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' %}
-          <a href="{{ sponsor.url }}" class="sponsor-logo-link" target="_blank" rel="noopener">
-            <img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="sponsor-logo" />
+          <a href="{{ sponsor.url }}" class="scaladays-org-logo-link {{ sponsor_type.css-class }}-carousel" target="_blank" rel="noopener">
+            <img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="scaladays-org-logo" />
           </a>
         {% endunless %}
       {% endfor %}

_sass/components/scala-days-sponsors.scss

@@ -1,33 +1,34 @@
-// 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);
   padding: 1em 0;
   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,55 +49,150 @@
   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;
   margin-bottom: 1em;
   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;
+  }
+}