|
| 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-20 mx-8 text-center mb-4">ゴールドスポンサー |
7 | 13 | <span class="block text-base mt-1">GOLD SPONSOR</span> |
8 | 14 | </h3> |
9 | | - |
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="ゴールドスポンサーのロゴ"> |
| 15 | +<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl w-full mx-auto"> |
| 16 | + {% 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 }}のロゴ"> |
| 20 | + </div> |
| 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-20 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-[{{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> |
22 | 35 | </div> |
| 36 | + {% endfor %} |
23 | 37 | </div> |
24 | 38 |
|
25 | | -<h3 class="text-2xl mt-22 mx-8 text-center mb-4">ブロンズスポンサー |
| 39 | +<h3 class="text-2xl mt-20 mx-8 text-center mb-4">ブロンズスポンサー |
26 | 40 | <span class="block text-base mt-1">BRONZE SPONSOR</span> |
27 | 41 | </h3> |
28 | 42 |
|
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="ブロンズスポンサーのロゴ"> |
| 43 | +<div class="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto"> |
| 44 | + {% 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> |
33 | 49 | </div> |
| 50 | + {% endfor %} |
34 | 51 | </div> |
35 | 52 |
|
36 | | -<h3 class="text-2xl mt-22 mx-8 text-center mb-4">インカインドスポンサー |
| 53 | +<h3 class="text-2xl mt-20 mx-8 text-center mb-4">インカインドスポンサー |
37 | 54 | <span class="block text-base mt-1">IN-KIND SPONSOR</span> |
38 | 55 | </h3> |
39 | 56 |
|
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="インカインドスポンサーのロゴ"> |
| 57 | +<div class="flex justify-center flex-wrap gap-x-8 gap-y-10 px-8 max-w-3xl mx-auto"> |
| 58 | + {% 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> |
44 | 64 | </div> |
| 65 | + {% endfor %} |
45 | 66 | </div> |
| 67 | + |
0 commit comments