Skip to content

Commit ce34901

Browse files
yasulabyasulab
authored
Merge pull request #37 from coderdojo-japan/yaml-sponsors
スポンサー情報を YAML ファイルで管理
2 parents ba1f8e0 + 6fe54f7 commit ce34901

File tree

2 files changed

+189
-76
lines changed

2 files changed

+189
-76
lines changed

‎_data/sponsors.yml‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
# Coolest Projects Japan 2026 スポンサー情報
2+
# スポンサーの追加・変更はこのファイルを編集してください
3+
# 画像を置く場所はコチラ: /img/contests/sponsor-logos/
4+
5+
# Diamond Sponsor
6+
- name: Broadcom Foundation
7+
img: broadcom-foundation.svg
8+
type: diamond
9+
link: https://broadcomfoundation.org/
10+
11+
# Platinum Sponsor
12+
- name: 有限会社来栖川電算
13+
img: kurusugawa-computer-inc.svg
14+
type: platinum
15+
link: https://www.kurusugawa.jp/
16+
17+
# Gold Sponsor
18+
- name: 株式会社SmartOne
19+
img: smartone.svg
20+
type: gold
21+
link: https://smartone-robot.com/
22+
23+
# Silver Sponsors
24+
- name: 株式会社ITアドバイザー
25+
img: it-adviser.webp
26+
type: silver
27+
link: https://it-a-net.co.jp/
28+
29+
- name: Seeed株式会社
30+
img: seeed.webp
31+
type: silver
32+
link: https://www.seeed.co.jp/
33+
34+
- name: 株式会社パイク
35+
img: pike.webp
36+
type: silver
37+
link: ""
38+
39+
- name: 一般社団法人ライフスキルサポート協会
40+
img: life-skill-support-association.webp
41+
type: silver
42+
link: https://lifeskill.or.jp/
43+
44+
# In-Kind Sponsors (機材・物品・サービス提供)
45+
- name: YassLab株式会社
46+
img: yasslab.svg
47+
type: inkind
48+
link: https://yasslab.jp/ja/
49+
50+
- name: 株式会社GRIPS
51+
img: grips.webp
52+
type: inkind
53+
link: https://www.grips.co.jp/
54+
55+
- name: NPO法人デジタルものづくり協議会
56+
img: digital-monozukuri-council.webp
57+
type: inkind
58+
link: https://dmcouncil.or.jp/
59+
60+
- name: lab-sbsb
61+
img: lab-sbsb.svg
62+
type: inkind
63+
link: https://kata-studio.hr-sano.net
64+
65+
- name: ProtoPedia
66+
img: ptoropedia_beside.webp
67+
type: inkind
68+
link: https://protopedia.net/
69+
70+
- name: stellalink
71+
img: stellalink.svg
72+
type: inkind
73+
link: https://www.stellalink.co.jp/

‎_includes/sponsors.html‎

Lines changed: 116 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,105 +1,145 @@
1-
<!-- TODO: 最適化する -->
2-
31
<!-- スポンサー一覧 -->
2+
<!-- スポンサー情報は /_data/sponsors.yml を参照してください -->
3+
4+
{% assign sponsors_diamond = site.data.sponsors | where: "type", "diamond" %}
5+
{% assign sponsors_platinum = site.data.sponsors | where: "type", "platinum" %}
6+
{% assign sponsors_gold = site.data.sponsors | where: "type", "gold" %}
7+
{% assign sponsors_silver = site.data.sponsors | where: "type", "silver" %}
8+
{% assign sponsors_bronze = site.data.sponsors | where: "type", "bronze" %}
9+
{% assign sponsors_inkind = site.data.sponsors | where: "type", "inkind" %}
10+
411
<div class="mb-16">
512

