Skip to content

Commit f610330

Browse files
jun1wakajun1waka
committed
スポンサー修正
1 parent 88640a2 commit f610330

File tree

1 file changed

+87
-57
lines changed

1 file changed

+87
-57
lines changed

‎index.md

Lines changed: 87 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -189,101 +189,131 @@ layout: default
189189
{% assign inkind_sponsors = site.data.sponsors | where: "type", "inkind" %}
190190
{% assign individual_sponsors = site.data.sponsors | where: "type", "individual" %}
191191
<section id="sponsors" class="py-5">
192-
<div class="container">
192+
<div id="sponsors_index" class="container">
193193
<div class="text-center">
194194
<img src="/img/momotaro/saru.svg" style="width: 80px"/>
195195
<p class="mb-0 mt-3"><strong>SPONSORS</strong></p>
196-
<h2 class="my-1">スポンサー</h2>
196+
<h2 class="text-center title-text my-1">スポンサー</h2>
197197
</div>
198198
{% if platinum_sponsors != empty %}
199-
<h3 class="text-center caption">Platinum Sponsor</h3>
200-
<div class="sponsor-logo-container">
201-
<div id="platinum-sponsors">
202-
{% for sponsor in platinum_sponsors %}
203-
<div class="col-6 col-md-4 col-lg-3 p-4">
204-
<a href="{{ sponsor.link }}" target="_blank" style="display: block;">
205-
<img class="img-fluid" src="/img/sponsor/{{ sponsor.logo }}" alt="{{ sponsor.name }}" />
206-
</a>
199+
<div class="sponsors-container">
200+
<h3 class="text-center caption">Platinum Sponsor</h3>
201+
<div class="sponsor-logo-container">
202+
<div id="platinum-sponsors">
203+
{% for sponsor in platinum_sponsors %}
204+
<div class="col-6 col-md-4 col-lg-3 p-4">
205+
<a href="{{ sponsor.link }}" target="_blank" style="display: block;">
206+
<img class="img-fluid" src="/img/sponsor/{{ sponsor.logo }}" alt="{{ sponsor.name }}" />
207+
</a>
208+
</div>
209+
{% endfor %}
207210
</div>
208-
{% endfor %}
209211
</div>
210212
</div>
211213
<hr>
212214
{% endif %}
213215

214216
{% if gold_sponsors != empty %}
215-
<h3 class="text-center caption">Gold Sponsor</h3>
216-
<div class="row justify-content-center align-items-center">
217-
{% for sponsor in gold_sponsors %}
218-
<div class="col-6 col-md-4 col-lg-3 p-4">
219-
<a href="{{ sponsor.link }}" target="_blank" style="display: block;">
220-
<img class="img-fluid" src="/img/sponsor/{{ sponsor.logo }}" alt="{{ sponsor.name }}" />
221-
</a>
222-
</div>
223-
{% endfor %}
217+
<div class="sponsors-container">
218+
<h3 class="text-center caption">Gold Sponsor</h3>
219+
<div class="sponsor-logo-container">
220+
<div id="gold-sponsors">
221+
<div class="row justify-content-center align-items-center">
222+
{% for sponsor in gold_sponsors %}
223+
<div class="col-6 col-md-4 col-lg-3 p-4">
224+
<a href="{{ sponsor.link }}" target="_blank" style="display: block;">
225+
<img class="img-fluid" src="/img/sponsor/{{ sponsor.logo }}" alt="{{ sponsor.name }}" />
226+
</a>
227+
</div>
228+
{% endfor %}
229+
</div>
224230
</div>
231+
</div>
232+
</div>
225233
<hr>
226234
{% endif %}
227235

228236
{% if silver_sponsors != empty %}
229-
<h3 class="text-center caption">Silver Sponsor</h3>
230-
<div class="row justify-content-center align-items-center">
231-
{% for sponsor in silver_sponsors %}
232-
<div class="col-6 col-md-4 col-lg-3 p-4">
233-
<a href="{{ sponsor.link }}" target="_blank" class="p-4 text-center" style="display: block;">
234-
<img class="img-fluid" src="/img/sponsor/{{ sponsor.logo }}" alt="{{ sponsor.name }}" />
235-
</a>
237+
<div class="sponsors-container">
238+
<h3 class="text-center caption">Silver Sponsor</h3>
239+
<div class="sponsor-logo-container">
240+
<div id="silver-sponsors">
241+
<div class="row justify-content-center align-items-center">
242+
{% for sponsor in silver_sponsors %}
243+
<div class="col-6 col-md-4 col-lg-3 p-4">
244+
<a href="{{ sponsor.link }}" target="_blank" class="p-4 text-center" style="display: block;">
245+
<img class="img-fluid" src="/img/sponsor/{{ sponsor.logo }}" alt="{{ sponsor.name }}" />
246+
</a>
247+
</div>
248+
{% endfor %}
249+
</div>
250+
</div>
251+
</div>
236252
</div>
237-
{% endfor %}
238-
</div>
239253
<hr>
240254
{% endif %}
241255

