From f1dc7a2daf8a9fce2ab154e7105d7ed2d86e21cb Mon Sep 17 00:00:00 2001
From: Maksim Gatilin <maxim@supportlogic.io>
Date: Tue, 23 Jan 2024 16:36:35 +0300
Subject: [PATCH] show link to github

---
 package.json                   |  3 ++-
 src/components/Intro/Intro.tsx | 21 +++++++++++++++++++++
 src/icons/github.svg           |  1 +
 src/todo.md                    |  2 +-
 4 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 src/icons/github.svg

diff --git a/package.json b/package.json
index abde71e..3df4785 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,8 @@
       "@typescript-eslint"
     ],
     "rules": {
-      "semi": "error"
+      "semi": "error",
+      "import/prefer-default-export": "off"
     }
   },
   "browserslist": {
diff --git a/src/components/Intro/Intro.tsx b/src/components/Intro/Intro.tsx
index a604324..e78ceca 100644
--- a/src/components/Intro/Intro.tsx
+++ b/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>
   );
 }
diff --git a/src/icons/github.svg b/src/icons/github.svg
new file mode 100644
index 0000000..1a1fe8c
--- /dev/null
+++ b/src/icons/github.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 0c5.523 0 10 4.59 10 10.253 0 4.529-2.862 8.371-6.833 9.728-.507.101-.687-.219-.687-.492 0-.338.012-1.442.012-2.814 0-.956-.32-1.58-.679-1.898 2.227-.254 4.567-1.121 4.567-5.059 0-1.12-.388-2.034-1.03-2.752.104-.259.447-1.302-.098-2.714 0 0-.838-.275-2.747 1.051A9.396 9.396 0 0 0 10 4.958a9.375 9.375 0 0 0-2.503.345C5.586 3.977 4.746 4.252 4.746 4.252c-.543 1.412-.2 2.455-.097 2.714-.639.718-1.03 1.632-1.03 2.752 0 3.928 2.335 4.808 4.556 5.067-.286.256-.545.708-.635 1.371-.57.262-2.018.715-2.91-.852 0 0-.529-.985-1.533-1.057 0 0-.975-.013-.068.623 0 0 .655.315 1.11 1.5 0 0 .587 1.83 3.369 1.21.005.857.014 1.665.014 1.909 0 .271-.184.588-.683.493C2.865 18.627 0 14.783 0 10.253 0 4.59 4.478 0 10 0" fill="currentColor" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/todo.md b/src/todo.md
index 08d3e94..c92ed29 100644
--- a/src/todo.md
+++ b/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