|
| 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 | + |
1 | 7 | <h2 class="text-4xl text-center">
|
2 | 8 | スポンサー
|
3 | 9 | <span class="block mt-5 text-2xl">SPONSOR</span>
|
4 | 10 | </h2>
|
5 | 11 |
|
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">ゴールドスポンサー |
7 | 13 | <span class="block text-base mt-1">GOLD SPONSOR</span>
|
8 | 14 | </h3>
|
9 | 15 |
|
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 %} |
12 | 23 | </div>
|
13 | 24 |
|
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">シルバースポンサー |
15 | 26 | <span class="block text-base mt-1">SILVER SPONSOR</span>
|
16 | 27 | </h3>
|
17 | 28 |
|
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> |
22 | 34 | </div>
|
| 35 | + {% endfor %} |
23 | 36 | </div>
|
24 | 37 |
|
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">ブロンズスポンサー |
26 | 39 | <span class="block text-base mt-1">BRONZE SPONSOR</span>
|
27 | 40 | </h3>
|
28 | 41 |
|
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> |
33 | 47 | </div>
|
| 48 | + {% endfor %} |
34 | 49 | </div>
|
35 | 50 |
|
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">インカインドスポンサー |
37 | 52 | <span class="block text-base mt-1">IN-KIND SPONSOR</span>
|
38 | 53 | </h3>
|
39 | 54 |
|
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> |
44 | 60 | </div>
|
| 61 | + {% endfor %} |
45 | 62 | </div>
|
0 commit comments