From 77a76d8fd5ccd737d4294c695ee7c93515ce0e73 Mon Sep 17 00:00:00 2001
From: Sendou <sendou77@gmail.com>
Date: Sat, 25 Jan 2020 23:34:15 +0200
Subject: [PATCH] visual stuff

---
 frontend-react/src/components/home/HomePage.tsx   | 15 ++++++---------
 frontend-react/src/components/root/Logo.tsx       |  5 ++---
 .../src/components/root/SideNavContent.tsx        |  4 +++-
 3 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/frontend-react/src/components/home/HomePage.tsx b/frontend-react/src/components/home/HomePage.tsx
index 9455be2a4..d6b4c2d62 100644
--- a/frontend-react/src/components/home/HomePage.tsx
+++ b/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"
diff --git a/frontend-react/src/components/root/Logo.tsx b/frontend-react/src/components/root/Logo.tsx
index db2344aba..5398de045 100644
--- a/frontend-react/src/components/root/Logo.tsx
+++ b/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>
     </>
   )
diff --git a/frontend-react/src/components/root/SideNavContent.tsx b/frontend-react/src/components/root/SideNavContent.tsx
index caebed9f5..badb7a462 100644
--- a/frontend-react/src/components/root/SideNavContent.tsx
+++ b/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>