@@ -104,9 +104,7 @@ layout: plain
104104 <h1 class='text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block' style="font-family: 'League Gothic', sans-serif; color: #221C35;">ABOUT</h1>
105105 <p class="text-xl mt-2" style="color: #444444;">イベント紹介</p>
106106 </div>
107- <h2 class="text-2xl sm:text-5xl font-bold">
108- 作品展示イベント
109- </h2>
107+ <h2 class="text-2xl sm:text-5xl font-bold">作品展示イベント</h2>
110108 <p class="mt-5 text-xl sm:text-2xl">Coolest Projectsは、18歳以下の子どもたちのための世界的な作品展示イベントです。プログラミングやテクノロジーを使って作った独自のアイデアや作品を、コミュニティ全体で称賛し合います。順位を競うコンテストではありません。あなたの情熱、創造性、そして技術的な挑戦を世界中の仲間と共有する場所です。</p>
111109 </div>
112110 </div>
@@ -120,24 +118,24 @@ layout: plain
120118 <!-- 展示までの流れ「FLOW」 -->
121119 <div class="pt-36" id="flow">
122120 <div class="text-center mb-16">
123- <a href="#flow" style="text-decoration: none;">
124- <h2 class='text-4xl sm:text-5xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block' style="font-family: 'League Gothic', sans-serif; color: #221C35;">FLOW</h2>
125- <p class="text-xl mt-2" style="color: #444444;">展示までの流れ</p>
126- </a>
121+ <a href="#flow" style="text-decoration: none;">
122+ <h2 class='text-4xl sm:text-5xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block' style="font-family: 'League Gothic', sans-serif; color: #221C35;">FLOW</h2>
123+ <p class="text-xl mt-2" style="color: #444444;">展示までの流れ</p>
124+ </a>
127125 </div>
128126
129127 <div class="text-center mb-8 max-w-4xl mx-auto">
130- <img src="/img/contests/flow.webp" alt="展示までの流れ" class="w-full rounded-2xl">
128+ <img src="/img/contests/flow.webp" alt="展示までの流れ" class="w-full rounded-2xl">
131129 </div>
132130 </div>
133131
134132 <div class="pt-36" id="categories">
135133 <div class="text-center mb-8">
136- <a href="#categories" style="text-decoration: none;">
134+ <a href="#categories" style="text-decoration: none;">
137135 <h1 class='text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block'
138- style="font-family: 'League Gothic', sans-serif; color: #221C35;">CATEGORIES</h1>
136+ style="font-family: 'League Gothic', sans-serif; color: #221C35;">CATEGORIES</h1>
139137 <p class="text-xl mt-2" style="color: #444444;">カテゴリー</p>
140- </a>
138+ </a>
141139 </div>
142140 <!-- カテゴリーカード -->
143141 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-8">
@@ -218,11 +216,11 @@ layout: plain
218216 <!-- NEWS セクション -->
219217 <div class="pt-36" id="news">
220218 <div class="text-center mb-16">
221- <a href="#news" style="text-decoration: none;">
219+ <a href="#news" style="text-decoration: none;">
222220 <h1 class='text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block'
223221 style="font-family: 'League Gothic', sans-serif; color: #221C35;">NEWS</h1>
224222 <p class="text-xl mt-2" style="color: #444444;">お知らせ</p>
225- </a>
223+ </a>
226224 </div>
227225 <!-- お知らせ一覧（最新3件） -->
228226 {% assign latest_news = site.posts | where: "categories", "news" | sort: "date" | reverse | limit: 3 %}
@@ -237,140 +235,28 @@ layout: plain
237235
238236 <div class="pt-36" id="sponsors">
239237 <div class="text-center mb-16">
240- <a href="#sponsors" style="text-decoration: none;">
238+ <a href="#sponsors" style="text-decoration: none;">
241239 <h1 class='text-5xl sm:text-6xl font-bold uppercase tracking-wider border-b-10 border-teal-500 inline-block'
242- style="font-family: 'League Gothic', sans-serif; color: #221C35;">SPONSORS</h1>
243- <p class="text-xl mt-2" style="color: #444444;">スポンサー</p>
244- </a>
240+ style="font-family: 'League Gothic', sans-serif; color: #221C35;">SPONSORS</h1>
241+ <p class="text-xl mt-2" style="color: #444444;">スポンサー</p>
242+ </a>
245243 </div>
246244 <div class="text-center mb-16">
247245 <p class="text-xl mb-12" style="color: #444444;">Coolest Projects Japanは<a href='/sponsors/'>スポンサーのご協力</a>により開催されています。協賛くださいました、皆様ありがとうございます。</p>
248-
249- <!-- スポンサー一覧 -->
250- <div class="mb-16">
251-
252- <!-- Diamond Sponsor -->
253- <div class="mb-24">
254- <section class="sponsors">
255- <h3> ダイアモンドスポンサー </h3>
256- </section>
257- <div class="flex justify-center mb-6 px-4">
258- <a href="https://broadcomfoundation.org/" target="_blank" rel="noopener noreferrer" class="inline-block">
259- <img src="/img/contests/sponsor-logos/broadcom-foundation.svg" alt="Broadcom Foundation Logo" class="w-200 sm:w-240 h-auto max-h-64 object-contain">
260- </a>
261- </div>
262- </div>
263-
264- <!-- Platinum Sponsor --->
265- <div class="mb-24">
266- <section class="sponsors">
267- <h3> プラチナスポンサー </h3>
268- </section>
269- <div class="flex justify-center mb-6 px-4">
270- <a href="https://www.kurusugawa.jp/" target="_blank" rel="noopener noreferrer" class="inline-block">
271- <img src="/img/contests/sponsor-logos/kurusugawa-computer-inc.svg" alt="有限会社来栖川電算_ロゴ" class="w-100 sm:w-120 h-auto max-h-32 object-contain">
272- </a>
273- </div>
274- </div>
275-
276- <!-- Gold Sponsor -->
277- <div class="mb-24">
278- <section class="sponsors">
279- <h3> ゴールドスポンサー </h3>
280- </section>
281- <div class="flex justify-center mb-6 px-4">
282- <a href="https://smartone-robot.com/" target="_blank" rel="noopener noreferrer" class="inline-block">
283- <img src="/img/contests/sponsor-logos/smartone.svg" alt="株式会社SmartOne" class="w-full max-w-md sm:max-w-lg max-h-48 object-contain">
284- </a>
285- </div>
286- </div>
287-
288- <!-- Silver Sponsors -->
289- <div class="mb-24 px-4">
290- <section class="sponsors mb-12">
291- <h3> シルバースポンサー </h3>
292- </section>
293- <div class="flex flex-wrap justify-center items-center gap-8 sm:gap-4">
294- <a href="https://it-a-net.co.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
295- <img src="/img/contests/sponsor-logos/it-adviser.webp" alt="株式会社ITアドバイザー_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
296- </a>
297- <a href="https://www.seeed.co.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
298- <img src="/img/contests/sponsor-logos/seeed.webp" alt="Seeed株式会社_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
299- </a>
300- <a data-proofer-ignore target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
301- <img src="/img/contests/sponsor-logos/pike.webp" alt="株式会社パイク_ロゴ" class="w-28 sm:w-40 h-auto max-h-32 object-contain">
302- </a>
303- <a href="https://lifeskill.or.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
304- <img src="/img/contests/sponsor-logos/life-skill-support-association.webp" alt="一般社団法人ライフスキルサポート協会_ロゴ" class="w-52 sm:w-70 h-auto max-h-32 object-contain">
305- </a>
306- </div>
307- </div>
308- </div>
309-
310- <!-- Bronze Sponsor
311- <div class="mb-24">
312- <section class="sponsors">
313- <h3> ブロンズスポンサー </h3>
314- </section>
315- </div>
316- -->
317-
318- <!-- In-Kind Sponsors -->
319- <div class="mb-24 px-4">
320- <section class="sponsors mb-12">
321- <h3> In-Kindスポンサー(機材・物品・サービス提供) </h3>
322- </section>
323- <div class="flex flex-wrap justify-center items-center gap-12 sm:gap-8">
324- <a href="https://yasslab.jp/ja/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
325- <img src="/img/contests/sponsor-logos/yasslab.svg" alt="YassLab株式会社_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
326- </a>
327- <a href="https://www.grips.co.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
328- <img src="/img/contests/sponsor-logos/grips.webp" alt="株式会社GRIPS_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
329- </a>
330- <a href="https://dmcouncil.or.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
331- <img src="/img/contests/sponsor-logos/digital-monozukuri-council.webp" alt="NPO法人デジタルものづくり協議会_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
332- </a>
333- <a href="https://kata-studio.hr-sano.net" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
334- <img src="/img/contests/sponsor-logos/lab-sbsb.svg" alt="lab-sbsb_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
335- </a>
336- <a href="https://protopedia.net/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
337- <img src="/img/contests/sponsor-logos/ptoropedia_beside.webp" alt="ProtoPedia_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
338- </a>
339- <a href="https://www.stellalink.co.jp/" target="_blank" rel="noopener" class="block transition-transform hover:scale-105">
340- <img src="/img/contests/sponsor-logos/stellalink.svg" alt="stellalink_ロゴ" class="w-40 sm:w-56 h-auto max-h-32 object-contain">
341- </a>
342- </div>
343- </div>
344-
345- <!-- Individual Sponsors
346- <div class="mb-24">
347- <section class="sponsors">
348- <h3> 個人スポンサー </h3>
349- </section>
350- </div>
351- -->
352-
353- <a href="/sponsors" class="button-push"> スポンサー募集のご案内を見る </a>
246+ {% include sponsors.html %}
247+ <a href="/sponsors" class="button-push"> スポンサー募集のご案内を見る </a>
354248 </div>
355249 </div>
250+
356251 </div >
357252</div >
358253
359254{% include faq.html %}
360255
361256<style >
362- /* テキストを2行で切り取る */
363- .line-clamp-2 {
364- display -webkit-box ;
365- -webkit-line-clamp 2 ;
366- -webkit-box-orient vertical ;
367- overflow hidden ;
368- }
369-
370257 /* FAQセクションの背景色 */
371258 #faq {
372259 background-color #eff2f6 ;
373260 padding-bottom 48px ;
374261 }
375262</style >
376-
0 commit comments