show link to github

package.json

@@ -71,7 +71,8 @@
       "@typescript-eslint"
     ],
     "rules": {
-      "semi": "error"
+      "semi": "error",
+      "import/prefer-default-export": "off"
     }
   },
   "browserslist": {

src/components/Intro/Intro.tsx

@@ -1,15 +1,36 @@
 import styled from 'styled-components';
+import { ReactComponent as GithubIcon } from '../../icons/github.svg';
 
 export const Container = styled.div`
   padding: 10px 30px;
   font-size: 20px;
   text-align: center;
+  position: relative;
+`;
+
+export const GithubLink = styled.a`
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  color: #000;
+
+  @media (prefers-color-scheme: dark) {
+    color: #ff9f43;
+  };
 `;
 
 export function Intro() {
   return (
     <Container>
       Эх, когда-нибудь я найду время, чтобы...
+      <GithubLink
+        href="https://github.com/maximgatilin/check_later"
+        aria-label="github link"
+        target="_blank"
+        rel="noreferrer"
+      >
+        <GithubIcon width="30px" />
+      </GithubLink>
     </Container>
   );
 }

src/todo.md

@@ -1,7 +1,7 @@
 # Todo items
 
 ## V1 Remaining
-* Show link to github in the UI
+* Favicon & title
 * Proper readme with link to the deployed app
 
 ## Features