@@ -189,132 +189,108 @@ layout: default
189
189
{% assign inkind_sponsors = site.data.sponsors | where: "type", "inkind" %}
190
190
{% assign individual_sponsors = site.data.sponsors | where: "type", "individual" %}
191
191
<section id =" sponsors " class =" py-5 " >
192
- <div id =" sponsors_index " class =" container " >
193
- <div class="text-center">
194
- <img src="/img/momotaro/saru.svg" style="width: 80px"/>
195
- <p class="mb-0 mt-3"><strong>SPONSORS</strong></p>
196
- <h2 class="text-center title-text my-1">スポンサー</h2>
197
- </div>
192
+ <div id =" sponsors_index " >
193
+ <h2 class =" text-center title-text " >SPONSORS</h2 >
194
+
198
195
{% if platinum_sponsors != empty %}
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 %}
210
- </div >
196
+ <div class =" sponsors-container " >
197
+ <h3 class =" text-center caption " >Platinum Sponsor</h3 >
198
+ <div class =" sponsor-logo-container " >
199
+ <div id =" platinum-sponsors " >
200
+ {% for sponsor in platinum_sponsors %}
201
+ <a href =" {{ sponsor.link }} " target =" _blank " >
202
+ <img class =" sponsor-logo " src =" /img/{{ site.year }}/sponsor/{{ sponsor.logo }} " alt =" {{ sponsor.name }} " />
203
+ </a >
204
+ {% endfor %}
211
205
</div >
212
206
</div >
213
- < hr >
207
+ </ div >
214
208
{% endif %}
215
209
216
210
{% if gold_sponsors != empty %}
217
211
<div class =" sponsors-container " >
218
212
<h3 class =" text-center caption " >Gold Sponsor</h3 >
219
213
<div class =" sponsor-logo-container " >
220
214
<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 >
215
+ {% for sponsor in gold_sponsors %}
216
+ <a href =" {{ sponsor.link }} " target =" _blank " >
217
+ <img class =" sponsor-logo " src =" /img/{{ site.year }}/sponsor/{{ sponsor.logo }} " alt =" {{ sponsor.name }} " />
218
+ </a >
219
+ {% endfor %}
230
220
</div >
231
221
</div >
232
222
</div >
233
- <hr >
234
223
{% endif %}
235
224
236
225
{% if silver_sponsors != empty %}
237
226
<div class =" sponsors-container " >
238
227
<h3 class =" text-center caption " >Silver Sponsor</h3 >
239
228
<div class =" sponsor-logo-container " >
240
229
<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 >
230
+ {% for sponsor in silver_sponsors %}
231
+ <a href =" {{ sponsor.link }} " target =" _blank " >
232
+ <img class =" sponsor-logo " src =" /img/{{ site.year }}/sponsor/{{ sponsor.logo }} " alt =" {{ sponsor.name }} " />
233
+ </a >
234
+ {% endfor %}
250
235
</div >
251
236
</div >
252
237
</div >
253
- <hr >
254
238
{% endif %}
255
239
256
240
{% if bronze_sponsors != empty %}
257
241
<div class =" sponsors-container " >
258
242
<h3 class =" text-center caption " >Bronze Sponsor</h3 >
259
243
<div class =" sponsor-logo-container " >
260
244
<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 >
245
+ {% for sponsor in bronze_sponsors %}
246
+ <a href =" {{ sponsor.link }} " target =" _blank " >
247
+ <img class =" sponsor-logo " src =" /img/{{ site.year }}/sponsor/{{ sponsor.logo }} " alt =" {{ sponsor.name }} " />
248
+ </a >
249
+ {% endfor %}
270
250
</div >
271
251
</div >
272
252
</div >
273
- <hr >
274
253
{% endif %}
254
+
275
255
{% if inkind_sponsors != empty %}
276
256
<div class =" sponsors-container " >
277
257
<h3 class =" text-center caption " >In-kind Sponsor</h3 >
278
258
<div class =" sponsor-logo-container " >
279
259
<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 %}
260
+ {% for sponsor in inkind_sponsors %}
261
+ <div >
262
+ <a href =" {{ sponsor.link }} " target =" _blank " >
263
+ <img class =" sponsor-logo " src =" /img/{{ site.year }}/sponsor/{{ sponsor.logo }} " alt =" {{ sponsor.name }} " />
264
+ </a >
265
+ <p style =" margin-top :0.5em ; font-size :0.8em ;" >{{ sponsor.message }}</p >
289
266
</div >
267
+ {% endfor %}
290
268
</div >
291
269
</div >
292
270
</div >
293
- <hr >
294
271
{% endif %}
295
272
296
273
{% if individual_sponsors != empty %}
297
274
<div class =" sponsors-container " >
298
275
<h3 class =" text-center caption " >Individual Sponsor</h3 >
299
276
<div class =" sponsor-logo-container " >
300
277
<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 %}
278
+ {% for sponsor in individual_sponsors %}
279
+ <div class =" individual-sponsor-name " >
280
+ {% if sponsor.link %}
281
+ <a href =" {{ sponsor.link }} " target =' _blank ' rel =' noopener ' style =' text-decoration : underline ;' >
282
+ {% endif %}
283
+ {{ sponsor.name }}
284
+ {% if sponsor.link %}
285
+ </a >
286
+ {% endif %}
313
287
</div >
288
+ {% endfor %}
314
289
</div >
315
290
</div >
316
291
</div >
317
292
{% endif %}
293
+
318
294
</div >
319
295
</section >
320
296
0 commit comments