Topのヒーローページに背景を設定

.vitepress/theme/style.css

@@ -15,6 +15,19 @@
   );
 }
 
+/* HOMEだけ背景画像を使用する */
+.standards-home .VPHomeHero {
+  background-size: cover;
+  background-position: center;
+  background-image: url(../../public/images/background3.jpg);
+  background-color: #f0f0f0;
+  background-blend-mode: overlay;
+  margin-bottom: 16px;
+}
+.dark .standards-home .VPHomeHero {
+  background-color: #1b1b1f;
+}
+
 /* ヒーロー画像を透過させる */
 .image-src {
   opacity: 0.1;

index.md

@@ -34,6 +34,7 @@ features:
     details: エンタープライズ領域では、社員・パートナーの方々を合わせて、数百人が同時に開発することも珍しくありません。 ちょっとした悩み、失敗も、人数が集まれば大変なコスト・リスクになります。 誰もが引っかかる落とし穴、悩みの種をあらかじめ排除します。
   - title: Performance
     details: 時に読みやすいソースコードはパフォーマンス劣化を招くことがあります。 しかし、常にパフォーマンスを優先したソースコードは人間の読めないソースコードになりがちです。 今、書こうとしているソースコードが、どの程度のパフォーマンスになるのか、指標を示すことで、ソフトウェア開発プロジェクトごとに最適なソースコードを選択することができます。
+pageClass: standards-home
 ---
 
 [![GitHub last commit](https://img.shields.io/github/last-commit/future-architect/coding-standards.svg)](https://github.com/future-architect/coding-standards)