Chg: Astro 6.1.7 / New: kleismicをリンクに追加 / Chg: imgタグをImageに変更 / Chg: index.astroの自己紹介のfont-sizeを1remに変更 / Chg: ライトモードのborder-colorを変更 / Chg: ライトモードのフッターの背景色を変更

package.json

@@ -8,6 +8,6 @@
     "astro": "astro"
   },
   "dependencies": {
-    "astro": "^6.1.1"
+    "astro": "^6.1.7"
   }
 }

pnpm-lock.yaml

@@ -9,8 +9,8 @@ importers:
   .:
     dependencies:
       astro:
-        specifier: ^6.1.1
-        version: 6.1.1(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.5)(typescript@5.9.3)
+        specifier: ^6.1.7
+        version: 6.1.7(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.5)(typescript@5.9.3)
 
 packages:
 
@@ -565,8 +565,8 @@ packages:
   array-iterate@2.0.1:
     resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
 
-  astro@6.1.1:
-    resolution: {integrity: sha512-vq8sHpu1JsY1fWAunn+tdKNbVDmLQNiVdyuGsVT2csgITdFGXXVAyEXFWc1DzkMN0ehElPeiHnqItyQOJK+GqA==}
+  astro@6.1.7:
+    resolution: {integrity: sha512-pvZysIUV2C2nRv8N7cXAkCLcfDQz/axAxF09SqiTz1B+xnvbhy6KzL2I6J15ZBXk8k0TfMD75dJ151QyQmAqZA==}
     engines: {node: '>=22.12.0', npm: '>=9.6.5', pnpm: '>=7.1.0'}
     hasBin: true
 
@@ -1202,11 +1202,6 @@ packages:
     resolution: {integrity: sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==}
     engines: {node: '>=11.0.0'}
 
-  semver@7.7.3:
-    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
-    engines: {node: '>=10'}
-    hasBin: true
-
   semver@7.7.4:
     resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
     engines: {node: '>=10'}
@@ -1875,7 +1870,7 @@ snapshots:
 
   array-iterate@2.0.1: {}
 
-  astro@6.1.1(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.5)(typescript@5.9.3):
+  astro@6.1.7(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.5)(typescript@5.9.3):
     dependencies:
       '@astrojs/compiler': 3.0.1
       '@astrojs/internal-helpers': 0.8.0
@@ -1893,7 +1888,6 @@ snapshots:
       cookie: 1.1.1
       devalue: 5.6.4
       diff: 8.0.3
-      dlv: 1.1.3
       dset: 3.1.4
       es-module-lexer: 2.0.0
       esbuild: 0.27.4
@@ -2862,16 +2856,13 @@ snapshots:
 
   sax@1.6.0: {}
 
-  semver@7.7.3:
-    optional: true
-
   semver@7.7.4: {}
 
   sharp@0.34.4:
     dependencies:
       '@img/colour': 1.0.0
       detect-libc: 2.1.2
-      semver: 7.7.3
+      semver: 7.7.4
     optionalDependencies:
       '@img/sharp-darwin-arm64': 0.34.4
       '@img/sharp-darwin-x64': 0.34.4

src/components/Card.astro

@@ -1,8 +1,11 @@
 ---
+import { Image } from "astro:assets";
+
 export interface Props {
   title: string;
   description: string;
   img: string;
+  imgLoading?: "eager" | "lazy";
   href?: URL;
   scale?: number;
   isFullWidth?: true;
@@ -18,9 +21,12 @@ export interface Props {
   target="_blank"
 >
   <div class="img">
-    <img
+    <Image
+      width="20"
+      height="20"
+      loading={Astro.props.imgLoading ?? "lazy"}
       src={new URL(`/icons/${Astro.props.img}`, Astro.url.origin).toString()}
-      alt="アイコン"
+      alt={Astro.props.title}
       class={Astro.props.canDarkInvert
         ? "canDarkInvert"
         : ""}

src/components/Footer.astro

@@ -16,7 +16,7 @@ footer {
   font-family: "BIZ UDPGothic", sans-serif;
   text-align: center;
   color: #667a8b;
-  background-color: #bdc3d0;
+  background-color: #d8d8d8;
   padding: 2rem;
   user-select: none;
   -webkit-user-select: none;

src/components/Header.astro

@@ -1,6 +1,13 @@
+---
+import { Image } from "astro:assets";
+---
+
 <header>
   <a href="/">
-    <img
+    <Image
+      width="20"
+      height="20"
+      loading="eager"
       src={new URL("/avatar.png", Astro.url.origin).toString()}
       alt="アバター"
     />
@@ -41,6 +48,7 @@ a {
 
 img {
   width: 2.75rem;
+  height: 2.75rem;
   border-radius: 100%;
   border: 1px solid var(--border-color);
 }

src/constants/contacts.ts

@@ -20,4 +20,4 @@ export default [
     href: new URL("https://misskey.systems/@last2014"),
     canDarkInvert: false,
   },
-] as CardProps[];
+] as CardProps[];

src/constants/links.ts

@@ -35,6 +35,13 @@ export default [
     img: "uwuzunet.png",
     href: new URL("https://uwuzu.net/@last2014"),
   },
+  {
+    title: "kleismic",
+    description: "@last2014.keik.info",
+    img: "kleismic.png",
+    href: new URL("https://kleismic.com/profile/last2014"),
+    scale: 0.9,
+  },
   {
     title: "マシュマロ",
     description: "/egdz8zducskjfqt",

src/pages/index.astro

@@ -5,11 +5,15 @@ import details from "@/constants/details";
 import links from "@/constants/links";
 import contacts from "@/constants/contacts";
 import supports from "@/constants/supports";
+import { Image } from "astro:assets";
 ---
 
 <Layout>
   <div class="profile">
-    <img
+    <Image
+      width="20"
+      height="20"
+      loading="eager"
       src={new URL("/avatar.png", Astro.url.origin).toString()}
       alt="アバター"
     />
@@ -50,7 +54,7 @@ import supports from "@/constants/supports";
     <span id="link">リンク</span>
     
     {links.map((link) => (
-      <Card {...link} />
+      <Card imgLoading="eager" {...link} />
     ))}
   </div>
 
@@ -102,7 +106,6 @@ import supports from "@/constants/supports";
 }
 
 .profile div p {
-  font-size: 0.9rem;
   font-weight: 350;
 }
 

src/styles/global.css

@@ -3,7 +3,7 @@
 :root {
   --background-color: #f0f0f0;
   --text-color: #000000;
-  --border-color: #f2e5e5;
+  --border-color: #e0e0e0;
 }
 
 @media (prefers-color-scheme: dark) {