feat: move header to layout

ryoppippi · ryoppippi · commit 8e01901c5476 · 2025-02-14T20:17:30.000Z
diff --git a/2025/src/components/Header.astro b/2025/src/components/Header.astro
@@ -0,0 +1,35 @@
+---
+import LanguagePicker from '../components/LanguagePicker.astro'
+---
+
+<header class="hero">
+  <LanguagePicker />
+  <div class="container">
+    <h1>VimConf <wbr />2025</h1>
+  </div>
+</header>
+
+<style>
+/* Hero Section */
+.hero {
+  background: linear-gradient(110deg, #9ebd13 0%, #069700 100%);
+  color: #fff;
+  text-align: center;
+
+  h1 {
+    font-size: 4rem;
+    margin-bottom: 16px;
+    font-family: "Cardo", serif;
+    font-weight: 400;
+    font-style: italic;
+  }
+}
+
+/* Container */
+.container {
+  width: 90%;
+  max-width: 960px;
+  margin: auto;
+  padding: 24px 0;
+}
+</style>
diff --git a/2025/src/layouts/Layout.astro b/2025/src/layouts/Layout.astro
@@ -1,5 +1,6 @@
 ---
 import { GoogleFontsOptimizer } from "astro-google-fonts-optimizer";
+import Header from "../components/Header.astro";
 
 const { lang = 'ja' } = Astro.props;
 ---
@@ -17,6 +18,7 @@ const { lang = 'ja' } = Astro.props;
 		<title>VimConf 2025</title>
 	</head>
 	<body>
+		<Header />
 		<slot />
 	</body>
 </html>
diff --git a/2025/src/pages/en.astro b/2025/src/pages/en.astro
@@ -1,16 +1,8 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import LanguagePicker from '../components/LanguagePicker.astro'
 ---
 
 <Layout lang="en">
-  <header class="hero">
-    <LanguagePicker />
-    <div class="container">
-      <h1>VimConf <wbr />2025</h1>
-    </div>
-  </header>
-
   <section>
     <div class="container">
       <h2 id="what-is-vimconf-2025" class="section-title"><a href="#what-is-vimconf-2025">What is VimConf 2025?</a></h2>
@@ -100,20 +92,6 @@ h3 {
   padding: 24px 0;
 }
 
-/* Hero Section */
-.hero {
-  background: linear-gradient(110deg, #9ebd13 0%, #069700 100%);
-  color: #fff;
-  text-align: center;
-
-  h1 {
-    font-size: 4rem;
-    margin-bottom: 16px;
-    font-family: "Cardo", serif;
-    font-weight: 400;
-    font-style: italic;
-  }
-}
 
 /* Section Title */
 .section-title {
diff --git a/2025/src/pages/ja.astro b/2025/src/pages/ja.astro
@@ -1,16 +1,8 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import LanguagePicker from '../components/LanguagePicker.astro'
 ---
 
 <Layout>
-  <header class="hero">
-    <LanguagePicker />
-    <div class="container">
-      <h1>VimConf <wbr />2025</h1>
-    </div>
-  </header>
-
   <section>
     <div class="container">
       <h2 id="what-is-vimconf-2025" class="section-title"><a href="#what-is-vimconf-2025">VimConf 2025 とは？</a></h2>
