Update contents on Kata - はじめに section

app/views/docs/kata.html.erb

@@ -58,26 +58,44 @@
 	
 	<h3 id='welcome'>
 	  <a href='#welcome'>🔰</a>
-	  まずは何から？
+	  初めての人へ
 	</h3>
 	<p>初めての方を対象としたスライド資料やインタビュー動画があります。動画では CoderDojo の雰囲気も掴めてオススメです。</p>
 	<ul style='margin: 30px auto;'>
 	  <li>
-	    <p><a href="/#welcome">CoderDojo へようこそ!</a> (スライド)</p>
+	    <p><a href="/#welcome">☯️ CoderDojo へようこそ!</a> (スライド)</p>
 	  </li>
 	  <li>
-	    <p><a href="https://www.youtube.com/watch?v=VEcFnEYT6mQ">CoderDojo ってなんかのおぅ?</a> (<a href='https://www.youtube.com/watch?v=VEcFnEYT6mQ'>広島弁版</a> / <a href='https://www.youtube.com/watch?v=o81Grj0VB24'>しまくとぅば版</a> / <a href='https://www.youtube.com/watch?v=c7ROVdcyk7s'>英語版</a>)</a></p>
+	    <p><a href="https://www.youtube.com/playlist?list=PL94GDfaSQTmKzw7RLjbmUgl8VyfBR9E8e">🔰 CoderDojo とは? </a> (YouTube 再生リスト)</p>
 	  </li>
+	  <!--
 	  <li>
-	    <p><a href='https://www.youtube.com/watch?v=Cg20ltQrJIA'>楽しみながらプログラミング体験</a> (沖縄テレビ放送)</p>
+	    <p><a href="https://www.youtube.com/watch?v=VEcFnEYT6mQ">CoderDojo ってなんかのおぅ?</a> (<a href='https://www.youtube.com/watch?v=VEcFnEYT6mQ'>広島弁版</a> / <a href='https://www.youtube.com/watch?v=o81Grj0VB24'>しまくとぅば版</a> / <a href='https://www.youtube.com/watch?v=c7ROVdcyk7s'>英語版</a>)</a></p>
 	  </li>
 	  <li>
-	    <p><a href="https://www.youtube.com/watch?v=gLDue2xb1j8">あなたが Dojo に来る理由は何ですか?</a> (YouTube)</p>
+	    <p><a href='https://www.youtube.com/watch?v=Cg20ltQrJIA'>楽しみながらプログラミング体験</a> (沖縄テレビ放送)</p>
 	  </li>
+	  -->
 	</ul>
 
+	<div class='home-point-video'>
+	  <iframe class='lazyload' loading='lazy' width="813" height="457" src="https://www.youtube.com/embed/5Q3r4XQflFs?list=PL94GDfaSQTmKzw7RLjbmUgl8VyfBR9E8e" title="あなたが CoderDojo に来る理由は何ですか？" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+	</div>
+
 	<p>CoderDojo の雰囲気は掴めたでしょうか? もっと詳しく知るには<strong>実際に参加してみるのが近道</strong>です。<%= link_to '日本の道場一覧', dojos_path %></a>や<%= link_to '近日開催の道場', events_path %>、もしくは<%= link_to '地図情報（DojoMap）', 'https://map.coderdojo.jp/' %> から最寄りの道場を探してみましょう!</p>
 
+	<div class='btn-cover' style="margin-top: 20px; margin-bottom: 100px;">
+	  <a class='btn-blue' href='/events'>
+	    📆
+	    近日開催から探す
+	  </a>
+	  <a class='btn-blue' href='https://map.coderdojo.jp/'>
+	    🗾
+	    地図情報から探す
+	  </a>
+	</div>
+
+
 	<h3 id='details'>
 	  <a href='#details'>🧐</a>
 	  もっと詳しく知りたい人へ