Skip to content

Commit eba13b6

Browse files
Fukusan64Fukusan64
committed
スポンサー一覧ページを実装
1 parent b05e82d commit eba13b6

File tree

2 files changed

+138
-6
lines changed

2 files changed

+138
-6
lines changed

‎_data/sponsors.yml

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,47 +12,47 @@
1212
logo: /img/sponsors/Cygames.jpg
1313
link: https://www.cygames.co.jp/
1414
type: gold
15-
message:
15+
message: "株式会社Cygamesは、『ウマ娘 プリティーダービー』『Shadowverse: Worlds Beyond』『グランブルーファンタジー リリンク』をはじめとしたゲームの企画・開発・運営や、アニメーション製作、漫画事業を展開する会社です。<br> 私たちは「最高のコンテンツを作る会社」というビジョンのもと、ゲーム、アニメ、マンガをはじめとしたエンターテインメントを通じてみなさまに上質なひと時を過ごしていただけるよう努めてまいります。"
1616
logo_scale: 1
1717

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

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

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

4242
- id: unique_i_net
4343
name: ユニーク･<wbr>アイネット<wbr>株式会社
4444
logo: /img/sponsors/Unique_i_net.png
4545
link: https://www.unique-inet.co.jp/
4646
type: bronze
47-
message:
47+
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>マンガやアニメといったサブカルチャーの発信地、池袋から自分のプログラミングを世界に発信しよう！！"
4848
logo_scale: 1
4949

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

5858
- id: ma

‎_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)