Merge pull request #231 from vim-jp/feature/2025/add-youtube-playlist-and-photo-album

YoutubeプレイリストとGoogle Photos アルバムページを追加

Author: mopp

2025/src/components/Header.astro

@@ -59,6 +59,12 @@ import VimLogo from "./VimLogo.astro";
         >
           セッション一覧
         </a>
+        <a
+          href="/2025/photos"
+          class="text-sm font-medium transition-colors hover:text-emerald-600"
+        >
+          写真
+        </a>
         <button
           disabled
           class="inline-flex h-auto items-center justify-center gap-2 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
@@ -127,6 +133,10 @@ import VimLogo from "./VimLogo.astro";
           href="/2025/sessions"
           class="py-2 text-sm font-medium transition-colors hover:text-emerald-600"
           >セッション一覧</a
+        ><a
+          href="/2025/photos"
+          class="py-2 text-sm font-medium transition-colors hover:text-emerald-600"
+          >写真</a
         >
       </nav>
     </div>

2025/src/components/Top.astro

@@ -41,6 +41,9 @@ import VimLogo from "./VimLogo.astro";
       VimConf 2025 Small は終了しました。<br
       />ご参加いただいた皆様、ありがとうございました！
     </p>
+    <p class="mb-6 text-center text-base font-medium text-gray-700 md:text-lg">
+      当日の様子がYouTube再生リストと写真アルバムで公開されました！
+    </p>
     <div
       class="mb-8 flex flex-col items-center justify-center gap-3 sm:flex-row"
     >
@@ -54,6 +57,9 @@ import VimLogo from "./VimLogo.astro";
           >YouTube 配信のアーカイブはこちら
           <ExternalLink class="ml-2 h-4 w-4" />
         </a></button
+      ><button
+        class="inline-flex h-10 w-auto items-center justify-center gap-2 rounded-md bg-emerald-600 px-4 py-2 text-sm font-medium whitespace-nowrap text-white ring-offset-background transition-colors hover:bg-emerald-700 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+        ><a href="/2025/photos">写真・動画を見る</a></button
       ><button
         class="inline-flex h-10 w-auto items-center justify-center gap-2 rounded-md border border-emerald-600 bg-background px-4 py-2 text-sm font-medium whitespace-nowrap text-emerald-700 ring-offset-background transition-colors hover:bg-emerald-50 hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
         ><a href="#schedule">スケジュールを見る</a></button