242256
{% if bronze_sponsors != empty %}
243-
<h3 class="text-center caption">Bronze Sponsor</h3>
244-
<div class="row justify-content-center align-items-center">
245-
{% for sponsor in bronze_sponsors %}
246-
<div class="col-6 col-md-4 col-lg-3 p-4">
247-
<a href="{{ sponsor.link }}" target="_blank" class="p-4 text-center" style="display: block;">
248-
<img class="img-fluid" src="/img/sponsor/{{ sponsor.logo }}" alt="{{ sponsor.name }}" />
249-
</a>
257+
<div class="sponsors-container">
258+
<h3 class="text-center caption">Bronze Sponsor</h3>
259+
<div class="sponsor-logo-container">
260+
<div id="bronze-sponsors">
261+
<div class="row justify-content-center align-items-center">
262+
{% for sponsor in bronze_sponsors %}
263+
<div class="col-6 col-md-4 col-lg-3 p-4">
264+
<a href="{{ sponsor.link }}" target="_blank" class="p-4 text-center" style="display: block;">
265+
<img class="img-fluid" src="/img/sponsor/{{ sponsor.logo }}" alt="{{ sponsor.name }}" />
266+
</a>
267+
</div>
268+
{% endfor %}
269+
</div>
250270
</div>
251-
{% endfor %}
271+
</div>
252272
</div>
253273
<hr>
254274
{% endif %}
255275
{% if inkind_sponsors != empty %}
256276
<div class="sponsors-container">
257277
<h3 class="text-center caption">In-kind Sponsor</h3>
258-
<div class="row justify-content-center align-items-center">
259-
{% for sponsor in inkind_sponsors %}
260-
<div class="col-6 col-md-4 col-lg-3">
261-
<a href="{{ sponsor.link }}" target="_blank" class="p-4 text-center" style="display: block;">
262-
<img class="img-fluid" src="/img/sponsor/{{ sponsor.logo }}" alt="{{ sponsor.name }}" />
263-
<p class="text-center py-1">{{ sponsor.message }}</p>
264-
</a>
265-
</div>
266-
{% endfor %}
278+
<div class="sponsor-logo-container">
279+
<div id="in-kind-sponsors">
280+
<div class="row justify-content-center align-items-center">
281+
{% for sponsor in inkind_sponsors %}
282+
<div class="col-6 col-md-4 col-lg-3">
283+
<a href="{{ sponsor.link }}" target="_blank" class="p-4 text-center" style="display: block;">
284+
<img class="img-fluid" src="/img/sponsor/{{ sponsor.logo }}" alt="{{ sponsor.name }}" />
285+
<p class="text-center py-1">{{ sponsor.message }}</p>
286+
</a>
287+
</div>
288+
{% endfor %}
289+
</div>
267290
</div>
291+
</div>
268292
</div>
269293
<hr>
270294
{% endif %}
271295

272296
{% if individual_sponsors != empty %}
297+
<div class="sponsors-container">
273298
<h3 class="text-center caption">Individual Sponsor</h3>
274-
<div class="row">
275-
{% for sponsor in individual_sponsors %}
276-
<div class="col-lg-3 col-md-4 col-6 p-2 text-center">
277-
{% if sponsor.link %}
278-
<a href="{{ sponsor.link }}" target="_blank" style="display: block;">
279-
{% endif %}
280-
{{ sponsor.name }}
281-
{% if sponsor.link %}
282-
</a>
283-
{% endif %}
299+
<div class="sponsor-logo-container">
300+
<div id="individual-sponsors">
301+
<div class="row">
302+
{% for sponsor in individual_sponsors %}
303+
<div class="col-lg-3 col-md-4 col-6 p-2 text-center">
304+
{% if sponsor.link %}
305+
<a href="{{ sponsor.link }}" target="_blank" style="display: block;">
306+
{% endif %}
307+
{{ sponsor.name }}
308+
{% if sponsor.link %}
309+
</a>
310+
{% endif %}
311+
</div>
312+
{% endfor %}
284313
</div>
285-
{% endfor %}
286314
</div>
315+
</div>
316+
</div>
287317
{% endif %}
288318
</div>
289319
</section>

0 commit comments

Comments
 (0)