個人スポンサーの表示を追加

Author: Fukusan64

_data/sponsors.yml

@@ -92,3 +92,21 @@
   logo: /img/sponsors/stellalink.png
   link: https://www.stellalink.co.jp/
   type: inkind
+
+# 個人スポンサー
+- name: 宮野 慧
+  link: https://miyacorata.net
+  type: individual
+
+- name: Katz Ueno
+  link: https://coderdojoowari.org
+  type: individual
+
+- name: 高田悠
+  link: https://coderdojo-iwata.connpass.com/
+  type: individual
+
+- name: 田代　拓也
+  link: https://peatix.com/group/10488940
+  type: individual
+

_includes/top/sections/sponsor.html

@@ -122,6 +122,23 @@ <h3 class="text-2xl mt-20 text-center mb-4">インカインドスポンサー
     {% endfor %}
   </div>
 
+  <h3 class="text-2xl mt-20 text-center mb-4">個人スポンサー
+    <span class="block text-base mt-1">INDIVIDUAL SPONSOR</span>
+  </h3>
+  <div class="grid grid-cols-1 sm:grid-cols-2 gap-6 max-w-xl mx-auto mb-16">
+    {% for sponsor in individual_sponsors %}
+      <div class="flex items-center justify-center">
+        {% if sponsor.link %}
+          <a href="{{ sponsor.link }}" target="_blank" rel="noopener noreferrer"
+            class="block text-2xl font-bold text-center transition-transform duration-200 hover:scale-110 cursor-pointer">
+            {{ sponsor.name }}
+          </a>
+        {% else %}
+          <span class="block text-2xl font-bold text-center">{{ sponsor.name }}</span>
+        {% endif %}
+      </div>
+    {% endfor %}
+  </div>
   <div class="mx-auto mb-8">
     {% include button.html href="/sponsorship/list/" label="スポンサーの紹介を見る" %}
   </div>

_pages/sponsors.md

@@ -130,3 +130,21 @@ title: スポンサーのご紹介
     </div>
   {% endfor %}
 </div>
+
+<h3 class="text-2xl mt-15 mx-8 text-center mb-4">個人スポンサー
+  <span class="block text-base mt-1">INDIVIDUAL SPONSOR</span>
+</h3>
+<div class="grid grid-cols-1 sm:grid-cols-2 gap-6 max-w-xl mx-auto mb-16">
+  {% for sponsor in individual_sponsors %}
+    <div class="flex items-center justify-center">
+      {% if sponsor.link %}
+        <a href="{{ sponsor.link }}" target="_blank" rel="noopener noreferrer"
+          class="block text-2xl font-bold text-center transition-transform duration-200 hover:scale-110 cursor-pointer">
+          {{ sponsor.name }}
+        </a>
+      {% else %}
+        <span class="block text-2xl font-bold text-center">{{ sponsor.name }}</span>
+      {% endif %}
+    </div>
+  {% endfor %}
+</div>