dev: move images

Author: aster-void

README.md

@@ -18,15 +18,6 @@
 bun install --frozen-lockfile
 ```
 
-## TODO
-
-style more
-a11y <https://astro.build/integrations/2/?search=&categories%5B%5D=performance%2Bseo&categories%5B%5D=accessibility>
-pagination
-
-- https://code.vool.jp/blog/astro-pagination/
-- https://docs.astro.build/en/guides/routing/#pagination
-
 ## 開発
 
 ```shell

src/images/contact-header.jpg src/images/headers/contact.jpgsrc/images/contact-header.jpg renamed to src/images/headers/contact.jpg

@@ -1,7 +1,7 @@
 ---
 import { Picture } from "astro:assets";
 import ActionButton from "../components/ActionButton.astro";
-import ContactHeader from "../images/contact-header.jpg";
+import Header from "../images/headers/contact.jpg";
 import GlobalLayout from "../layouts/GlobalLayout.astro";
 import { Focus } from "../schema";
 ---
@@ -10,7 +10,7 @@ import { Focus } from "../schema";
   title="連絡"
   description="ut.code(); に連絡する手段"
   focus={Focus.contact}
-  image={ContactHeader}
+  image={Header}
 >
   <div class="container mx-auto px-4 pt-16 pb-12">
     <h1 class="text-4xl">ut.code(); に連絡する</h1>
@@ -19,7 +19,7 @@ import { Focus } from "../schema";
     formats={["avif", "webp"]}
     alt=""
     loading="eager"
-    src={ContactHeader}
+    src={Header}
     width="1920"
     height="600"
     class="h-30 object-cover sm:h-50 md:h-100"

src/images/join-header.jpg src/images/headers/donation.jpgsrc/images/join-header.jpg renamed to src/images/headers/donation.jpg

@@ -1,7 +1,7 @@
 ---
 import { Picture } from "astro:assets";
 import ActionButton from "../components/ActionButton.astro";
-import DonationHeader from "../images/donation-header.jpg";
+import Header from "../images/headers/donation.jpg";
 import GlobalLayout from "../layouts/GlobalLayout.astro";
 import { Focus } from "../schema";
 ---
@@ -11,14 +11,14 @@ import { Focus } from "../schema";
   description="ご寄付・ご協賛をお願いしております"
   focus={Focus.contact}
   class="prose"
-  image={DonationHeader}
+  image={Header}
 >
   <h1 class="mt-12 ml-4 text-4xl md:ml-[20%]">ご寄付・ご協賛のお願い</h1>
   <Picture
     formats={["avif", "webp"]}
     alt=""
     loading="eager"
-    src={DonationHeader}
+    src={Header}
     width="1920"
     height="600"
     class="my-8 h-100 w-full object-cover md:h-150"

src/images/hero.jpg src/images/headers/index.jpgsrc/images/hero.jpg renamed to src/images/headers/index.jpg

@@ -11,7 +11,7 @@ import ProjectList from "../components/ProjectList.astro";
 import SectionHeader from "../components/per-page/SectionHeader.astro";
 import { Focus } from "../schema.ts";
 
-import Hero from "../images/hero.jpg";
+import Hero from "../images/headers/index.jpg";
 import LabCafe from "../images/lab-cafe.jpg";
 import LogoGMOMedia from "../images/logo-gmo-media.png";
 

src/images/donation-header.jpg src/images/headers/join.jpgsrc/images/donation-header.jpg renamed to src/images/headers/join.jpg

@@ -1,7 +1,7 @@
 ---
 import { Picture } from "astro:assets";
 import ActionButton from "../components/ActionButton.astro";
-import JoinHeader from "../images/join-header.jpg";
+import Header from "../images/headers/join.jpg";
 import GlobalLayout from "../layouts/GlobalLayout.astro";
 import { Focus } from "../schema";
 ---
@@ -10,17 +10,18 @@ import { Focus } from "../schema";
   title="参加"
   description="ut.code(); に参加する"
   focus={Focus.join}
-  image={JoinHeader}
+  image={Header}
 >
   <Picture
     formats={["avif", "webp"]}
     fit="cover"
     alt=""
     loading="eager"
-    src={JoinHeader}
+    src={Header}
     width="1920"
-    height={60 * 8}
-    class="top-0 h-[35rem] w-full object-cover"
+    height="600"
+    quality="mid"
+    class="top-0 w-full object-cover object-top"
   />
   <main class="px-16 py-16">
     <div class="prose max-w-none">