Skip to content

Commit da890af

Browse files
Fukusan64Fukusan64
authored
Merge pull request #52 from coderdojo-japan/add-sponsor-list
スポンサー一覧周りの整備
2 parents ba5512b + bb92350 commit da890af

File tree

3 files changed

+234
-53
lines changed

3 files changed

+234
-53
lines changed

‎_data/sponsors.yml‎

Lines changed: 23 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
# - id: ID（スポンサーページのアンカータグになります）
21
# name: スポンサー名
32
# tool: スポンサー提供ツール名（inkindの場合使用）
43
# logo: ロゴ画像ファイルのパス
@@ -7,77 +6,68 @@
76
# message: スポンサー紹介文
87
# logo_scale: ロゴ画像の拡大率（1が等倍、0.5が半分のサイズ）
98

10-
- id: cygames
11-
name: 株式会社<wbr>Cygames
9+
- name: 株式会社<wbr>Cygames
1210
logo: /img/sponsors/Cygames.jpg
13-
link:
11+
link: https://www.cygames.co.jp/
1412
type: gold
15-
message:
13+
message: "株式会社Cygamesは、『ウマ娘 プリティーダービー』『Shadowverse: Worlds Beyond』『グランブルーファンタジー リリンク』をはじめとしたゲームの企画・開発・運営や、アニメーション製作、漫画事業を展開する会社です。<br> 私たちは「最高のコンテンツを作る会社」というビジョンのもと、ゲーム、アニメ、マンガをはじめとしたエンターテインメントを通じてみなさまに上質なひと時を過ごしていただけるよう努めてまいります。"
1614
logo_scale: 1
1715

18-
- id: sakura_internet
19-
name: さくら<wbr>インターネット<wbr>株式会社
16+
- name: さくら<wbr>インターネット<wbr>株式会社
2017
logo: /img/sponsors/sakura_internet.png
2118
link:
2219
type: silver
23-
message:
20+
message: "「やりたいこと」を「できる」に変える<br>新たなアイデアの創出に強い熱意と情熱を持って挑戦するすべての人たちのために、さくらインターネットは ―「やりたいこと」を「できる」に変える― あらゆるアプローチを “インターネット” を通じて提供します。"
2421
logo_scale: 1
2522

26-
- id: sunnyside_systems
27-
name: サニーサイド<wbr>システムズ<wbr>合同会社
23+
- name: サニーサイド<wbr>システムズ<wbr>合同会社
2824
logo: /img/sponsors/Sunnyside_systems.png
29-
link:
25+
link: https://www.sunnyside-sys.com/
3026
type: bronze
31-
message:
27+
message: "サニーサイドシステムズは、アプリケーションが安定して動作するためのサーバやネットワークといったITインフラの設計・構築を行っています。ITインフラは皆さんの目に留まらない縁の下の存在ですが、こういったITインフラがあることを知ってもらえると嬉しいです。我々は縁の下の力持ちであることに誇りをもって、これからも沢山のITインフラを作り出していきます。"
3228
logo_scale: 1
3329

34-
- id: dojoletter
35-
name: DojoLetter<wbr>編集部
30+
- name: DojoLetter<wbr>編集部
3631
logo: /img/sponsors/DojoLetter.png
37-
link:
32+
link: https://news.coderdojo.jp/
3833
type: bronze
39-
message:
34+
message: "DojoLetterは、SNSで発信されている情報や掲載依頼フォームからいただいた各Dojoの活動報告をもとに、全国のCoderDojoの活動内容をお届けするメールマガジンで、毎月10日ごろに配信しています。 メールマガジンの購読申し込みはもちろん、みなさんのDojoの活動報告もお待ちしています。"
4035
logo_scale: 0.8
4136

42-
- id: unique_i_net
43-
name: ユニーク･<wbr>アイネット<wbr>株式会社
37+
- name: ユニーク･<wbr>アイネット<wbr>株式会社
4438
logo: /img/sponsors/Unique_i_net.png
45-
link:
39+
link: https://www.unique-inet.co.jp/
4640
type: bronze
47-
message:
41+
message: "CoderDojo池袋<br><a style='text-decoration: underline;color: #cc8f2e;' href='https://coderdojo-ikebukuro.connpass.com/' target='_blank' rel='noopener noreferrer'>https://coderdojo-ikebukuro.connpass.com/</a><br>参加者、メンター共に募集中です！<br>マンガやアニメといったサブカルチャーの発信地、池袋から自分のプログラミングを世界に発信しよう！！"
4842
logo_scale: 1
4943

