📚 資料集とニュースページの改善

- 資料集とニュースページにカバー画像を追加
- ページタイトルを h2 から h1 タグに変更（SEO改善）
- タイトルに絵文字を追加して視認性向上
  - 資料集: 📚 を追加
  - ニュース: 📰 に統一
- ニュースページ下部にCoderDojoオブジェクト画像を追加

新規追加ファイル:
- app/assets/images/docs_cover.jpg
- app/assets/images/news_cover.jpg
- public/coderdojo_object.webp

Author: yasulab

app/assets/images/docs_cover.jpg

@@ -1,6 +1,6 @@
 class DocsController < ApplicationController
   def index
-    @title = 'CoderDojo 資料集'
+    @title = '📚 CoderDojo 資料集'
     @desc  = 'CoderDojo に関する資料を<br class="ignore-pc">トピック毎にまとめたページです。'
     @url   = request.url
     @docs  = Document.all.delete_if.each do |doc|
@@ -25,7 +25,7 @@ def show
       @doc.content.gsub! "{{ NUM_OF_TOTAL_EVENTS }}",  Dojo::NUM_OF_TOTAL_EVENTS
       @doc.content.gsub! "{{ NUM_OF_TOTAL_NINJAS }}",  Dojo::NUM_OF_TOTAL_NINJAS
     end
-    
+
     # INACTIVE_THRESHOLD を日本語の期間表記に変換
     if @doc.content.include? "INACTIVE_THRESHOLD"
       # 1.year → "１年間", 6.months → "６ヶ月間" のように変換

app/assets/images/news_cover.jpg

@@ -1,6 +1,6 @@
 class NewsController < ApplicationController
   def index
-    @title = '☯️ CoderDojo ニュース 📰'
+    @title = '📰️ CoderDojo ニュース'
     @desc  = 'CoderDojo に関するお知らせの一覧ページです。'
     @url   = request.url
 

app/controllers/docs_controller.rb

@@ -3,9 +3,13 @@
 <% provide :url,   @url %>
 <% provide :meta_image, "/img/ogp-docs.jpeg" %>
 
+<section class="cover">
+  <%= lazy_image_tag 'docs_cover.jpg', alt: 'Cover Photo on Docs', min: false %>
+</section>
+
 <div class='container'>
   <section class='docs' style='padding: 50px 0px;'>
-    <h2 class='text-center'><%= @title.html_safe %></h2>
+    <h1 class='text-center'><%= @title.html_safe %></h1>
 
     <p class='text-center' style='padding-bottom: 50px;'>
       <%= @desc.html_safe %>

app/controllers/news_controller.rb

@@ -4,7 +4,7 @@
 <% provide(:meta_image, '/img/ogp-events.jpeg') %>
 
 <section class="cover">
-  <%= lazy_image_tag '/events_cover.jpg', alt: 'Cover Photo on Upcoming Events', min: true %>
+  <%= lazy_image_tag '/events_cover.jpg', alt: 'Cover Photo on Docs', min: true %>
 </section>
 
 <section id="events" class="text-center">

app/views/docs/index.html.erb

@@ -3,9 +3,13 @@
 <% provide :url,   @url %>
 <% provide :meta_image, "/img/ogp-news.jpeg" %>
 
+<section class="cover">
+  <%= lazy_image_tag 'news_cover.jpg', alt: 'Cover Photo on News', min: false %>
+</section>
+
 <div class='container'>
   <section class='news' style='padding: 50px 0px 0px;'>
-    <h2 class='text-center'><%= @title.html_safe %></h2>
+    <h1 class='text-center'><%= @title.html_safe %></h1>
 
     <p class='text-center' style='padding-top: 30px;'>
       <%= @desc.html_safe %>
@@ -36,7 +40,13 @@
       <p class="text-center">現在、ニュース記事はありません。</p>
     <% end %>
   </section>
+</div>
 
+<section class="cover">
+  <%= lazy_image_tag '/coderdojo_object.webp', alt: 'CoderDojo Object' %>
+</section>
+
+<div class='container'>
   <section class="text-center list" style='margin-bottom: 100px;'>
     <%= render 'shared/dojo_letter_signup' %>
     <%= render 'shared/social_buttons' %>