From c97f7a752379866800dcd43ef42758f690eb99d2 Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
Date: Thu, 1 Aug 2019 14:32:00 +0900
Subject: [PATCH] chore: add link to author
---
web/src/components/Footer.js | 19 +++++++++++++------
web/src/components/Welcome.js | 7 ++-----
2 files changed, 15 insertions(+), 11 deletions(-)
diff --git a/web/src/components/Footer.js b/web/src/components/Footer.js
index e697c5c..98e031b 100644
--- a/web/src/components/Footer.js
+++ b/web/src/components/Footer.js
@@ -12,15 +12,18 @@ export default function Footer() {
<span role="img" aria-label="coffee">
🦀
</span>
- {' '}by <Bold>Yasuaki Uechi</Bold>
+ by{' '}
+ <ExternalLink href="https://uechi.io">
+ <Bold>Yasuaki Uechi</Bold>
+ </ExternalLink>
</p>
<Links>
- <ExternalLink href="https://twitter.com/uetschy">
- <FaTwitter />
- </ExternalLink>{' '}
<ExternalLink href="https://github.com/uetchy/namae">
<FaGithubAlt />
</ExternalLink>
+ <ExternalLink href="https://twitter.com/uetschy">
+ <FaTwitter />
+ </ExternalLink>
</Links>
</Container>
)
@@ -35,6 +38,11 @@ const Container = styled.footer`
display: flex;
align-items: stretch;
justify-content: center;
+
+ ${ExternalLink} {
+ color: black;
+ text-decoration: none;
+ }
`
const Links = styled.div`
@@ -42,9 +50,8 @@ const Links = styled.div`
display: flex;
align-items: flex-end;
- a {
+ ${ExternalLink} {
margin-right: 5px;
- color: black;
}
`
diff --git a/web/src/components/Welcome.js b/web/src/components/Welcome.js
index 8964c31..a28e334 100644
--- a/web/src/components/Welcome.js
+++ b/web/src/components/Welcome.js
@@ -72,17 +72,14 @@ const Container = styled.div`
text-align: left;
padding-right: 40px;
padding-left: 40px;
+ font-size: 1.2rem;
}
`
const Header = styled.h1`
- font-size: 5rem;
+ font-size: 3.5em;
line-height: 0.8em;
padding-bottom: 30px;
-
- ${mobile} {
- font-size: 4rem;
- }
`
const Text = styled.p`