Merge pull request #28 from pythonsul/add-apyb-logo

feat: add APYB logo as suporter [#27]

Author: tomkiel

content/data/section/sponsors.json

@@ -59,17 +59,27 @@
     {
       "name": "Cumbuca Dev",
       "url": "https://cumbuca.dev/",
-      "logo": "https://cumbuca.dev/wp-content/uploads/2024/08/site-logo.png?w=60&h=60",
+      "logo": "/images/sponsors/cumbuca.png",
       "alt": {
         "pt-br": "Logo da Cumbuca Dev",
         "en": "Cumbuca Dev Logo",
         "es": "Logo de Cumbuca Dev"
       }
     },
+    {
+      "name": "APYB",
+      "url": "https://apyb.python.org.br",
+      "logo": "/images/sponsors/apyb.png",
+      "alt": {
+        "pt-br": "Logo da APYB - Associação Python Brasil",
+        "en": "APYB Logo",
+        "es": "Logo de APYB"
+      }
+    },
     {
       "name": "GDG - Porto Alegre",
       "url": "https://gdg.community.dev/gdg-porto-alegre/",
-      "logo": "https://sul.python.org.br/images/gdg-poa.png",
+      "logo": "/images/sponsors/gdg-poa.png",
       "alt": {
         "pt-br": "Logo do GDG - Porto Alegre",
         "en": "Logo of GDG - Porto Alegre",
@@ -79,7 +89,7 @@
     {
       "name": "Canal Roveeb",
       "url": "https://roveeb.com/",
-      "logo": "https://sul.python.org.br/images/logo-roveeb.png",
+      "logo": "/images/sponsors/roveeb.png",
       "alt": {
         "pt-br": "Logo do Canal Roveeb - Lajeado - RS",
         "en": "Logo of Canal Roveeb - Lajeado - RS",
@@ -89,12 +99,12 @@
     {
       "name": "PHPRS",
       "url": "https://github.com/PHPRS",
-      "logo": "https://sul.python.org.br/images/phprs.jpg",
+      "logo": "/images/sponsors/phprs.jpg",
       "alt": {
         "pt-br": "Logo da PHPRS",
         "en": "PHPRS Logo",
         "es": "Logo de PHPRS"
       }
     }
   ]
-}
+}

content/images/sponsors/apyb.png

@@ -35,5 +35,24 @@
     &.canal-roveeb {
       background-color: $black;
     }
+
+    &.apyb {
+      img {
+        height: $space-5;
+      }
+    }
+  }
+
+  figure {
+    margin: 0;
+    @include flex-center;
+
+    picture {
+      @include flex-center;
+    }
+  }
+
+  figcaption {
+    display: none;
   }
 }

content/images/sponsors/cumbuca.png

@@ -4,7 +4,7 @@
 {{ $className := .className | default "" }}
 {{ $isAvatar := isset . "avatar" }}
 {{ $image := resources.Get $sourcePath }}
-{{ $image := $image | default (resources.Get "/images/placeholder.png") }}
+{{ $image = $image | default (resources.Get "/images/placeholder.png") }}
 
 {{/* Set responsive image sizes based on avatar flag */}}
 {{ $sizeSmall := cond $isAvatar "32x" "600x" }}
@@ -13,30 +13,43 @@
 {{ $sizeFull := cond $isAvatar "128x" "1400x" }}
 
 {{ with $image }}
-  {{/* Generate resized images in WebP and JPEG formats */}}
+  {{/* Determine original image format (prefer resource MediaType, fall back to path extension) */}}
+  {{ $extFromPath := lower (strings.TrimPrefix "." (path.Ext $sourcePath)) }}
+  {{ $origFormat := (.MediaType.SubType | default $extFromPath) | lower }}
+  {{ $isPNG := or (eq $origFormat "png") (eq $origFormat "x-png") }}
+
+  {{/* Generate resized images in WebP and original/fallback formats */}}
   {{ $webpSmall := .Resize (printf "%s webp q80" $sizeSmall) }}
   {{ $webpMedium := .Resize (printf "%s webp q80" $sizeMedium) }}
   {{ $webpLarge := .Resize (printf "%s webp q80" $sizeLarge) }}
-  {{ $jpegFull := .Resize (printf "%s jpg q90" $sizeFull) }}
+
+  {{ $fallbackConfig := cond $isPNG (dict "format" "png" "mime" "image/png") (dict "format" "jpg q90" "mime" "image/jpeg") }}
+  {{ $fallback := .Resize (printf "%s %s" $sizeFull (index $fallbackConfig "format")) }}
+  {{ $mimeFallback := index $fallbackConfig "mime" }}
+  {{ $sizesAttr := cond $isAvatar "(min-width: 1024px) 128px, (min-width: 800px) 64px, 32px" "(min-width: 1024px) 1400px, (min-width: 800px) 1000px, 600px" }}
 
   <figure class="{{ $className }}">
     <picture>
-      {{/* JPEG fallback for large screens */}}
-      <source srcset="{{ $jpegFull.Permalink }}" type="image/jpeg" media="(min-width: 1024px)">
-      {{/* WebP for large, medium, and small screens */}}
+      {{/* WebP sources for modern browsers */}}
       <source srcset="{{ $webpLarge.Permalink }}" type="image/webp" media="(min-width: 1024px)">
       <source srcset="{{ $webpMedium.Permalink }}" type="image/webp" media="(max-width: 1024px)">
       <source srcset="{{ $webpSmall.Permalink }}" type="image/webp" media="(max-width: 800px)">
+
+      {{/* Fallback for large screens in original format (PNG or JPEG) */}}
+      <source srcset="{{ $fallback.Permalink }}" type="{{ $mimeFallback }}" media="(min-width: 1024px)">
+
       {{/* Fallback img tag with alt text and lazy loading */}}
       <img
-        src="{{ $jpegFull.Permalink }}"
+        src="{{ $fallback.Permalink }}"
         alt="{{ $alt | plainify }}"
-        width="{{ $jpegFull.Width }}"
-        height="{{ $jpegFull.Height }}"
+        width="{{ $fallback.Width }}"
+        height="{{ $fallback.Height }}"
+        sizes="{{ $sizesAttr }}"
         loading="lazy"
         decoding="async"
-        />
+      />
     </picture>
+
     {{/* Show figcaption if alt is set and not an avatar */}}
     {{ if and $alt (not $isAvatar) }}
       <figcaption>CC: {{ $alt }}</figcaption>

src/static/images/gdg-poa.png renamed to content/images/sponsors/gdg-poa.png

@@ -1,4 +1,5 @@
 {{ $supporters := .Site.Data.section.sponsors.supporters }}
+{{ $currentLang := .Site.Language.Lang }}
 
 <section class="sponsors" id="sponsors">
   <div class="section-container">
@@ -14,7 +15,8 @@ <h2 class="section-title">
       {{ range $supporters }}
         <div class="supporter-logo {{ .name | urlize }}">
           <a href="{{ .url }}" target="_blank" rel="noopener noreferrer">
-            <img src="{{ .logo }}" alt="{{ .name }} Logo" />
+            {{ $alt := index .alt $currentLang }}
+            {{ partial "core/image.html" (dict "src" .logo "alt" $alt ) }}
           </a>
         </div>
       {{ end }}