Merge pull request #42 from coderdojo-japan/saikyo-coderdojo-page

企画一覧と、「さいきょうのCoderDojo」ページを追加

Author: mucho613

_data/events.yml

@@ -0,0 +1,5 @@
+- title: ぼくのかんがえたさいきょうのCoderDojoワークショップ
+  outline: 理想のCoderDojoをみんなで考えるワークショップです。ワークシートに自分が考える理想のCoderDojoを書いて、他の参加者とシェアしましょう。
+  img: /img/events/saikyo-coderdojo.webp
+  tag: ワークショップ
+  url: /events/saikyo-coderdojo/

_pages/events.md

@@ -0,0 +1,40 @@
+---
+layout: default
+permalink: /events/
+---
+<h2 id="outline" class="text-4xl text-center mb-8 pt-40 xl:pt-20">
+  企画
+  <span class="block mt-5 text-2xl">EVENTS</span>
+</h2>
+
+<ul class="max-w-7xl mx-auto mb-8 px-4 sm:px-8 flex flex-wrap justify-between gap-y-16">
+  {% for event in site.data.events %}
+    <li class="w-full md:w-[47%] rounded-xl">
+      {% if event.url %}
+        <a href="{{ event.url }}">
+          <h3 class="text-2xl mb-2 hover:text-[#cc8f2e] transition-colors duration-200">{{ event.title }}</h3>
+        </a>
+      {% else %}
+        <h3 class="text-2xl mb-2">{{ event.title }}</h3>
+      {% endif %}
+
+      {% if event.tag %}
+        <span class="block w-fit mb-4 min-w-24 text-center px-4 py-px rounded-xs bg-[#cc8f2e] text-white">{{ event.tag }}</span>
+      {% endif %}
+
+      <div class="text-gray-600">
+        {{ event.outline }}
+      </div>
+
+      {% if event.url %}
+        <a class="block w-fit my-2 border rounded p-2 hover:bg-[#cc8f2e] hover:text-white transition-colors duration-200" href="{{ event.url }}">
+          <i class="fas fa-file mx-1"></i> 詳細を見る
+        </a>
+      {% endif %}
+
+      <div class="flex gap-x-4 mt-8">
+        <img src="{{ event.img }}" />
+      </div>
+    </li>
+  {% endfor %}
+</ul>

_posts/2025-08-28-saikyo-coderdojo.md

@@ -0,0 +1,25 @@
+---
+layout: post
+title: ぼくのかんがえたさいきょうのCoderDojoワークショップ
+date: 2025-08-28T00:00:00 UTC+09:00
+categories: news
+thumbnail: /img/events/saikyo-coderdojo.png
+permalink: /events/saikyo-coderdojo/
+---
+
+## 対象者
+- CoderDojoの運営に口を出せる人（チャンピオン、メンター、その他協力者）
+- これからCoderDojoを立ち上げたいと思っている人
+- 理想のCoderDojoについて熱く語りたい人
+
+## 内容
+理想のCoderDojoをみんなで考えるワークショップです。<br />
+ワークシートに自分が考える理想のCoderDojoを書いて、他の参加者とシェアしましょう。
+
+## 持ち物・必要スキル
+CoderDojoに対する熱い思い！<br />
+手ぶらで参加できます。<br />
+※ワークシートや筆記用具はこちらで準備します。<br />
+<br />
+
+![](/img/events/saikyo-coderdojo.webp)