6-
<!-- Diamond Sponsor -->
7-
<div class="mb-24">
13+
<!-- Diamond Sponsor -->
14+
{% if sponsors_diamond.size > 0 %}
15+
<div class="mb-24">
816
<section class="sponsors">
9-
<h3> ダイアモンドスポンサー </h3>
17+
<h3> ダイアモンドスポンサー </h3>
1018
</section>
1119
<div class="flex justify-center mb-6 px-4">
12-
<a href="https://broadcomfoundation.org/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
13-
<img src="/img/contests/sponsor-logos/broadcom-foundation.svg" alt="Broadcom Foundation Logo" class="w-200 sm:w-240 h-auto max-h-64 object-contain">
14-
</a>
15-
</div>
20+
{% for sponsor in sponsors_diamond %}
21+
{% if sponsor.link != "" %}
22+
<a href="{{ sponsor.link }}" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
23+
<img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-200 sm:w-240 h-auto max-h-64 object-contain">
24+
</a>
25+
{% else %}
26+
<div class="block">
27+
<img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-200 sm:w-240 h-auto max-h-64 object-contain">
28+
</div>
29+
{% endif %}
30+
{% endfor %}
1631
</div>
32+
</div>
33+
{% endif %}
1734

18-
<!-- Platinum Sponsor --->
19-
<div class="mb-24">
35+
<!-- Platinum Sponsor -->
36+
{% if sponsors_platinum.size > 0 %}
37+
<div class="mb-24">
2038
<section class="sponsors">
21-
<h3> プラチナスポンサー </h3>
39+
<h3> プラチナスポンサー </h3>
2240
</section>
2341
<div class="flex justify-center mb-6 px-4">
24-
<a href="https://www.kurusugawa.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
25-
<img src="/img/contests/sponsor-logos/kurusugawa-computer-inc.svg" alt="有限会社来栖川電算_ロゴ" class="w-100 sm:w-120 h-auto max-h-32 object-contain">
26-
</a>
27-
</div>
42+
{% for sponsor in sponsors_platinum %}
43+
{% if sponsor.link != "" %}
44+
<a href="{{ sponsor.link }}" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
45+
<img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-100 sm:w-120 h-auto max-h-32 object-contain">
46+
</a>
47+
{% else %}
48+
<div class="block">
49+
<img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-100 sm:w-120 h-auto max-h-32 object-contain">
50+
</div>
51+
{% endif %}
52+
{% endfor %}
2853
</div>
54+
</div>
55+
{% endif %}
2956

30-
<!-- Gold Sponsor -->
31-
<div class="mb-24">
57+
<!-- Gold Sponsor -->
58+
{% if sponsors_gold.size > 0 %}
59+
<div class="mb-24">
3260
<section class="sponsors">
33-
<h3> ゴールドスポンサー </h3>
61+
<h3> ゴールドスポンサー </h3>
3462
</section>
3563
<div class="flex justify-center mb-6 px-4">
36-
<a href="https://smartone-robot.com/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
37-
<img src="/img/contests/sponsor-logos/smartone.svg" alt="株式会社SmartOne" class="w-full max-w-md sm:max-w-lg max-h-48 object-contain">
38-
</a>
39-
</div>
64+
{% for sponsor in sponsors_gold %}
65+
{% if sponsor.link != "" %}
66+
<a href="{{ sponsor.link }}" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
67+
<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">
68+
</a>
69+
{% else %}
70+
<div class="block">
71+
<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">
72+
</div>
73+
{% endif %}
74+
{% endfor %}
4075
</div>
76+
</div>
77+
{% endif %}
4178

42-
<!-- Silver Sponsors -->
43-
<div class="mb-24 px-4">
79+
<!-- Silver Sponsors -->
80+
{% if sponsors_silver.size > 0 %}
81+
<div class="mb-24 px-4">
4482
<section class="sponsors mb-12">
45-
<h3> シルバースポンサー </h3>
83+
<h3> シルバースポンサー </h3>
4684
</section>
4785
<div class="flex flex-wrap justify-center items-center gap-8 sm:gap-4">
48-
<a href="https://it-a-net.co.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
49-
<img src="/img/contests/sponsor-logos/it-adviser.webp" alt="株式会社ITアドバイザー_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
50-
</a>
51-
<a href="https://www.seeed.co.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
52-
<img src="/img/contests/sponsor-logos/seeed.webp" alt="Seeed株式会社_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
53-
</a>
54-
<a data-proofer-ignore target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
55-
<img src="/img/contests/sponsor-logos/pike.webp" alt="株式会社パイク_ロゴ" class="w-28 sm:w-40 h-auto max-h-32 object-contain">
56-
</a>
57-
<a href="https://lifeskill.or.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
58-
<img src="/img/contests/sponsor-logos/life-skill-support-association.webp" alt="一般社団法人ライフスキルサポート協会_ロゴ" class="w-52 sm:w-70 h-auto max-h-32 object-contain">
59-
</a>
60-
</div>
86+
{% for sponsor in sponsors_silver %}
87+
{% if sponsor.link != "" %}
88+
<a href="{{ sponsor.link }}" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
89+
<img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
90+
</a>
91+
{% else %}
92+
<div data-proofer-ignore class="block transition-transform hover:scale-105">
93+
<img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-28 sm:w-40 h-auto max-h-32 object-contain">
94+
</div>
95+
{% endif %}
96+
{% endfor %}
6197
</div>
98+
</div>
99+
{% endif %}
62100

