UI changes. Made 2 color theme. + other minor changes: added cover image, tag page header, author page header and other changes.

Author: tanmaydesai89

example/.env.development

@@ -1,3 +1,3 @@
-DISQUS_SHORTNAME=
-FORM_URL=http://localhost:3000/api/project/5e81b8923d8c2d64d8549add/forms
+GATSBY_DISQUS_SHORTNAME=built-with-draftbox
+GATSBY_FORM_URL=http://localhost:3000/api/project/5e81b8923d8c2d64d8549add/forms
 GATSBY_FB_APP_ID=

example/.env.production

@@ -1,3 +1,3 @@
-DISQUS_SHORTNAME=
-FORM_URL=http://localhost:3000/api/project/5e81b8923d8c2d64d8549add/forms
-FB_APP_ID=
+GATSBY_DISQUS_SHORTNAME=built-with-draftbox
+GATSBY_FORM_URL=http://localhost:3000/api/project/5e81b8923d8c2d64d8549add/forms
+GATSBY_FB_APP_ID=

example/site-config.js

@@ -110,8 +110,18 @@ module.exports = {
         fontDisplay: "swap",
         strategy: "selfHosted",
       },
+      {
+        family: "Source Code Pro",
+        variants: ["400", "700"],
+        fontDisplay: "swap",
+        strategy: "selfHosted",
+      },
     ],
     variables: [
+      {
+        varName: "--page-background",
+        value: "#ede6dd",
+      },
       {
         varName: "--primary-font",
         value: "Libre Baskerville",
@@ -126,8 +136,25 @@ module.exports = {
       },
       {
         varName: "--primary-color",
-        value: "#404040",
+        value: "#438d8d",
+      },
+      {
+        varName: "--secondary-font",
+        value: "Source Code Pro",
       },
+      {
+        varName: "--secondary-font-normal",
+        value: "400",
+      },
+      {
+        varName: "--secondary-font-bold",
+        value: "700",
+      },
+      {
+        varName: "--secondary-color",
+        value: "#5e4f40",
+      },
+
     ],
   },
 };

gatsby-wordpress-theme-libre/gatsby-node.js

@@ -332,6 +332,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
         component: pageTemplate,
         context: {
           slug: page.node.slug,
+          subscribeWidget: subscribeWidget,
         },
       });
     });

gatsby-wordpress-theme-libre/src/components/navbar.js

@@ -74,6 +74,10 @@ const Navbar = () => {
   }, []);
 
   return (
+    <>
+    <Link to="/" rel="home">
+			<img src="https://defaultcustomheadersdata.files.wordpress.com/2016/07/design2.jpg?resize=1088,300" width="1088" height="300" alt="" className="custom-header" />
+		</Link>
     <header id="masthead" className="site-header" role="banner">
       <div className="site-branding">
         <h1 className="site-title">
@@ -273,6 +277,7 @@ const Navbar = () => {
         </nav>
       </div>
     </header>
+    </>
   );
 };
 

gatsby-wordpress-theme-libre/src/components/post-card.js

@@ -88,9 +88,12 @@ const PostCard = ({ index, node }) => {
             Posted in{" "}
             {node.tags.map((tag, index, arr) => {
               return (
-                <Link to={`/tag/${tag.slug}`} key={index} rel="tag">
-                  {tag.name} {index !== arr.length - 1 && ", "}
-                </Link>
+                <>
+                  <Link to={`/tag/${tag.slug}`} key={index} rel="tag">
+                    {tag.name}
+                  </Link>
+                  {index !== arr.length - 1 && ", "}
+                </>
               );
             })}
           </span>