50-
- id: tcs
51-
name: 株式会社<wbr>テクノ・<wbr>カルチャー・<wbr>システム
44+
- name: 株式会社<wbr>テクノ・<wbr>カルチャー・<wbr>システム
5245
logo: /img/sponsors/TechnoCultureSystem.png
53-
link:
46+
link: https://www.techno-net.co.jp/
5447
type: bronze
55-
message:
48+
message: "テクノ・カルチャー・システムは、福岡県久留米市を拠点に筑後・福岡・佐賀エリアで地域密着型のソフトウェア事業を展開しています。<br>行政・金融・農業団体・企業向けシステムの開発から運用まで幅広く支援し、人材育成や働きやすい環境づくりにも力を注ぐ、地域と人の成長を大切にする企業です。"
5649
logo_scale: 0.8
5750

58-
- id: ma
59-
name: 一般社団法人<wbr>MA
51+
- name: 一般社団法人<wbr>MA
6052
tool: ProtoPedia
6153
logo: /img/sponsors/ProtoPedia.png
62-
link:
54+
link: https://protopedia.net/
6355
type: inkind
6456
message:
6557
logo_scale: 1
6658

67-
- id: nulab
68-
name: 株式会社<wbr>ヌーラボ
59+
- name: 株式会社<wbr>ヌーラボ
6960
tool: Backlog
7061
logo: /img/sponsors/Nulab.png
71-
link:
62+
link: https://nulab.com/ja/
7263
type: inkind
7364
message:
7465
logo_scale: 0.8
7566

76-
- id: yasslab
77-
name: YassLab <wbr>株式会社
67+
- name: YassLab <wbr>株式会社
7868
tool: Doorkeeper
7969
logo: /img/sponsors/YassLab.png
80-
link:
70+
link: https://yasslab.jp/
8171
type: inkind
8272
message:
8373
logo_scale: 0.9

‎_includes/top/sections/sponsor.html‎

Lines changed: 79 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,25 @@ <h3 class="text-2xl mt-20 mx-8 text-center mb-4">ゴールドスポンサー
1414
</h3>
1515
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl w-full mx-auto">
1616
{% for sponsor in gold_sponsors %}
17-
<div class="w-full flex flex-col mb-5">
18-
<div class="flex-grow w-full flex items-center justify-center">
19-
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
17+
{% if sponsor.link %}
18+
<a
19+
class="w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
20+
style="transform-style: preserve-3d;"
21+
href="{{ sponsor.link }}"
22+
target="_blank"
23+
rel="noopener noreferrer"
24+
>
25+
<div class="flex-grow w-full flex items-center justify-center">
26+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
27+
</div>
28+
</a>
29+
{% else %}
30+
<div class="w-full flex flex-col mb-5">
31+
<div class="flex-grow w-full flex items-center justify-center">
32+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
33+
</div>
2034
</div>
21-
</div>
35+
{% endif %}
2236
{% endfor %}
2337
</div>
2438

@@ -28,11 +42,25 @@ <h3 class="text-2xl mt-20 mx-8 text-center mb-4">シルバースポンサー
2842

2943
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
3044
{% for sponsor in silver_sponsors %}
31-
<div class="max-w-[{{500 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5">
32-
<div class="flex-grow w-full flex items-center justify-center">
33-
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
34-
</div>
35-
</div>
45+
{% if sponsor.link %}
46+
<a
47+
class="max-w-[{{500 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
48+
style="transform-style: preserve-3d;"
49+
href="{{ sponsor.link }}"
50+
target="_blank"
51+
rel="noopener noreferrer"
52+
>
53+
<div class="flex-grow w-full flex items-center justify-center">
54+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
55+
</div>
56+
</a>
57+
{% else %}
58+
<div class="max-w-[{{500 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5">
59+
<div class="flex-grow w-full flex items-center justify-center">
60+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
61+
</div>
62+
</div>
63+
{% endif %}
3664
{% endfor %}
3765
</div>
3866

@@ -42,11 +70,25 @@ <h3 class="text-2xl mt-20 mx-8 text-center mb-4">ブロンズスポンサー
4270

