Add github link to index page

src/pages/honkai3rd/index.tsx

@@ -1,6 +1,5 @@
 /** @jsxImportSource theme-ui */
-import { Box, Heading, Text, Flex } from '@theme-ui/components'
+import { Box, Heading, Text, Flex, Link } from '@theme-ui/components'
-import Image from 'next/image'
 import Breadcrumb from '../../components/organisms/Breadcrumb'
 import Honkai3rdNavigator from '../../components/organisms/Honkai3rdNavigator'
 import { NextPageContext } from 'next'
@@ -8,6 +7,8 @@ import { getI18NProps } from '../../server/i18n'
 import { useTranslation } from '../../lib/i18n'
 import PageLink from '../../components/atoms/PageLink'
 import SquareImageBox from '../../components/atoms/SquareImageBox'
+import { mdiGithub } from '@mdi/js'
+import { Icon } from '@mdi/react'
 
 const Honkai3rdIndexPage = () => {
   const { t } = useTranslation()
@@ -28,14 +29,19 @@ const Honkai3rdIndexPage = () => {
           <NavItem target='stigmata' />
           <NavItem target='elfs' />
         </Box>
-        <Box mb={3} sx={{ position: 'relative', minHeight: 300 }}>
+
-          <Image
+        <Box>
-            alt='Honkai 3rd Wallpaper'
+          <Link
-            src='/assets/honkai3rd/wallpaper.png'
+            href='https://github.com/sakura-knoll/abyss-lab'
-            width={640}
+            target='_blank'
-            height={360}
+            rel='noopener noreferrer'
-            layout='responsive'
+            sx={{ display: 'flex', alignItems: 'center' }}
-          />
+          >
+            <Box sx={{ display: 'flex', alignItems: 'center', mr: 1 }}>
+              <Icon path={mdiGithub} size='1rem' />
+            </Box>
+            <Text>Source Code</Text>
+          </Link>
         </Box>
       </Box>
     </Box>