reorder headers and fix article image not fitting properly

Author: aster-void

contents/doc/members.md

@@ -13,8 +13,8 @@
 | `nameEn`         | ✅   | 英語名。                                                                                                      |
 | `joinYear`       | ✅   | ut.code(); に入会した年。ソートに使用しています。                                                           |
 | `description`    | ✅   | 今の自分を表す一言。                                                                                          |
-| `faceImage`      | ✅   | 顔写真。縦横比は 1:1。顔を中央に配置し、顔の横幅がおよそ写真の横幅の 1/2 になるようにトリミングしてください。 |
-| `upperBodyImage` | ✅   | バストショット。縦横比は 1:1。                                                                                |
+| `faceImage`      | ✅   | 顔写真。縦横比は 1:1。顔を中央に配置してください。                                                            |
+| `upperBodyImage` | ✅   | バストショット。縦横比は 1:1。顔が端になることは避けてください。                                              |
 | `github`         |      | GitHub の**アカウント名**                                                                                     |
 | `twitter`        |      | X (旧 Twitter) の **ID**。                                                                                    |
 | `website`        |      | 個人のウェブサイトの URL。                                                                                    |

src/components/Header.astro

@@ -7,11 +7,11 @@ import banner from "+contents/banner.ts";
 import Logo from "./Logo.astro";
 
 const links = [
-  { title: "About", href: "/about", focus: Focus.about },
   { title: "プロジェクト", href: "/projects", focus: Focus.projects },
   { title: "記事", href: "/articles", focus: Focus.articles },
   { title: "メンバー", href: "/members", focus: Focus.members },
   { title: "参加", href: "/join", focus: Focus.join },
+  { title: "About", href: "/about", focus: Focus.about },
 ];
 
 interface Props {

src/pages/articles/[...id].astro

@@ -57,6 +57,7 @@ const author = article.data.author && (await getMember(article.data.author.id));
             formats={["avif", "webp"]}
             width="64"
             height="64"
+            fit="cover"
             src={author.data.faceImage}
             class="overflow-clip rounded-full bg-gray-200"
           />