4371
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
4472
{% for sponsor in bronze_sponsors %}
45-
<div class="max-w-[{{300 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5">
46-
<div class="flex-grow w-full flex items-center justify-center">
47-
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
48-
</div>
49-
</div>
73+
{% if sponsor.link %}
74+
<a
75+
class="max-w-[{{300 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
76+
style="transform-style: preserve-3d;"
77+
href="{{ sponsor.link }}"
78+
target="_blank"
79+
rel="noopener noreferrer"
80+
>
81+
<div class="flex-grow w-full flex items-center justify-center">
82+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
83+
</div>
84+
</a>
85+
{% else %}
86+
<div class="max-w-[{{300 | times:sponsor.logo_scale | round}}px] w-full flex flex-col mb-5">
87+
<div class="flex-grow w-full flex items-center justify-center">
88+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
89+
</div>
90+
</div>
91+
{% endif %}
5092
{% endfor %}
5193
</div>
5294

@@ -56,12 +98,29 @@ <h3 class="text-2xl mt-20 mx-8 text-center mb-4">インカインドスポンサ
5698

5799
<div class="flex justify-center flex-wrap gap-x-8 gap-y-10 px-8 max-w-3xl mx-auto">
58100
{% for sponsor in inkind_sponsors %}
59-
<div class="max-w-[{{270 | times:sponsor.logo_scale | round}}px] w-full flex flex-col">
60-
<div class="flex-grow w-full flex items-center justify-center">
61-
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name + "("+ sponsor.tool +")" | strip_html }}のロゴ">
62-
</div>
63-
<p class="w-full text-center break-keep">{{ sponsor.tool }}<wbr>のご提供</p>
64-
</div>
101+
{% if sponsor.link %}
102+
<a
103+
class="max-w-[{{270 | times:sponsor.logo_scale | round}}px] w-full flex flex-col transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
104+
style="transform-style: preserve-3d;"
105+
href="{{ sponsor.link }}"
106+
target="_blank" rel="noopener noreferrer"
107+
>
108+
<div class="flex-grow w-full flex items-center justify-center">
109+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | append: "(" | append: sponsor.tool | append:")" | strip_html }}のロゴ">
110+
</div>
111+
<p class="w-full text-center break-keep">{{ sponsor.tool }}<wbr>のご提供</p>
112+
</a>
113+
{% else %}
114+
<div class="max-w-[{{270 | times:sponsor.logo_scale | round}}px] w-full flex flex-col">
115+
<div class="flex-grow w-full flex items-center justify-center">
116+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | append: "(" | append: sponsor.tool | append:")" | strip_html }}のロゴ">
117+
</div>
118+
<p class="w-full text-center break-keep">{{ sponsor.tool }}<wbr>のご提供</p>
119+
</div>
120+
{% endif %}
65121
{% endfor %}
66122
</div>
67123

124+
<div class="max-w-5xl mx-auto px-8 mb-8">
125+
{% include button.html href="/sponsorship/list/" label="スポンサー一覧はこちら" %}
126+
</div>

