fix: Diamond/Platinum/Gold スポンサーにホバーエフェクトを追加

PR #36 で実装されたホバーエフェクトが Diamond/Platinum/Gold
スポンサーで欠落していた問題を修正。

- class に 'block transition-transform hover:scale-105' を追加
- PR #36 の機能を完全に維持

Author: yasulab

_includes/sponsors.html

@@ -19,11 +19,11 @@ <h3> ダイアモンドスポンサー </h3>
     <div class="flex justify-center mb-6 px-4">
       {% for sponsor in sponsors_diamond %}
       {% if sponsor.link != "" %}
-      <a href="{{ sponsor.link }}" target="_blank" rel="noopener noreferrer" class="inline-block">
+      <a href="{{ sponsor.link }}" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
         <img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-200 sm:w-240 h-auto max-h-64 object-contain">
       </a>
       {% else %}
-      <div class="inline-block">
+      <div class="block">
         <img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-200 sm:w-240 h-auto max-h-64 object-contain">
       </div>
       {% endif %}
@@ -41,11 +41,11 @@ <h3> プラチナスポンサー </h3>
     <div class="flex justify-center mb-6 px-4">
       {% for sponsor in sponsors_platinum %}
       {% if sponsor.link != "" %}
-      <a href="{{ sponsor.link }}" target="_blank" rel="noopener noreferrer" class="inline-block">
+      <a href="{{ sponsor.link }}" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
         <img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-100 sm:w-120 h-auto max-h-32 object-contain">
       </a>
       {% else %}
-      <div class="inline-block">
+      <div class="block">
         <img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-100 sm:w-120 h-auto max-h-32 object-contain">
       </div>
       {% endif %}
@@ -63,11 +63,11 @@ <h3> ゴールドスポンサー </h3>
     <div class="flex justify-center mb-6 px-4">
       {% for sponsor in sponsors_gold %}
       {% if sponsor.link != "" %}
-      <a href="{{ sponsor.link }}" target="_blank" rel="noopener noreferrer" class="inline-block">
+      <a href="{{ sponsor.link }}" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
         <img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-full max-w-md sm:max-w-lg max-h-48 object-contain">
       </a>
       {% else %}
-      <div class="inline-block">
+      <div class="block">
         <img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-full max-w-md sm:max-w-lg max-h-48 object-contain">
       </div>
       {% endif %}