visual stuff

frontend-react/src/components/home/HomePage.tsx

@@ -10,15 +10,12 @@ const HomePage: React.FC<RouteComponentProps> = ({}) => {
   const { colorMode, grayWithShade } = useContext(MyThemeContext)
   return (
     <>
-      <Flex flexDirection="column" alignItems="center">
-        <Image
-          className="rgb"
-          src={posterGirl[colorMode]}
-          display="inline-block"
-          title="Made by borzoic (@borzoic_ on Twitter)"
-          w="40vw"
-          h="auto"
-        />
+      <Flex
+        flexDirection="column"
+        alignItems="center"
+        title="Picture by borzoic (@borzoic_ on Twitter)"
+      >
+        <Image className="rgb" src={posterGirl[colorMode]} w="40vw" h="auto" />
         <Heading
           letterSpacing="1px"
           fontFamily="'Pacifico', cursive"

frontend-react/src/components/root/Logo.tsx

@@ -4,9 +4,8 @@ import { Heading } from "@chakra-ui/core"
 const Logo: React.FC = () => {
   return (
     <>
-      <Heading size="xl">s</Heading>
-      <Heading size="xl" paddingTop="0.6em">
-        ink
+      <Heading fontSize="30px" fontFamily="'Pacifico', cursive">
+        Sendou.ink
       </Heading>
     </>
   )

frontend-react/src/components/root/SideNavContent.tsx

@@ -71,7 +71,9 @@ export const SideNavContent: React.FC<SideNavProps> = ({ showLogo = true }) => {
       <Flex direction="column">
         {showLogo && (
           <Flex alignSelf="center">
-            <Logo />
+            <Link to="/">
+              <Logo />
+            </Link>
           </Flex>
         )}
         <Flex>