Push

package.json

@@ -12,25 +12,25 @@
     "dependencies": {
         "@fontsource/poppins": "^5.2.6",
         "@jop-software/astro-cookieconsent": "^3.0.1",
-        "@tailwindcss/vite": "^4.1.10",
-        "astro": "^5.9.2",
+        "@tailwindcss/vite": "^4.1.12",
+        "astro": "^5.13.5",
         "astro-icon": "^1.1.5",
-        "astro-pagefind": "^1.8.3",
-        "preline": "^3.1.0",
-        "sass": "^1.89.2",
-        "tailwindcss": "^4.1.10",
+        "astro-pagefind": "^1.8.4",
+        "preline": "^3.2.3",
+        "sass": "^1.91.0",
+        "tailwindcss": "^4.1.12",
         "vanilla-cookieconsent": "^3.1.0"
     },
     "devDependencies": {
-        "@iconify-json/gis": "^1.2.3",
+        "@iconify-json/gis": "^1.2.5",
         "@iconify-json/mdi": "^1.2.3",
-        "@typescript-eslint/eslint-plugin": "^8.34.0",
-        "@typescript-eslint/parser": "^8.34.0",
-        "eslint": "^9.28.0",
-        "eslint-config-prettier": "^10.1.5",
+        "@typescript-eslint/eslint-plugin": "^8.41.0",
+        "@typescript-eslint/parser": "^8.41.0",
+        "eslint": "^9.34.0",
+        "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-astro": "^1.3.1",
-        "prettier": "^3.5.3",
+        "prettier": "^3.6.2",
         "prettier-plugin-astro": "^0.14.1",
-        "prettier-plugin-tailwindcss": "^0.6.12"
+        "prettier-plugin-tailwindcss": "^0.6.14"
     }
 }

src/components/Logos.astro

@@ -1,6 +1,6 @@
 ---
 import type {ImageMetadata} from 'astro';
-import {Image, Picture} from 'astro:assets';
+import {Picture} from 'astro:assets';
 
 const _logos = import.meta.glob<{default: ImageMetadata}>('/src/images/logos/*.{jpeg,jpg,png,gif}');
 const logos: Array<{src: ImageMetadata; alt: string}> = await Promise.all(
@@ -9,8 +9,13 @@ const logos: Array<{src: ImageMetadata; alt: string}> = await Promise.all(
         if (!name) {
             throw new Error(`Could not extract name from path: ${path}`);
         }
+
+        const NAME_SEPARATOR = '-';
+        const [_position, ...titleParts] = name.split(NAME_SEPARATOR);
+        const title = titleParts.join(NAME_SEPARATOR);
+
         const logo = await logo$();
-        return {src: logo.default, alt: name};
+        return {src: logo.default, alt: title};
     }),
 );
 ---
@@ -26,8 +31,14 @@ const logos: Array<{src: ImageMetadata; alt: string}> = await Promise.all(
     <!-- End Title -->
 
     <!-- Grid -->
-    <div class="my-8 grid grid-cols-3 gap-6 sm:flex sm:justify-center sm:gap-x-12 md:my-16 lg:gap-x-20">
-        {logos.map((logo) => <Picture src={logo.src} alt={logo.alt} />)}
+    <div class="my-8 grid grid-cols-3 gap-6 sm:justify-center sm:gap-x-12 md:my-16 md:grid-cols-4 lg:gap-x-20">
+        {
+            logos.map((logo) => (
+                <div class="flex w-full items-center justify-center">
+                    <Picture src={logo.src} alt={logo.alt} class="h-auto w-full object-contain" />
+                </div>
+            ))
+        }
         <!-- <a class="shrink-0 transition hover:-translate-y-1" href="#">
             <svg
                 class="mx-auto size-6 sm:mx-0 md:size-10"