Adding temp favicon and manifest change

src/layouts/index.js

@@ -10,6 +10,8 @@ require('typeface-lato')
 import '../styles/index.css'
 import '../styles/general.css'
 
+import favicon32 from '../images/favicon32.png'
+
 const Layout = ({ children, data }) => (
   <div className="font-sans mx-auto">
     <Helmet
@@ -21,6 +23,7 @@ const Layout = ({ children, data }) => (
           content: 'software, design, coding, programming, code, consulting',
         },
       ]}
+      link={[{ rel: 'shortcut icon', type: 'image/png', href: `${favicon32}` }]}
     />
     <div className="side-panel panel">
       <Header />

src/styles/general.css

@@ -153,6 +153,10 @@ body {
   background-color: RGBA(0, 0, 0, 0.1);
 }
 
+.headroom-wrapper {
+  background-color: rgba(87, 99, 171, 0.05);
+}
+
 .saburly-text-intro {
   color: #1f2443;
 }

src/templates/post-default.js

@@ -6,6 +6,8 @@ require('prismjs/themes/prism-solarizedlight.css')
 
 import PageTransition from 'gatsby-plugin-page-transitions'
 
+import favicon32 from '../images/favicon32.png'
+
 class PostDefault extends Component {
   componentDidMount() {
     Prism.highlightAll()
@@ -24,6 +26,9 @@ class PostDefault extends Component {
                 'software, design, coding, programming, code, consulting',
             },
           ]}
+          link={[
+            { rel: 'shortcut icon', type: 'image/png', href: `${favicon32}` },
+          ]}
         />
         <main className="container mx-auto p-4 max-w-lg sm:p-10">
           <h1>{data.wordpressPost.title}</h1>