Design changes, add portraits, about page changes, tweaks

src/templates/blog.js

@@ -14,17 +14,22 @@ class Blog extends Component {
         <div className="container mx-auto p-4 w-full md:flex md:flex-wrap items-stretch w-full">
           {data.allWordpressPost.edges.map(({ node }) => (
             <div key={node.id} className="mt-4 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
+                  title={node.title}
+                  date={node.date}
+                  excerpt={node.excerpt}
+                  image={
+                    node.featured_media
+                      ? node.featured_media.localFile.childImageSharp
+                          .resolutions
+                      : undefined
+                  }
+                />
+              </Link>
             </div>
           ))}
         </div>