Add ワークショップ主催者向け解説動画 to /pokemon/workshop LP

Author: yasulab

app/views/pokemons/workshop.html.erb

@@ -12,9 +12,11 @@
 
     <p style="padding-bottom: 20px; font-size: 95%;">
       『プログラミングでポケモンをうごかしてみよう』のワークショップ事例を載せています。<br><br class="ignore-pc" />ワークショップ開催を検討している CoderDojo 関係者の参考になれば幸いです。
+
       <div class="home-point-video">
         <iframe loading="lazy" width="100%" src="https://www.youtube.com/embed/Wr-z-QE-k8s" title="出張ポケモンワークショップ @ 大津ヶ丘第一小学校" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="1"></iframe>
       </div>
+
       <div class="btn-cover">
         <a class="btn-blue" style="padding: 12px 0px;" href="https://www.youtube.com/watch?v=Wr-z-QE-k8s">
           <i class="fa fa-youtube"></i>
@@ -23,7 +25,7 @@
       </div>
     </p>
 
-    <h3 id="references" style="padding-top: 50px;">☯️ 他の開催事例</h3>
+    <h3 id="references" style="padding-top: 50px;">☯️ 開催事例</h3>
     <ul>
       <li><a href="https://dojocon2022.coderdojo.jp/event/pokemon-workshop/">DojoCon Japan における開催事例</a></li>
       <li><a href="https://coderdojo-tonami.org/blog/fes-2021/">CoderDojo となみ（砺波）の開催事例</a></li>
@@ -32,16 +34,22 @@
       <li><a href="https://www.facebook.com/groups/coderdojo.jp/posts/5678892912224061/">CoderDojo 倉敷の開催事例</a></li>
     </ul>
 
+    <h3 id="howto" style="padding-top: 50px;">📺 研修動画</h3>
     <p style="padding-bottom: 10px; font-size: 95%;">
-      ワークショップ開催方法については<br class="ignore-pc" />『<%= link_to 'Kata - 支援・資料', '/kata#support' %>』をご参照ください。
+      ワークショップ主催者向けの使い方については<br class="ignore-pc" />『<%= link_to '公式の解説動画', 'https://startkit.pokemon-foundation.or.jp/news/18/' %>』をご参照ください。
+
+      <div class="home-point-video">
+        <iframe loading="lazy" width="100%" src="https://www.youtube.com/embed/baGXEj5cbaQ" title="【ポケモンプログラミングスタートキット】先生向け研修" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="1"></iframe>
+      </div>
       <div class="btn-cover">
-        <a class="btn-blue" style="padding: 12px 0px; font-size: 90%;" href="/kata#support">
-          <i class="fa fa-yin-yang"></i>
-          支援・資料のページを見る
+        <a class="btn-blue" style="padding: 12px 0px;" href="https://startkit.pokemon-foundation.or.jp/news/18/">
+          <i class="fa fa-youtube"></i>
+          公式の解説動画を見る
         </a>
       </div>
     </p>
 
+
     <h3 id="references" style="padding-top: 50px;">📚 関連リンク</h3>
     <ul>
       <li><a href="https://news.coderdojo.jp/2026/02/22/pokemon-workshop-at-mitoukaigi/">未踏会議2026 MEET DAY にて「プログラミングでポケモンをうごかしてみよう」ワークショップ実施のお知らせ - CoderDojo Japan</a></li>