Merge pull request #103 from the-programmers-hangout/ui-tweak-homepage

ui: tweak homepage

src/components/DiscordButton/styles.tsx

@@ -6,12 +6,12 @@ export const DiscordButtonWrapper = styled.div`
   display: flex;
   align-items: center;
   font-family: "Oxygen", sans-serif;
-  font-size: 30px;
+  font-size: 24px;
   font-weight: 700;
   text-transform: uppercase;
   background: ${props => props.theme.discord.base};
   color: #fff;
-  padding: 22px 35px;
+  padding: 18px 28px;
   border-radius: 5px;
   transition: background 0.3s;
   cursor: pointer;
@@ -23,6 +23,6 @@ export const DiscordButtonWrapper = styled.div`
 `
 
 export const StyledDiscordLogo = styled(DiscordLogo)`
-  width: 38px;
-  margin-right: 16px;
+  width: 30px;
+  margin-right: 13px;
 `

src/components/Header/styles.tsx

@@ -40,14 +40,14 @@ export const Title = styled.h1`
 
   .is-home & {
     margin: 32px 0;
-    font-size: 110px;
+    font-size: 88px;
 
     @media screen and (max-width: 991px) {
-      font-size: 72px;
+      font-size: 58px;
     }
 
     @media screen and (max-width: 767px) {
-      font-size: 40px;
+      font-size: 32px;
     }
   }
 `
@@ -107,7 +107,7 @@ export const Logo = styled(TPHLogo)`
   z-index: 3;
 
   .is-home & {
-    width: 122px;
+    width: 98px;
     margin-bottom: 0 0 10px 0;
   }
 `

src/images/tph-logo.svg

@@ -1,9 +1,9 @@
-<svg fill="none" viewBox="0 0 95 115">
-  <path fill="url(#logo_gradient)" d="M.64 9.55c12.16.05 24.3.36 36.46.25a29.31 29.31 0 0 1 23.23 11.32c4.55 5.72 6.63 13.18 6.2 20.44.4 12.78-8.6 25.15-20.96 28.56-3.68 1.14-7.53 1.17-11.34 1.3-2.48.02-4.68 2-4.87 4.47-.38 5.77 0 11.57-.19 17.34a23.62 23.62 0 0 1-19.24 21.09c-5.17.87-9.42-3.8-9.4-9.04 0-4.96 4.49-7.16 8.4-10.21.24-.19.47-.4.68-.64 1.94-2.07 1.12-5.07 1.37-7.61.51-5.8-.68-11.82 1.44-17.4 1.65-4.57 1.7-9.8.12-14.4a22.3 22.3 0 0 1-1.2-6.27c-.14-5.25-.16-10.5-.5-15.75a5.17 5.17 0 0 0-4.52-4.85c-3.2-.4-5.78-2.84-5.8-6.08-.03-4.18-.08-8.35.12-12.52zm28.6 19.79c.25 5.74.54 11.5.15 17.23a7.1 7.1 0 0 0 5.4 7.4c6.42 1.76 13.28-3.18 14.55-9.52 1.58-6.47-3.2-13.52-9.68-14.75-3.13-.54-6.32-.32-9.7-.35l-.71-.01z"/>
-  <path fill="#EEF2F5" d="M74.9.2a20.1 20.1 0 1 1 0 40.2H62.56a7.76 7.76 0 0 1-7.76-7.76V20.3A20.1 20.1 0 0 1 74.9.2z"/>
-  <path fill="#141414" d="M71.57 22.6h-9.92a1.84 1.84 0 0 0 0 3.68h9.92c1.02 0 1.84-.83 1.84-1.85 0-1.01-.82-1.84-1.84-1.84zM76.96 29.25H61.65a1.84 1.84 0 1 0 0 3.68h15.31a1.84 1.84 0 1 0 0-3.68z"/>
+<svg fill="none" viewBox="0 0 473 573">
+  <path fill="url(#logo_gradient)" d="M.897003 46.757C61.664 47.008 122.397 48.551 183.161 47.977c44.732-.43 89.033 21.057 116.188 56.605 22.743 28.626 33.145 65.932 30.993 102.234 1.973 63.887-43.046 125.73-104.817 142.805-18.366 5.668-37.665 5.847-56.713 6.493-12.376.072-23.388 9.972-24.321 22.348-1.9 28.841 0 57.825-.933 86.7-3.264 43.189-32.858 82.863-73.106 98.755-22.1 9.649-46.561 9.04-70.164997 8.681C.0720026 542.286.61 512.011 0 481.735c15.353-1.829 34.15 2.439 45.736-10.582 9.685-10.367 5.6-25.361 6.851-38.06 2.547-28.948-3.408-59.116 7.174-86.953 4.6651-12.902 11.3221-24.994 19.729-35.836-14.349-19.658-24.07-43.046-25.11-67.546-.717-26.258-.789-52.516-2.475-78.738-.359-12.089-10.51-23.173-22.6-24.285-9.649-1.184-19.371-.933-29.019996-1.327.359-30.563-.861-61.161.61-91.652l.001999.001zM143.915 145.69c1.22 28.7 2.654 57.466.717 86.164-1.614 16.931 10.51 33.217 27.011 37.02 32.105 8.789 66.4-15.927 72.748-47.638 7.892-32.356-16-67.582-48.427-73.716-15.653-2.745-31.6-1.62-48.526-1.762-.435-.001-1.979-.025-3.521-.067l-.002-.001z"/>
+  <path fill="#EEF2F5" d="M372.185 0c26.654 0 52.217 10.5884 71.064 29.4358 18.848 18.8474 29.436 44.4099 29.436 71.0642 0 26.654-10.588 52.217-29.436 71.064C424.402 190.412 398.839 201 372.185 201h-61.693c-10.292 0-20.163-4.089-27.441-11.366-7.277-7.278-11.366-17.149-11.366-27.441V100.5c0-26.6543 10.588-52.2168 29.436-71.0642C319.968 10.5884 345.531 0 372.185 0z"/>
+  <path fill="#141414" d="M355.551 111.975h-49.614c-5.078 0-9.195 4.117-9.195 9.195v.001c0 5.078 4.117 9.195 9.195 9.195h49.614c5.078 0 9.195-4.117 9.195-9.195v-.001c0-5.078-4.117-9.195-9.195-9.195zM382.509 145.253h-76.572c-5.078 0-9.195 4.117-9.195 9.195v.001c0 5.078 4.117 9.195 9.195 9.195h76.572c5.078 0 9.195-4.117 9.195-9.195v-.001c0-5.078-4.117-9.195-9.195-9.195z"/>
   <defs>
-    <linearGradient id="logo_gradient" x1="50.52" x2="-31.83" y1="16.07" y2="75.5" gradientUnits="userSpaceOnUse">
+    <linearGradient id="logo_gradient" x1="250.278" x2="-161.466" y1="79.3682" y2="376.499" gradientUnits="userSpaceOnUse">
       <stop stop-color="#9423FC"/>
       <stop offset=".51" stop-color="#FF70A5"/>
       <stop offset="1" stop-color="#FEAF6D"/>