From 56499b3385c32b724b2f9c1bf1ecd9b7ec65f823 Mon Sep 17 00:00:00 2001
From: parsley001 <dubhe.kai1@gmail.com>
Date: Fri, 25 Oct 2024 14:21:27 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E2=9C=A8=20()=20=E3=83=80=E3=82=A6?=
 =?UTF-8?q?=E3=83=B3=E3=83=AD=E3=83=BC=E3=83=89=E3=83=9C=E3=82=BF=E3=83=B3?=
 =?UTF-8?q?=E3=82=92=E5=AE=9F=E8=A3=85=20=20(#126)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

のみ、かつデスクトップ版の場合は最下層までスクロールしないと表示されない
---
 src/layouts/Layout.astro | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 2a9671d..b48d3fa 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -2,11 +2,13 @@
 import '@/styles/global.css';
 import '@/styles/colors.css';
 import { ViewTransitions } from 'astro:transitions';
+import ButtonLink from '@/components/ButtonLink.astro';
 import HeroSlideShow from '@/components/HeroSlideShow.astro';
 import Footer from '@/components/footer.astro';
 import Header from '@/components/header.astro';
 import { GoogleFontsOptimizer } from 'astro-google-fonts-optimizer';
 import { SEO } from 'astro-seo';
+import { CloudDownload } from 'lucide-astro';
 
 /**
  *メタデータやOpengraph、Twitterカードの情報を設定するためのレイアウト。
@@ -144,7 +146,7 @@ const {
 
       // ダークモードかどうかを判定するメディアクエリ
       const darkModeMediaQuery = window.matchMedia(
-        "(prefers-color-scheme: dark)"
+        "(prefers-color-scheme: dark)",
       );
 
       /**
@@ -202,7 +204,22 @@ const {
         transition:persist
         class="w-full mb-8 group-data-[no-hero]:max-md:hidden"
       />
+      {
+        hasHero && (
+          <div class="grid justify-around grid-cols-2 gap-5">
+            <ButtonLink color="pink">
+              <CloudDownload />
+              <span class="text-base">パンフレット (11.5MB)</span>
+            </ButtonLink>
+            <ButtonLink color="mauve">
+              <CloudDownload />
+              <span class="text-base">ポスター (13.4MB)</span>
+            </ButtonLink>
+          </div>
+        )
+      }
     </div>
+
     <div
       class="relative px-1 md:px-0 z-10 flex flex-col gap-6 w-full md:w-[calc(100%-(100svh-64px-32px-24px*3)*0.7071-24px*3)] md:min-w-[calc(100%-40vw-24px*3)] grow justify-start min-h-[calc(100svh-24px*2)] mt-6 md:mt-0 md:ml-6"
     >

From 61e2cf7269abfda12f0d96122a9f232f9b025d47 Mon Sep 17 00:00:00 2001
From: parsley001 <dubhe.kai1@gmail.com>
Date: Fri, 25 Oct 2024 14:33:52 +0900
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E2=9C=A8=20()=20=E3=83=80=E3=82=A6?=
 =?UTF-8?q?=E3=83=B3=E3=83=AD=E3=83=BC=E3=83=89=E3=83=9C=E3=82=BF=E3=83=B3?=
 =?UTF-8?q?=E3=81=AB=E3=83=AA=E3=83=B3=E3=82=AF=E3=82=92=E7=B4=90=E3=81=A5?=
 =?UTF-8?q?=E3=81=91=E3=81=9F=20=20(#126)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/Layout.astro | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index b48d3fa..e9d94e4 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -207,11 +207,21 @@ const {
       {
         hasHero && (
           <div class="grid justify-around grid-cols-2 gap-5">
-            <ButtonLink color="pink">
+            <ButtonLink
+              color="pink"
+              target="_black"
+              rel="noopener noreferrer"
+              href="https://bucket.33.shikosai.net/brochure.pdf"
+            >
               <CloudDownload />
               <span class="text-base">パンフレット (11.5MB)</span>
             </ButtonLink>
-            <ButtonLink color="mauve">
+            <ButtonLink
+              color="mauve"
+              target="_black"
+              rel="noopener noreferrer"
+              href="https://bucket.33.shikosai.net/poster.png"
+            >
               <CloudDownload />
               <span class="text-base">ポスター (13.4MB)</span>
             </ButtonLink>