feat: add qiita icon link

Author: oriverk

README.md

@@ -7,7 +7,6 @@
   - Svelte
   - unified, remark, rehype ...
   - @octokit/graphql
-  - algoliasearch
 - devDependencies
   - husky
   - biomejs

public/assets/qiita-icon.png

@@ -7,4 +7,5 @@ export default {
   docsGitHubRepositoryExpression: "HEAD:cv/index.md",
   zenn: 'oriverk',
   x: 'not_you_die',
+  qiita: 'OriverK'
 }

site.config.ts

@@ -5,8 +5,9 @@ import siteConfig from "../../site.config";
 import type IconType from "./ui/Icon.svelte";
 import Icon from "./ui/Icon.svelte";
 
-const { github, zenn, x } = siteConfig;
+const { github, zenn, x, qiita } = siteConfig;
 
+// @ts-ignore
 type Link = Pick<ComponentProps<IconType>, "type" | "size"> & {
   href: string;
   title: string;
@@ -67,6 +68,16 @@ const links: Link[] = [
     {#each links as args}
       {@render link(args)}
     {/each}
+    <a
+      class="hero-link qiita"
+      href={urlJoin("https://qiita.com", qiita)}
+      target="_blank"
+      rel="noopener noreferrer"
+      title="Qiita"
+    >
+      <img src="/assets/qiita-icon.png" alt="logo" />
+      <span class="sr-only">Qiita link</span>
+    </a>
   </div>
 </div>
 
@@ -119,6 +130,9 @@ const links: Link[] = [
     &:hover {
       background-color: rgba(0 0 0 / 0.3);
     }
-  }
 
+    &.qiita > img {
+      width: 2rem;
+    }
+  }
 </style>

src/components/Hero.svelte

@@ -8,7 +8,6 @@ type Props = {
     | "github"
     | "zenn"
     | "x"
-    | "algolia"
     | "pencil"
     | "magnifyingGlass"
     | "repository"
@@ -97,11 +96,6 @@ const { type, size, color, style }: Props = $props();
     mask-image: url('/assets/x.svg');
   }
 
-  .algolia::before {
-    mask-image: url('/assets/algolia.svg');
-    aspect-ratio: 572 / 64;
-  }
-
   /* general icon */
   .pencil::before {
     mask-image: url('/assets/pencil.svg');