Skip to content

Commit 990dac3

Browse files
Fukusan64Fukusan64
committed
スポンサーセクション仮置き
1 parent 6e230b9 commit 990dac3

File tree

2 files changed

+92
-18
lines changed

2 files changed

+92
-18
lines changed

‎_data/sponsors.yml‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
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: https://placehold.jp/1920x1080.png
11+
link:
12+
type: gold
13+
message:
14+
15+
- id: sakura_internet
16+
name: さくら<wbr>インターネット<wbr>株式会社
17+
logo: https://placehold.jp/1920x1080.png
18+
link:
19+
type: silver
20+
message:
21+
22+
- id: sunnyside_systems
23+
name: "サニーサイド<wbr>システムズ<wbr>合同会社"
24+
logo: https://placehold.jp/1920x1080.png
25+
link:
26+
type: bronze
27+
message:
28+
29+
- id: dojoletter
30+
name: DojoLetter<wbr>編集部
31+
logo: https://placehold.jp/1920x1080.png
32+
link:
33+
type: bronze
34+
message:
35+
36+
- id: unique_i_net
37+
name: ユニーク･<wbr>アイネット<wbr>株式会社
38+
logo: https://placehold.jp/1920x1080.png
39+
link:
40+
type: bronze
41+
message:
42+
43+
- id: ma
44+
name: 一般社団法人<wbr>MA<wbr>（Protopedia）
45+
logo: https://placehold.jp/1920x1080.png
46+
link:
47+
type: inkind
48+
message:
49+
50+
- id: nulab
51+
name: 株式会社<wbr>ヌーラボ<wbr>（Backlog）
52+
logo: https://placehold.jp/1920x1080.png
53+
link:
54+
type: inkind
55+
message:
56+

‎_includes/top/sections/sponsor.html‎

Lines changed: 36 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,63 @@
1+
{% assign platinum_sponsors = site.data.sponsors | where: "type", "platinum" %}
2+
{% assign gold_sponsors = site.data.sponsors | where: "type", "gold" %}
3+
{% assign silver_sponsors = site.data.sponsors | where: "type", "silver" %}
4+
{% assign bronze_sponsors = site.data.sponsors | where: "type", "bronze" %}
5+
{% assign inkind_sponsors = site.data.sponsors | where: "type", "inkind" %}
6+
{% assign individual_sponsors = site.data.sponsors | where: "type", "individual" %}
7+
18
<h2 class="text-4xl text-center">
29
スポンサー
310
<span class="block mt-5 text-2xl">SPONSOR</span>
411
</h2>
512

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

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="ゴールドスポンサーのロゴ">
17+
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl w-full mx-auto">
18+
{% for sponsor in gold_sponsors %}
19+
<div class="w-full mb-5">
20+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
21+
<p class="w-full text-center break-keep">{{ sponsor.name }}</p>
22+
</div>
23+
{% endfor %}
1224
</div>
1325

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

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="シルバースポンサーのロゴ">
30+
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
31+
{% for sponsor in silver_sponsors %}
32+
<div class="max-w-[500px] w-full mb-5">
33+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
34+
<p class="w-full text-center break-keep">{{ sponsor.name }}</p>
2235
</div>
36+
{% endfor %}
2337
</div>
2438

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

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="ブロンズスポンサーのロゴ">
43+
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
44+
{% for sponsor in bronze_sponsors %}
45+
<div class="max-w-[300px] w-full mb-5">
46+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
47+
<p class="text-center break-keep">{{ sponsor.name }}</p>
3348
</div>
49+
{% endfor %}
3450
</div>
3551

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

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="インカインドスポンサーのロゴ">
56+
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
57+
{% for sponsor in inkind_sponsors %}
58+
<div class="max-w-[270px] w-full mb-5">
59+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
60+
<p class="w-full text-center break-keep">{{ sponsor.name }}</p>
4461
</div>
62+
{% endfor %}
4563
</div>

0 commit comments

Comments
 (0)