Add minified images in Kata with 'min: true' option

Author: yasulab

app/views/docs/kata.html.erb

@@ -39,7 +39,7 @@
 	  <p>CoderDojo は、7〜17歳を対象とした非営利のプログラミング道場です。2011年にアイルランドから始まり、世界では110カ国・2,200以上の道場、日本では<a href="https://coderdojo.jp/#dojos">全国に222以上</a>の道場があります。CoderDojo は全国各地で定期的に開催されており、<a style="background-color: #ffffff;" href="https://coderdojo.jp/stats">延べ10,000人以上</a>の子ども達が毎年楽しみながら様々な作品を創っています。</p>
 	  <br>
 	  <p>各 Dojo は、チャンピオンやメンターと呼ばれる協力者によって自主的に運営されています。プログラマーやデザイナーだけでなく、学生や教員、アーティストやフリーランス、起業家や投資家などの方々が分野横断的に協力しあって、それぞれの Dojo が継続的に運営されています。もちろん、参加者自身や参加者の親が運営に協力する事例も多いです。</p>
-	  <%= lazy_image_tag('/kata/coderdojo-zero.png', alt: 'CoderDojo を支える方々の写真', style: 'margin-top: 30px; margin-bottom: 100px;') %>
+	  <%= lazy_image_tag('/kata/coderdojo-zero.png', alt: 'CoderDojo を支える方々の写真', style: 'margin-top: 30px; margin-bottom: 100px;', min: true) %>
 
 	  <h3 id='welcome'>まず何を読むといい？ 🤔</h3>
 	  <p>初めての方向けには次の資料をオススメしています。スライドや動画、インタビュー記事を見ると CoderDojo の雰囲気が掴めます。</p>
@@ -185,7 +185,7 @@
 
 	  <div id="learn" class="headline-anchor"></div>
 	  <h2 class="headline">📚 学ぶ</h2>
-	  <%= lazy_image_tag('/kata/learn.png', alt: 'CoderDojo 梅田の様子', style: 'margin-bottom: 30px;') %>
+	  <%= lazy_image_tag('/kata/learn.png', alt: 'CoderDojo 梅田の様子', style: 'margin-bottom: 30px;', min: true) %>
 
 	  <div>
 	    <div>
@@ -317,7 +317,7 @@
 
 	  <div id="challenge" class="headline-anchor"></div>
 	  <h2 class="headline">腕試し</h2>
-	  <%= lazy_image_tag('/kata/challenge.png', alt: 'DojoCon Japan の様子') %>
+	  <%= lazy_image_tag('/kata/challenge.png', alt: 'DojoCon Japan の様子', min: true) %>
 
 	  <div>
 	    <div>
@@ -422,7 +422,7 @@
 
 	  <div id="startup" class="headline-anchor"></div>
 	  <h2 class="headline">立ち上げる</h2>
-	  <%= lazy_image_tag('/kata/startup.png', alt: 'CoderDojo 調布の様子') %>
+	  <%= lazy_image_tag('/kata/startup.png', alt: 'CoderDojo 調布の様子', min: true) %>
 	  <br>
 	  <br>
 	  <div>
@@ -453,7 +453,7 @@
 	      <h3 id='startup-flowchart'>☯️ Dojo の設立・初回開催までの流れ<span style="font-size: 20px; font-weight: 400;">（制作: <a href="https://coderdojo-kodaira.github.io/">CoderDojo Kodaira</a>）</span></h3>
 	    </div>
 	  </div>
-	  <%= lazy_image_tag('/kata/startup-flowchart.png', alt: 'CoderDojo の立ち上げから開催までのフローチャート', style: "margin-bottom: 100px;") %>
+	  <%= lazy_image_tag('/kata/startup-flowchart.png', alt: 'CoderDojo の立ち上げから開催までのフローチャート', style: "margin-bottom: 100px;", min: true) %>
 	  <div>
 	    <div>
 	      <h3 id='startup-create-account'>🆕 アカウント登録から、申請までの流れ</h3>
@@ -525,7 +525,7 @@
 	    <div id="support" class="headline-anchor"></div>
 	    <h2 class="headline">🤝 支援・資料</h2>
 	  </div>
-	  <%= lazy_image_tag('/kata/support.png', alt: 'CoderDojo in Minecraft') %>
+	  <%= lazy_image_tag('/kata/support.png', alt: 'CoderDojo in Minecraft', min: true) %>
 
 	  <div>
 	    <div>
@@ -735,7 +735,7 @@
 	    <div id="faq" class="headline-anchor"></div>
 	    <h2 class="headline">📑 FAQ</h2>
 	  </div>
-	  <%= lazy_image_tag('/kata/faq.png', alt: '統計情報：参加者数の推移') %>
+	  <%= lazy_image_tag('/kata/faq.png', alt: '統計情報：参加者数の推移', min: true) %>
 
 	  <div>
 	    <div>
@@ -804,7 +804,7 @@
 		  <br>
 		</li>
 		<li>
-		  <p><strong>Q. このページを編集したいときはどうすればよいでしょうか?</strong><br>
+		  <h5>Q. このページを編集したいときはどうすればよいでしょうか?</h5>
 		    GitHub の README にある手順にしたがって編集が可能です 📝</p>
 		  <p><strong><a href="https://github.com/coderdojo-japan/coderdojo.jp#coderdojo-japan">🛠 README (2. CoderDojo Kata の執筆・編集) - GitHub</a></strong></p>
 		</li>