Merge pull request #2 from staticfuse/0.9.1

add shadowing examples

package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-gatsby-theme-publisher",
-  "version": "1.0.0",
+  "version": "0.9.1",
   "main": "index.js",
   "license": "MIT",
   "scripts": {

src/@staticfuse/gatsby-theme-publisher/components/Logo.js

@@ -0,0 +1,58 @@
+import React from "react"
+import { Link, useStaticQuery, graphql } from "gatsby"
+import Img from "gatsby-image"
+import { Box } from "@chakra-ui/core"
+
+const Logo = ({ data }) => {
+  const imageData = useStaticQuery(graphql`
+    {
+      file(absolutePath: {regex: "/src/"}, name: {eq: "site-logo"}) {
+        childImageSharp {
+          fixed(width: 150, height: 150) {
+            base64
+            tracedSVG
+            aspectRatio
+            width
+            height
+            src
+            srcSet
+            srcWebp
+            srcSetWebp
+            originalName
+          }
+        }
+      }
+    }
+  `)
+  return (
+    <Box position={["absolute", "absolute", "static"]} left="0" right="0" m={["auto", "auto","0"]} w="50px">
+      <Link
+        to="/"
+        className="h-10 overflow-hidden block"
+        style={{
+          overflow: "hidden",
+          height: "50px",
+          width: "50px",
+          display: "block",
+          padding: "5px"
+        }}
+        rel="home"
+        itemProp="url"
+      >
+        <Img
+          fixed={imageData.file.childImageSharp.fixed}
+          alt="Site Logo"
+          className="site-logo"
+          itemProp="logo"
+          style={{
+            display: "block",
+            maxWidth: "100%",
+            height: "100%",
+          }}
+        />
+      </Link>
+    </Box>
+  )
+}
+
+export default Logo

src/@staticfuse/gatsby-theme-publisher/theme/theme.js

@@ -0,0 +1,18 @@
+import theme from "@staticfuse/gatsby-theme-publisher/src/theme/theme"
+
+const publisherTheme = {
+  ...theme,
+  colors: {
+    ...theme.colors,
+    // text: "#2D3748",
+    // primary: theme.colors.blue,
+    // muted: "#999",
+    // headings: "#2D3748",
+    // links: theme.colors.blue,
+    // navLink: "#ffffff",
+    // headerBg: "#2D3748"
+  },
+}
+
+
+export default publisherTheme