feat: add github logo (#1)

Author: dtemir

site-data.json

@@ -6,6 +6,7 @@
     "website": "https://www.gatesnotes.com/",
     "linkedin": "https://www.linkedin.com/in/williamhgates",
     "email": "bill.gates@gatesfoundation.org",
+    "github": "https://github.com",
     "about": "Dedicated to tackling global health challenges and climate change through innovation and strategic philanthropy. Passionate about leveraging technology to solve humanity's greatest problems.\n\nVoracious reader with a personal blog where I share insights on books and global issues. Avid traveler exploring both developed and developing regions to understand local challenges firsthand."
   },
   "experience": [

src/components/Icons.tsx

@@ -50,3 +50,20 @@ export function MailIcon(props: SVGProps<SVGSVGElement>) {
     </svg>
   );
 }
+
+export function GitHubIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      fill="currentColor"
+      className="bi bi-github"
+      viewBox="0 0 16 16"
+      {...props}
+    >
+      <title>GitHub</title>
+      <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />
+    </svg>
+  );
+}

src/components/Sidebar.tsx

@@ -1,5 +1,5 @@
 import type { NavItem, Personal } from "../types";
-import { GlobeIcon, LinkedInIcon, MailIcon } from "./Icons";
+import { GitHubIcon, GlobeIcon, LinkedInIcon, MailIcon } from "./Icons";
 
 interface SidebarProps {
   personal: Personal;
@@ -78,6 +78,20 @@ function Sidebar({ personal, navItems }: SidebarProps) {
             </a>
           </li>
         )}
+        {personal.github && (
+          <li className="mr-5 shrink-0">
+            <a
+              className="block hover:text-slate-800 transition-colors"
+              href={personal.github}
+              target="_blank"
+              rel="noreferrer noopener"
+              aria-label="GitHub (opens in a new tab)"
+            >
+              <span className="sr-only">GitHub</span>
+              <GitHubIcon className="size-5" />
+            </a>
+          </li>
+        )}
       </ul>
     </header>
   );