|
| 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