63-
<!-- Bronze Sponsor
64-
<div class="mb-24">
101+
<!-- Bronze Sponsor -->
102+
{% if sponsors_bronze.size > 0 %}
103+
<div class="mb-24">
65104
<section class="sponsors">
66-
<h3> ブロンズスポンサー </h3>
105+
<h3> ブロンズスポンサー </h3>
67106
</section>
107+
<div class="flex flex-wrap justify-center items-center gap-8 sm:gap-4 px-4">
108+
{% for sponsor in sponsors_bronze %}
109+
{% if sponsor.link != "" %}
110+
<a href="{{ sponsor.link }}" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
111+
<img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
112+
</a>
113+
{% else %}
114+
<div class="block transition-transform hover:scale-105">
115+
<img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
116+
</div>
117+
{% endif %}
118+
{% endfor %}
68119
</div>
69-
-->
70-
71-
<!-- In-Kind Sponsors -->
72-
<div class="mb-24 px-4">
73-
<section class="sponsors mb-12">
74-
<h3> In-Kindスポンサー(機材・物品・サービス提供) </h3>
75-
</section>
76-
<div class="flex flex-wrap justify-center items-center gap-12 sm:gap-8">
77-
<a href="https://yasslab.jp/ja/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
78-
<img src="/img/contests/sponsor-logos/yasslab.svg" alt="YassLab株式会社_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
79-
</a>
80-
<a href="https://www.grips.co.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
81-
<img src="/img/contests/sponsor-logos/grips.webp" alt="株式会社GRIPS_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
82-
</a>
83-
<a href="https://dmcouncil.or.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
84-
<img src="/img/contests/sponsor-logos/digital-monozukuri-council.webp" alt="NPO法人デジタルものづくり協議会_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
85-
</a>
86-
<a href="https://kata-studio.hr-sano.net" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
87-
<img src="/img/contests/sponsor-logos/lab-sbsb.svg" alt="lab-sbsb_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
88-
</a>
89-
<a href="https://protopedia.net/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
90-
<img src="/img/contests/sponsor-logos/ptoropedia_beside.webp" alt="ProtoPedia_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
91-
</a>
92-
<a href="https://www.stellalink.co.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
93-
<img src="/img/contests/sponsor-logos/stellalink.svg" alt="stellalink_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
94-
</a>
95-
</div>
96-
</div>
120+
</div>
121+
{% endif %}
97122

98-
<!-- Individual Sponsors
99-
<div class="mb-24">
100-
<section class="sponsors">
101-
<h3> 個人スポンサー </h3>
123+
<!-- In-Kind Sponsors -->
124+
{% if sponsors_inkind.size > 0 %}
125+
<div class="mb-24 px-4">
126+
<section class="sponsors mb-12">
127+
<h3> In-Kindスポンサー(機材・物品・サービス提供) </h3>
102128
</section>
129+
<div class="flex flex-wrap justify-center items-center gap-12 sm:gap-8">
130+
{% for sponsor in sponsors_inkind %}
131+
{% if sponsor.link != "" %}
132+
<a href="{{ sponsor.link }}" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
133+
<img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
134+
</a>
135+
{% else %}
136+
<div class="block transition-transform hover:scale-105">
137+
<img src="/img/contests/sponsor-logos/{{ sponsor.img }}" alt="{{ sponsor.name }}" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
138+
</div>
139+
{% endif %}
140+
{% endfor %}
103141
</div>
104-
-->
105-
</div>
142+
</div>
143+
{% endif %}
144+
145+
</div>

0 commit comments

Comments
 (0)