From 0ee6570632d86e9e6ffc8c226b1688a3ec76d892 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Norbert=20Drag=C3=A1n?= <norbert.dragan@gmail.com>
Date: Thu, 5 Oct 2017 23:48:28 +0800
Subject: [PATCH 1/3] Modified typography, layout and button styles

---
 packages/site/src/pages/index.js | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/packages/site/src/pages/index.js b/packages/site/src/pages/index.js
index 2bf9bf119..f6c46a847 100644
--- a/packages/site/src/pages/index.js
+++ b/packages/site/src/pages/index.js
@@ -11,9 +11,9 @@ const Paragraph = Box.withComponent('p')
 
 const stringCode = `const Link = styled.a\`
 display: inline-block;
-border-radius: 8px;
+border-radius: 5px;
 padding: 16px;
-margin: 16px;
+margin: 1rem 0;
 width: 12rem;
 background: \${props =>
   props.primary &&
@@ -21,13 +21,17 @@ background: \${props =>
 text-decoration: none;
 color: \${props =>
   props.primary ? '#1D2029' : '#D26AC2'};
+  
+&:hover {
+   opacity: 0.95;
+ }
 \``
 
 const objectCode = `const Link = styled.a(props => ({
   display: 'inline-block',
-  borderRadius: 8,
+  borderRadius: 5,
   padding: 16,
-  margin: 16,
+  margin: '1rem 0',
   width: '12rem',
   background:
     props.primary &&
@@ -51,7 +55,10 @@ const Preview = withLive(({ live: { element: BaseLink, onError, error } }) => {
         >
           Install
         </Link>
-        <Link className={textCenter} to="/docs">
+        <Link 
+          css={`margin-left: 20px;`}
+          className={textCenter} 
+          to="/docs">
           Getting Started
         </Link>
       </ErrorBoundary>
@@ -134,16 +141,16 @@ class IndexPage extends React.Component {
                 />
                 <Title
                   display="inline-block"
-                  fontSize={8}
-                  m={0}
-                  className={css`font-weight: 300;`}
+                  fontSize={"1.6rem"}
+                  m={"0 0 0 0.4rem"}
+                  className={css`font-weight: 700;`}
                 >
                   emotion
                 </Title>
-                <Paragraph fontSize={4}>
+                <Paragraph css={{ fontWeight: 700, margin: "1em 0 0.5em 0" }} fontSize={5}>
                   The Next Generation of CSS-in-JS
                 </Paragraph>
-                <Paragraph css={{ fontWeight: 300 }} fontSize={2}>
+                <Paragraph css={{ fontWeight: 300, lineHeight: "1.5rem"  }} fontSize={"1.15rem"}>
                   {/* just putting this here until we write an up to date intro */}
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                   Pellentesque condimentum urna imperdiet lectus convallis, quis

From 9db1a129e96f5d1d7b079feafbb51ebd9ad93b7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Norbert=20Drag=C3=A1n?= <norbert.dragan@gmail.com>
Date: Fri, 6 Oct 2017 08:18:16 +0800
Subject: [PATCH 2/3] Ran npm lint

---
 packages/site/src/pages/index.js | 31 ++++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/packages/site/src/pages/index.js b/packages/site/src/pages/index.js
index f6c46a847..536f8f394 100644
--- a/packages/site/src/pages/index.js
+++ b/packages/site/src/pages/index.js
@@ -55,10 +55,7 @@ const Preview = withLive(({ live: { element: BaseLink, onError, error } }) => {
         >
           Install
         </Link>
-        <Link 
-          css={`margin-left: 20px;`}
-          className={textCenter} 
-          to="/docs">
+        <Link css={`margin-left: 20px;`} className={textCenter} to="/docs">
           Getting Started
         </Link>
       </ErrorBoundary>
@@ -90,8 +87,12 @@ const LiveError = withLive(
 
 const transform = code => `${code}\nrender(<div component={Link} />);`
 
-const scroll = css`overflow: scroll;`
-const textCenter = css`text-align: center;`
+const scroll = css`
+  overflow: scroll;
+`
+const textCenter = css`
+  text-align: center;
+`
 
 const SelectButton = styled.button`
   ${textCenter};
@@ -141,16 +142,24 @@ class IndexPage extends React.Component {
                 />
                 <Title
                   display="inline-block"
-                  fontSize={"1.6rem"}
-                  m={"0 0 0 0.4rem"}
-                  className={css`font-weight: 700;`}
+                  fontSize={'1.6rem'}
+                  m={'0 0 0 0.4rem'}
+                  className={css`
+                    font-weight: 700;
+                  `}
                 >
                   emotion
                 </Title>
-                <Paragraph css={{ fontWeight: 700, margin: "1em 0 0.5em 0" }} fontSize={5}>
+                <Paragraph
+                  css={{ fontWeight: 700, margin: '1em 0 0.5em 0' }}
+                  fontSize={5}
+                >
                   The Next Generation of CSS-in-JS
                 </Paragraph>
-                <Paragraph css={{ fontWeight: 300, lineHeight: "1.5rem"  }} fontSize={"1.15rem"}>
+                <Paragraph
+                  css={{ fontWeight: 300, lineHeight: '1.5rem' }}
+                  fontSize={'1.15rem'}
+                >
                   {/* just putting this here until we write an up to date intro */}
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                   Pellentesque condimentum urna imperdiet lectus convallis, quis

From 7141b75138702dd8e637b7a4f5d2ebacb966bfce Mon Sep 17 00:00:00 2001
From: Kye Hohenberger <kye@sideway.com>
Date: Thu, 5 Oct 2017 22:58:21 -0600
Subject: [PATCH 3/3] Run yarn lint

---
 packages/site/src/pages/index.js | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/packages/site/src/pages/index.js b/packages/site/src/pages/index.js
index 536f8f394..c3300204a 100644
--- a/packages/site/src/pages/index.js
+++ b/packages/site/src/pages/index.js
@@ -87,12 +87,8 @@ const LiveError = withLive(
 
 const transform = code => `${code}\nrender(<div component={Link} />);`
 
-const scroll = css`
-  overflow: scroll;
-`
-const textCenter = css`
-  text-align: center;
-`
+const scroll = css`overflow: scroll;`
+const textCenter = css`text-align: center;`
 
 const SelectButton = styled.button`
   ${textCenter};
@@ -144,9 +140,7 @@ class IndexPage extends React.Component {
                   display="inline-block"
                   fontSize={'1.6rem'}
                   m={'0 0 0 0.4rem'}
-                  className={css`
-                    font-weight: 700;
-                  `}
+                  className={css`font-weight: 700;`}
                 >
                   emotion
                 </Title>