♻️ CSS クラス名を dojocast-cover から cover-wide に変更

- 汎用的な名前に変更することで、DojoCast 以外のページ（News、Docs）でも再利用可能に
- border-radius: 0px でカバー画像の角を直角に
- 全ての関連ビューファイルを更新

Author: yasulab

app/assets/stylesheets/custom.scss

@@ -94,8 +94,8 @@ img.emoji {
 	transition: opacity 300ms;
 }
 
-/* DojoCast Cover Photo */
-.dojocast-cover {
+/* Wide Cover Photo (used by DojoCast, News, Docs, etc.) */
+.cover-wide {
   border-radius: 0px;
 }
 

app/views/docs/index.html.erb

@@ -4,7 +4,7 @@
 <% provide :meta_image, "/img/ogp-docs.jpeg" %>
 
 <section class="cover">
-  <%= lazy_image_tag 'docs_cover.jpg', alt: 'Cover Photo on Docs', min: false %>
+  <%= lazy_image_tag 'docs_cover.jpg', alt: 'Cover Photo on Docs', min: false, class: 'cover-wide' %>
 </section>
 
 <div class='container'>

app/views/news/index.html.erb

@@ -3,9 +3,7 @@
 <% 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>
+<%= lazy_image_tag 'news_cover.jpg', alt: 'Cover Photo on News', class: 'cover-wide' %>
 
 <div class='container'>
   <section class='news' style='padding: 50px 0px 0px;'>
@@ -43,7 +41,7 @@
 </div>
 
 <section class="cover">
-  <%= lazy_image_tag '/coderdojo_object.webp', alt: 'CoderDojo Object' %>
+  <%= lazy_image_tag '/coderdojo_object.webp', alt: 'CoderDojo Object', class: 'cover-wide' %>
 </section>
 
 <div class='container'>

app/views/podcasts/index.html.erb

@@ -3,7 +3,7 @@
 <% provide(:url,   @url ) %>
 <% provide(:meta_image,  "/img/ogp-dojocast.jpeg") %>
 
-<%= lazy_image_tag('/podcasts/dojocast-cover.webp', alt: 'DojoCast Cover Photo', class: 'dojocast-cover') %>
+<%= lazy_image_tag('/podcasts/dojocast-cover.webp', alt: 'DojoCast Cover Photo', class: 'cover-wide') %>
 
 <div class="container" style="line-height: 2.2em;">
   <section class="doc" style="padding: 50px 0px 0px 0px;">

app/views/podcasts/show.html.erb

@@ -3,7 +3,7 @@
 <% provide :url,   @url %>
 <% provide :meta_image,  @episode.cover %>
 
-<%= lazy_image_tag('/podcasts/dojocast-cover.webp', alt: 'DojoCast Cover Photo', class: 'dojocast-cover') %>
+<%= lazy_image_tag('/podcasts/dojocast-cover.webp', alt: 'DojoCast Cover Photo', class: 'cover-wide') %>
 
 <style type="text/css">
   .prev { display: table-cell; font-color: white; text-align: left;   }