‎_pages/sponsors.md‎

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
---
2+
layout: default
3+
permalink: /sponsorship/list/
4+
title: スポンサーのご紹介
5+
---
6+
{% include navbar.html %}
7+
8+
{% assign gold_sponsors = site.data.sponsors | where: "type", "gold" %}
9+
{% assign silver_sponsors = site.data.sponsors | where: "type", "silver" %}
10+
{% assign bronze_sponsors = site.data.sponsors | where: "type", "bronze" %}
11+
{% assign inkind_sponsors = site.data.sponsors | where: "type", "inkind" %}
12+
{% assign individual_sponsors = site.data.sponsors | where: "type", "individual" %}
13+
14+
<h2 class="text-4xl text-center mb-8 mt-30 xl:mt-15">
15+
スポンサーのご紹介
16+
<span class="block mt-5 text-2xl">SPONSORS</span>
17+
</h2>
18+
19+
<p class="text-center mb-10 break-keep wrap-anywhere text-sm sm:text-base">
20+
DojoCon Japan 2025は、スポンサーのご協力により開催されています。<br>協賛くださいました皆様ありがとうございます。
21+
</p>
22+
23+
<h3 class="text-2xl mt-15 mx-8 text-center mb-4">ゴールドスポンサー
24+
<span class="block text-base mt-1">GOLD SPONSOR</span>
25+
</h3>
26+
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl w-full mx-auto">
27+
{% for sponsor in gold_sponsors %}
28+
<div class="w-full flex flex-col mb-5">
29+
{% if sponsor.link %}
30+
<a
31+
class="flex-grow w-full flex items-center justify-center transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
32+
style="transform-style: preserve-3d;"
33+
href="{{ sponsor.link }}"
34+
target="_blank"
35+
rel="noopener noreferrer"
36+
>
37+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
38+
</a>
39+
{% else %}
40+
<div class="flex-grow w-full flex items-center justify-center">
41+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
42+
</div>
43+
{% endif %}
44+
<p class="w-full mb-3 text-center break-keep">{{ sponsor.name }}</p>
45+
<p class="w-full text-gray-600 break-keep wrap-anywhere">{{ sponsor.message }}</p>
46+
</div>
47+
{% endfor %}
48+
</div>
49+
50+
<h3 class="text-2xl mt-15 mx-8 text-center mb-4">シルバースポンサー
51+
<span class="block text-base mt-1">SILVER SPONSOR</span>
52+
</h3>
53+
54+
<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto">
55+
{% for sponsor in silver_sponsors %}
56+
<div class="flex flex-col mb-5">
57+
{% if sponsor.link %}
58+
<a
59+
class="flex-grow w-full flex items-center justify-center transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
60+
style="transform-style: preserve-3d;"
61+
href="{{ sponsor.link }}"
62+
target="_blank"
63+
rel="noopener noreferrer"
64+
>
65+
<img class="max-w-[{{500 | times:sponsor.logo_scale | round}}px] w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
66+
</a>
67+
{% else %}
68+
<div class="flex-grow w-full flex items-center justify-center">
69+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
70+
</div>
71+
{% endif %}
72+
<p class="w-full mb-3 text-center break-keep">{{ sponsor.name }}</p>
73+
<p class="w-full text-gray-600 break-keep wrap-anywhere">{{ sponsor.message }}</p>
74+
</div>
75+
{% endfor %}
76+
</div>
77+
78+
<h3 class="text-2xl mt-15 mx-8 text-center mb-4">ブロンズスポンサー
79+
<span class="block text-base mt-1">BRONZE SPONSOR</span>
80+
</h3>
81+
82+
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-10 px-8 max-w-3xl w-7/10 mx-auto">
83+
{% for sponsor in bronze_sponsors %}
84+
<div class="flex flex-col mb-5">
85+
{% if sponsor.link %}
86+
<a
87+
class="w-full h-auto lg:h-96 flex-grow-0 flex items-center justify-center transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
88+
style="transform-style: preserve-3d;"
89+
href="{{ sponsor.link }}"
90+
target="_blank"
91+
rel="noopener noreferrer"
92+
>
93+
<img class="max-w-[{{300 | times:sponsor.logo_scale | round}}px] w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
94+
</a>
95+
{% else %}
96+
<div class="w-full h-auto lg:h-96 flex-grow-0 flex items-center justify-center">
97+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | strip_html }}のロゴ">
98+
</div>
99+
{% endif %}
100+
<p class="w-full mb-3 text-center break-keep">{{ sponsor.name }}</p>
101+
<p class="w-full text-gray-600 break-keep wrap-anywhere">{{ sponsor.message }}</p>
102+
</div>
103+
{% endfor %}
104+
</div>
105+
106+
<h3 class="text-2xl mt-15 mx-8 text-center mb-4">インカインドスポンサー
107+
<span class="block text-base mt-1">IN-KIND SPONSOR</span>
108+
</h3>
109+
110+
<div class="flex justify-center flex-wrap gap-x-8 gap-y-10 px-8 max-w-3xl mx-auto mb-20">
111+
{% for sponsor in inkind_sponsors %}
112+
<div class="flex flex-col">
113+
{% if sponsor.link %}
114+
<a
115+
class="flex-grow w-full flex items-center justify-center transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer"
116+
style="transform-style: preserve-3d;"
117+
href="{{ sponsor.link }}"
118+
target="_blank"
119+
rel="noopener noreferrer"
120+
>
121+
<img class="max-w-[{{270 | times:sponsor.logo_scale | round}}px] w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | append: "(" | append: sponsor.tool | append:")" | strip_html }}のロゴ">
122+
</a>
123+
{% else %}
124+
<div class="flex-grow w-full flex items-center justify-center">
125+
<img class="w-full mx-auto mb-3" src="{{ sponsor.logo }}" alt="{{ sponsor.name | append: "(" | append: sponsor.tool | append:")" | strip_html }}のロゴ">
126+
</div>
127+
{% endif %}
128+
<p class="w-full text-center break-keep">{{ sponsor.name }}</p>
129+
<p class="w-full text-center break-keep">{{ sponsor.tool }}<wbr>のご提供</p>
130+
</div>
131+
{% endfor %}
132+
</div>

0 commit comments

Comments
 (0)