From 25d1bfd7209e92c1eda8a1ac048fa97c7f5324c8 Mon Sep 17 00:00:00 2001 From: Shaun Jackson Date: Sun, 31 May 2020 09:35:50 -0700 Subject: [PATCH 1/5] chore: saved unsaved drawer file --- src/components/Nav/TopDrawer.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Nav/TopDrawer.tsx b/src/components/Nav/TopDrawer.tsx index f3418a8..3e28377 100644 --- a/src/components/Nav/TopDrawer.tsx +++ b/src/components/Nav/TopDrawer.tsx @@ -34,8 +34,8 @@ export default function TopDrawer({ width: "100vw", }} > - - + + )} From 0b8d642384d70a8eef8bd4c484c444c29e2910c8 Mon Sep 17 00:00:00 2001 From: Shaun Jackson Date: Sun, 31 May 2020 12:39:31 -0700 Subject: [PATCH 2/5] [BLOG-50] feat(footer-addons): added logos --- src/images/Gatsby-Monogram-logo.svg | 7 +++++++ src/images/typescriptlang-icon.svg | 1 + 2 files changed, 8 insertions(+) create mode 100644 src/images/Gatsby-Monogram-logo.svg create mode 100644 src/images/typescriptlang-icon.svg diff --git a/src/images/Gatsby-Monogram-logo.svg b/src/images/Gatsby-Monogram-logo.svg new file mode 100644 index 0000000..5578b06 --- /dev/null +++ b/src/images/Gatsby-Monogram-logo.svg @@ -0,0 +1,7 @@ + + + Gatsby + + + + diff --git a/src/images/typescriptlang-icon.svg b/src/images/typescriptlang-icon.svg new file mode 100644 index 0000000..b78ae3f --- /dev/null +++ b/src/images/typescriptlang-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file From cd13f1d7c70c846ff6f34a84baa2a7823aa3e310 Mon Sep 17 00:00:00 2001 From: Shaun Jackson Date: Sun, 31 May 2020 12:39:53 -0700 Subject: [PATCH 3/5] [BLOG-50] feat(footer-addons): added Footer icons and logos --- src/components/Footer/Footer.tsx | 39 ++++++++++++------- src/components/Footer/FooterLogos.tsx | 54 +++++++++++++++++++++++++++ 2 files changed, 79 insertions(+), 14 deletions(-) create mode 100644 src/components/Footer/FooterLogos.tsx diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx index 75c14f3..a15ba2f 100644 --- a/src/components/Footer/Footer.tsx +++ b/src/components/Footer/Footer.tsx @@ -5,6 +5,8 @@ import FooterLink from "./FooterLink"; /** @jsx jsx */ import { Styled, jsx } from "theme-ui"; +import AvatarLinks from "../Avatar/AvatarLinks"; +import FooterLogos from "./FooterLogos"; export default function Footer() { return ( @@ -22,29 +24,38 @@ export default function Footer() { flexDirection: "column", maxWidth: `container`, m: "auto", - }} - > -
-
+ pt: 1, + }, + ".row-container": { + display: "flex", + justifyContent: "space-between", + }, + }} + > +
+
-
{siteConfig.copyright}
+
+ +
+
+
+
+ +
+
{siteConfig.copyright}
diff --git a/src/components/Footer/FooterLogos.tsx b/src/components/Footer/FooterLogos.tsx new file mode 100644 index 0000000..950227f --- /dev/null +++ b/src/components/Footer/FooterLogos.tsx @@ -0,0 +1,54 @@ +import React from "react"; +import _ from "lodash"; +import gatsbyLogo from "../../images/Gatsby-Monogram-logo.svg"; +import firebaseLogo from "../../images/firebase-logo-logomark.svg"; +import typescriptLogo from "../../images/typescriptlang-icon.svg"; + +/** @jsx jsx */ +import { Styled, jsx } from "theme-ui"; + +export default function FooterLogos() { + return ( +
+ Composed with + + Gatsby Logo + + + + Typescript Logo + +
+ ); +} From 204f62fe57a6cd9a816a6fe14b03afa64dfb4622 Mon Sep 17 00:00:00 2001 From: Shaun Jackson Date: Sun, 31 May 2020 12:40:10 -0700 Subject: [PATCH 4/5] [BLOG-50] feat(footer-addons): updated footer links --- src/components/Footer/FooterLink.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/Footer/FooterLink.tsx b/src/components/Footer/FooterLink.tsx index de41dd3..3c101a4 100644 --- a/src/components/Footer/FooterLink.tsx +++ b/src/components/Footer/FooterLink.tsx @@ -2,8 +2,8 @@ import React from "react"; import _ from "lodash"; /** @jsx jsx */ -import { Styled, jsx, Card } from "theme-ui"; -import { darken, lighten } from "@theme-ui/color"; +import { Styled, jsx } from "theme-ui"; +import { lighten } from "@theme-ui/color"; interface FooterLinkProps { url: string; @@ -19,6 +19,7 @@ export default function FooterLink({ url, label }: FooterLinkProps) { pb: 2, textDecoration: "none", transition: "all .3s ease", + fontSize: "12px", "&:hover": { cursor: "pointer", color: lighten("secondary", 0.2) }, }} href={url} From 0b03b1c240c1825a9ac9bd4cf3b5ddae83f34136 Mon Sep 17 00:00:00 2001 From: Shaun Jackson Date: Sun, 31 May 2020 12:40:25 -0700 Subject: [PATCH 5/5] [BLOG-50] feat(footer-addons): removed contact icons from blog page --- src/pages/blog.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx index c6c29cf..b1c76ff 100644 --- a/src/pages/blog.tsx +++ b/src/pages/blog.tsx @@ -30,7 +30,6 @@ export default function Blog({ data: { allMdx } }: BlogProps) { sx={{ width: "100%", display: "flex", alignItems: "center", mb: 3 }} >
- );