Add favicon package and favicon

src/pages/index.js

@@ -1,4 +1,5 @@
 import React from 'react'
+import Link from 'gatsby-link'
 
 import SectionIntro from '../components/SectionIntro'
 import Button from '../components/Button'
@@ -170,18 +171,23 @@ const IndexPage = ({ ...props }) => (
           <div className="container mx-auto w-full md:flex md:flex-wrap items-stretch w-full">
             {props.data.allWordpressPost.edges.map(({ node }) => (
               <div key={node.id} className="md:w-1/2 p-2">
-                <Card
-                  url={`blog/${node.slug}`}
-                  title={node.title}
-                  date={node.date}
-                  excerpt={node.excerpt}
-                  image={
-                    node.featured_media
-                      ? node.featured_media.localFile.childImageSharp
-                          .resolutions
-                      : undefined
-                  }
-                />
+                <Link
+                  to={`blog/${node.slug}`}
+                  className="pointer no-underline saburly-transition hover:opacity-50"
+                >
+                  <Card
+                    url={`blog/${node.slug}`}
+                    title={node.title}
+                    date={node.date}
+                    excerpt={node.excerpt}
+                    image={
+                      node.featured_media
+                        ? node.featured_media.localFile.childImageSharp
+                            .resolutions
+                        : undefined
+                    }
+                  />
+                </Link>
               </div>
             ))}
           </div>