Skip to content

Commit f5cfebd

Browse files
Fukusan64Fukusan64
authored
Merge pull request #33 from coderdojo-japan/add-sponsor-to-top
TOPにスポンサーのリストを追加
2 parents 6e230b9 + 774f176 commit f5cfebd

File tree

2 files changed

+97
-18
lines changed

2 files changed

+97
-18
lines changed

‎_data/sponsors.yml

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
# - id: ID（スポンサーページのアンカータグになります）
2+
# name: スポンサー名
3+
# logo: ロゴ画像ファイルのパス
4+
# link: ロゴ画像をクリックした際のリンク先
5+
# type: スポンサー種別（platinum, gold, silver, bronze, inkind, individual）
6+
# message: スポンサー紹介文
7+
8+
- id: cygames
9+
name: 株式会社<wbr>Cygames
10+
logo:
11+
link:
12+
type: gold
13+
message:
14+
15+
- id: sakura_internet
16+
name: さくら<wbr>インターネット<wbr>株式会社
17+
logo:
18+
link:
19+
type: silver
20+
message:
21+
22+
- id: sunnyside_systems
23+
name: サニーサイド<wbr>システムズ<wbr>合同会社
24+
logo:
25+
link:
26+
type: bronze
27+
message:
28+
29+
- id: dojoletter
30+
name: DojoLetter<wbr>編集部
31+
logo:
32+
link:
33+
type: bronze
34+
message:
35+
36+
- id: unique_i_net
37+
name: ユニーク･<wbr>アイネット<wbr>株式会社
38+
logo:
39+
link:
40+
type: bronze
41+
message:
42+
43+
- id: ma
44+
name: 一般社団法人<wbr>MA<wbr>（ProtoPedia）
45+
logo:
46+
link:
47+
type: inkind
48+
message:
49+
50+
- id: nulab
51+
name: 株式会社<wbr>ヌーラボ<wbr>（Backlog）
52+
logo:
53+
link:
54+
type: inkind
55+
message:
56+
57+
- id: yasslab
58+
name: YassLab <wbr>株式会社<wbr>（Doorkeeper）
59+
logo:
60+
link:
61+
type: inkind
62+
message:

‎_includes/top/sections/sponsor.html

Lines changed: 35 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,62 @@
1+
{% assign gold_sponsors = site.data.sponsors | where: "type", "gold" %}
2+
{% assign silver_sponsors = site.data.sponsors | where: "type", "silver" %}
3+
{% assign bronze_sponsors = site.data.sponsors | where: "type", "bronze" %}
4+
{% assign inkind_sponsors = site.data.sponsors | where: "type", "inkind" %}
5+
{% assign individual_sponsors = site.data.sponsors | where: "type", "individual" %}
6+
17
<h2 class="text-4xl text-center">
28
スポンサー
39
<span class="block mt-5 text-2xl">SPONSOR</span>
410
</h2>
511

6-
<h3 class="text-2xl mt-22 mx-8 text-center mb-4">ゴールドスポンサー
12+
<h3 class="text-2xl mt-10 mx-8 text-center mb-4">ゴールドスポンサー
713
<span class="block text-base mt-1">GOLD SPONSOR</span>
814
</h3>
915

10-
<div class="flex gap-x-8 px-8 max-w-3xl mx-auto">
11-
<img class="w-full max-w-3xl mx-auto mb-8" src="https://placehold.jp/1920x1080.png" alt="ゴールドスポンサーのロゴ">
16+
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl w-full mx-auto">
17+
{% for sponsor in gold_sponsors %}
18+
<div class="w-full mb-5">
19+
{% comment %} <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ"> {% endcomment %}
20+
<p class="w-full text-center break-keep text-3xl">{{ sponsor.name }}</p>
21+
</div>
22+
{% endfor %}
1223
</div>
1324

14-
<h3 class="text-2xl mt-22 mx-8 text-center mb-4">シルバースポンサー
25+
<h3 class="text-2xl mt-10 mx-8 text-center mb-4">シルバースポンサー
1526
<span class="block text-base mt-1">SILVER SPONSOR</span>
1627
</h3>
1728

18-
<div class="flex gap-x-8 px-8 max-w-3xl mx-auto">
19-
<div><img class="w-full mx-auto mb-8" src="https://placehold.jp/1920x1080.png" alt="シルバースポンサーのロゴ">
20-
</div>
21-
<div><img class="w-full mx-auto mb-8" src="https://placehold.jp/1920x1080.png" alt="シルバースポンサーのロゴ">
29+
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
30+
{% for sponsor in silver_sponsors %}
31+
<div class="_max-w-[500px] w-full mb-5">
32+
{% comment %} <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ"> {% endcomment %}
33+
<p class="w-full text-center break-keep text-3xl">{{ sponsor.name }}</p>
2234
</div>
35+
{% endfor %}
2336
</div>
2437

25-
<h3 class="text-2xl mt-22 mx-8 text-center mb-4">ブロンズスポンサー
38+
<h3 class="text-2xl mt-10 mx-8 text-center mb-4">ブロンズスポンサー
2639
<span class="block text-base mt-1">BRONZE SPONSOR</span>
2740
</h3>
2841

29-
<div class="flex gap-x-8 px-8 max-w-3xl mx-auto">
30-
<div><img class="w-full mx-auto mb-8" src="https://placehold.jp/1920x1080.png" alt="ブロンズスポンサーのロゴ">
31-
</div>
32-
<div><img class="w-full mx-auto mb-8" src="https://placehold.jp/1920x1080.png" alt="ブロンズスポンサーのロゴ">
42+
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
43+
{% for sponsor in bronze_sponsors %}
44+
<div class="_max-w-[300px] w-full mb-5">
45+
{% comment %} <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ"> {% endcomment %}
46+
<p class="text-center break-keep text-3xl">{{ sponsor.name }}</p>
3347
</div>
48+
{% endfor %}
3449
</div>
3550

36-
<h3 class="text-2xl mt-22 mx-8 text-center mb-4">インカインドスポンサー
51+
<h3 class="text-2xl mt-10 mx-8 text-center mb-4">インカインドスポンサー
3752
<span class="block text-base mt-1">IN-KIND SPONSOR</span>
3853
</h3>
3954

40-
<div class="flex gap-x-8 px-8 max-w-3xl mx-auto">
41-
<div><img class="w-full mx-auto mb-8" src="https://placehold.jp/1920x1080.png" alt="インカインドスポンサーのロゴ">
42-
</div>
43-
<div><img class="w-full mx-auto mb-8" src="https://placehold.jp/1920x1080.png" alt="インカインドスポンサーのロゴ">
55+
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
56+
{% for sponsor in inkind_sponsors %}
57+
<div class="_max-w-[270px] w-full mb-5">
58+
{% comment %} <img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ"> {% endcomment %}
59+
<p class="w-full text-center break-keep text-3xl">{{ sponsor.name }}</p>
4460
</div>
61+
{% endfor %}
4562
</div>

0 commit comments

Comments
 (0)