CGit のソーシャルアイコンを fork SVG からテキスト「cgit」に変更

1 files changed, 14 insertions, 11 deletions

diff --git a/src/components/starlight/SocialIcons.astro b/src/components/starlight/SocialIcons.astro
index 4cceb9a..dbb863e 100644
--- a/src/components/starlight/SocialIcons.astro
+++ b/src/components/starlight/SocialIcons.astro
@@ -3,31 +3,28 @@ import config from "virtual:starlight/user-config";
 
 const links = config.social || [];
 
-// Built-in SVG icons (replacing Starlight's Icon component for social links)
+// Built-in SVG icons for social links
 const BUILTIN: Record<string, string> = {
   "x.com":
     '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4l11.733 16h4.267l-11.733 -16z"/><path d="M4 20l6.768 -6.768m2.46 -2.46L20 4"/></svg>',
   "code-branch":
     '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="2.5"/><circle cx="6" cy="18" r="2.5"/><line x1="6" y1="8.5" x2="6" y2="15.5"/><path d="M6 12 L18 8"/><circle cx="18" cy="6" r="2.5"/></svg>',
 };
-
-// CGit 専用アイコン（cgit.yasutakeyohei.com の favicon に基づく）
-const CGIT_SVG =
-  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="7" cy="7" r="3"/><circle cx="7" cy="17" r="3"/><line x1="7" y1="10" x2="7" y2="14"/><path d="M7 12h6a3 3 0 0 0 3-3V7"/><circle cx="17" cy="7" r="3"/></svg>';
 ---
 
 {
   links.length > 0 && (
     <>
-      {links.map(({ label, href, icon }) => {
-        const svg = label === "CGit" ? CGIT_SVG : (BUILTIN[String(icon)] || BUILTIN["code-branch"]);
-        return (
+      {links.map(({ label, href }) => (
         <a href={href} rel="me" class="sl-flex" title={label}>
           <span class="sr-only">{label}</span>
-          <span class="sl-social-icon" set:html={svg} />
+          {label === "CGit" ? (
+            <span class="sl-social-text">cgit</span>
+          ) : (
+            <span class="sl-social-icon" set:html={BUILTIN["code-branch"]} />
+          )}
         </a>
-        );
-      })}
+      ))}
     </>
   )
 }
@@ -47,5 +44,11 @@ const CGIT_SVG =
       height: 1rem;
       display: block;
     }
+    .sl-social-text {
+      font-size: 0.8rem;
+      font-weight: 700;
+      line-height: 1;
+      font-family: var(--__sl-font-mono, monospace);
+    }
   }
 </style>