Merge branch 'main' into bust-sponsors-image-cache

.github/workflows/deploy.yml

@@ -15,7 +15,7 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Setup Ruby
-        uses: ruby/setup-ruby@v1.171.0
+        uses: ruby/setup-ruby@v1
         with:
           bundler-cache: true
 

_data/companies.yml

@@ -67,3 +67,10 @@ howdy:
   image: /images/sponsors/howdy.svg
   address: F. García Cortinas 2357
   address_url: https://maps.app.goo.gl/V9VASexXVijNw64p7
+
+mimiquate:
+  name: Mimiquate
+  url: https://www.mimiquate.com
+  image: /images/sponsors/mimiquate.svg
+  address: Bv. España 2480
+  address_url: https://maps.app.goo.gl/KUqohrMxJdLubP596

_data/sponsors.yml

@@ -1,8 +1,8 @@
 - rootstrap
-- gogrow
 - neocoast
 - eagerworks
 - cedarcode
 - howdy
 - xmartlabs
 - effectussoftware
+- mimiquate

_sass/sponsors.scss

@@ -3,10 +3,12 @@
   overflow: hidden;
 
   ul {
-    padding-left: 2rem;
+    padding-left: 3rem;
+    padding-top: 2rem;
+    padding-bottom: 2rem;
     display: flex;
     align-items: center;
-    gap: 2rem;
+    gap: 3rem;
     border-top: 2px solid black;
     background-color: #F6EEEC;
 
@@ -25,11 +27,8 @@
 
     li {
       img {
-        width: 12rem;
-
-        @media (max-width: 425px) {
-          width: 8rem;
-        }
+        max-width: 12rem;
+        height: 3rem;
       }
     }
   }

assets/js/sponsors.js

@@ -1,11 +1,7 @@
 document.addEventListener("DOMContentLoaded", () => {
-  const sponsorsList = document.querySelector("#sponsors-list ul")
-  duplicate(sponsorsList, {times: 2})
-  addAnimationToSponsorsLists()
-})
-
-function addAnimationToSponsorsLists() {
+  const sponsorsLists = document.querySelectorAll("#sponsors-list ul");
+  sponsorsLists.forEach((sponsorsList) => duplicate(sponsorsList, { times: 2 }));
   document.querySelectorAll("#sponsors-list ul").forEach(list => {
     list.classList.add("infinite-horizontal-animation")
   })
-}
+});

index.md

@@ -4,6 +4,7 @@
 
 <article>
   <section>
+    {% include sponsors.html %}
     {% include meetups.html %}
     {% include sponsors.html %}
   </section>