footer

Author: adnjoo

web/.prettierrc.json

@@ -0,0 +1,14 @@
+{
+  "trailingComma": "es5",
+  "semi": true,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "importOrder": ["<THIRD_PARTY_MODULES>", "@/(.*)$", "^[./]"],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "plugins": [
+    "@trivago/prettier-plugin-sort-imports",
+    "prettier-plugin-tailwindcss"
+  ]
+}

web/components/Footer.tsx

@@ -1,10 +1,22 @@
-import Link from "next/link";
+import Image from 'next/image';
+import Link from 'next/link';
 
 export function Footer() {
   return (
-    <footer className="p-4 text-center text-sm w-full hover:underline">
-      <Link href="https://github.com/adnjoo/fast-youtube-summary">
+    <footer>
+      <Link
+        href='https://github.com/adnjoo/fast-youtube-summary'
+        className='flex w-full flex-col p-4 text-center text-sm hover:underline'
+        target='_blank'
+      >
         built by drew
+        <Image
+          src='/github-mark.svg'
+          alt='GitHub Logo'
+          width={20}
+          height={20}
+          className='mx-auto'
+        />
       </Link>
     </footer>
   );