refactor: TOP ページ用のレイアウトを分割

mucho613 · mucho613 · commit 2fe323f44f1e · 2025-08-13T00:32:54.000+09:00
diff --git a/_layouts/top.html b/_layouts/top.html
@@ -1,8 +1,8 @@
 {% if page_title or page_title == '' %}
-{% assign page_title = page.title %}
+  {% assign page_title = page.title %}
 {% endif %}
 {% if page_subtitle or page_subtitle == '' %}
-{% assign page_subtitle = page.subtitle %}
+  {% assign page_subtitle = page.subtitle %}
 {% endif %}
 {% assign page_title = page.title %}
 <!DOCTYPE html>
@@ -11,12 +11,8 @@
 
 <body class="bg-linear-106 from-[#9d1e29] to-[#d4932a] text-[#262626] font-bold tracking-wider min-h-dvh p-4 flex">
   <div class="bg-white rounded-2xl min-h-full flex-grow flex flex-col">
-    <div class="bg-[url(/img/2025/top/hero-section-background.png)] bg-contain">
-      {% include header.html %}
-
-      <div class="flex-grow">
-        {{ content }}
-      </div>
+    <div class="flex-grow">
+      {{ content }}
     </div>
 
     {% include footer.html %}
diff --git a/img/2025/top/header-background.png b/img/2025/top/header-background.png
diff --git a/index.md b/index.md
@@ -1,4 +1,8 @@
 ---
 layout: top
 ---
-{% include top/sections/hero.html %}
+<div class="bg-white bg-[url(/img/2025/top/header-background.png)] bg-size-contain bg-no-repeat bg-top bg-center rounded-2xl min-h-full flex-grow flex flex-col">
+  {% include header.html %}
+
+  {% include top/sections/hero.html %}
+</div>
