Skip to content

Commit b05e82d

Browse files
Fukusan64Fukusan64
committed
TOPから各スポンサーサイトへ遷移できるようにする
1 parent 0ab6d05 commit b05e82d

File tree

2 files changed

+84
-29
lines changed

2 files changed

+84
-29
lines changed

‎_data/sponsors.yml

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
- id: cygames
1111
name: 株式会社<wbr>Cygames
1212
logo: /img/sponsors/Cygames.jpg
13-
link:
13+
link: https://www.cygames.co.jp/
1414
type: gold
1515
message:
1616
logo_scale: 1
@@ -26,31 +26,31 @@
2626
- id: sunnyside_systems
2727
name: サニーサイド<wbr>システムズ<wbr>合同会社
2828
logo: /img/sponsors/Sunnyside_systems.png
29-
link:
29+
link: https://www.sunnyside-sys.com/
3030
type: bronze
3131
message:
3232
logo_scale: 1
3333

3434
- id: dojoletter
3535
name: DojoLetter<wbr>編集部
3636
logo: /img/sponsors/DojoLetter.png
37-
link:
37+
link: https://news.coderdojo.jp/
3838
type: bronze
3939
message:
4040
logo_scale: 0.8
4141

4242
- id: unique_i_net
4343
name: ユニーク･<wbr>アイネット<wbr>株式会社
4444
logo: /img/sponsors/Unique_i_net.png
45-
link:
45+
link: https://www.unique-inet.co.jp/
4646
type: bronze
4747
message:
4848
logo_scale: 1
4949

5050
- id: tcs
5151
name: 株式会社<wbr>テクノ・<wbr>カルチャー・<wbr>システム
5252
logo: /img/sponsors/TechnoCultureSystem.png
53-
link:
53+
link: https://www.techno-net.co.jp/
5454
type: bronze
5555
message:
5656
logo_scale: 0.8
@@ -59,7 +59,7 @@
5959
name: 一般社団法人<wbr>MA
6060
tool: ProtoPedia
6161
logo: /img/sponsors/ProtoPedia.png
62-
link:
62+
link: https://protopedia.net/
6363
type: inkind
6464
message:
6565
logo_scale: 1
@@ -68,7 +68,7 @@
6868
name: 株式会社<wbr>ヌーラボ
6969
tool: Backlog
7070
logo: /img/sponsors/Nulab.png
71-
link:
71+
link: https://nulab.com/ja/
7272
type: inkind
7373
message:
7474
logo_scale: 0.8
@@ -77,7 +77,7 @@
7777
name: YassLab <wbr>株式会社
7878
tool: Doorkeeper
7979
logo: /img/sponsors/YassLab.png
80-
link:
80+
link: https://yasslab.jp/
8181
type: inkind
8282
message:
8383
logo_scale: 0.9

‎_includes/top/sections/sponsor.html

Lines changed: 76 additions & 21 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,25 @@ <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>
67-

0 commit comments

Comments
 (0)