Add favicon package and favicon

src/pages/about.js

@@ -66,54 +66,34 @@ const AboutPage = () => (
       <Fade>
         <div className="container mx-auto w-full md:flex md:flex-wrap items-stretch w-full">
           <div className="md:w-1/3 p-2">
-            <Card team teamMember={Moris} title="Moris Pasic" subtitle="CEO" />
+            <Card team teamMember={Moris} title="Moris Pasic" />
           </div>
           <div className="md:w-1/3 p-2">
-            <Card team teamMember={Senad} title="Senad Uka" subtitle="CTO" />
+            <Card team teamMember={Senad} title="Senad Uka" />
           </div>
           <div className="md:w-1/3 p-2">
-            <Card
-              team
-              teamMember={Edin}
-              title="Edin Dazdarevic"
-              subtitle="COO"
-            />
+            <Card team teamMember={Edin} title="Edin Dazdarevic" />
           </div>
           <div className="md:w-1/3 p-2">
-            <Card
-              team
-              teamMember={Mediha}
-              title="Mediha Zukic"
-              subtitle="Developer"
-            />
+            <Card team teamMember={Mediha} title="Mediha Zukic" />
           </div>
           <div className="md:w-1/3 p-2">
-            <Card team teamMember={Mirna} title="Mirna Milic" subtitle="CEO" />
+            <Card team teamMember={Mirna} title="Mirna Milic" />
           </div>
           <div className="md:w-1/3 p-2">
-            <Card team teamMember={Nina} title="Nina Juresic" subtitle="CEO" />
+            <Card team teamMember={Nina} title="Nina Juresic" />
           </div>
           <div className="md:w-1/3 p-2">
-            <Card team teamMember={Bilal} title="Bilal Catic" subtitle="CEO" />
+            <Card team teamMember={Bilal} title="Bilal Catic" />
           </div>
           <div className="md:w-1/3 p-2">
-            <Card
-              team
-              teamMember={Almira}
-              title="Almira Krdzic"
-              subtitle="CEO"
-            />
+            <Card team teamMember={Almira} title="Almira Krdzic" />
           </div>
           <div className="md:w-1/3 p-2">
-            <Card
-              team
-              teamMember={Mickey}
-              title="Miralem Halilovic"
-              subtitle="Developer"
-            />
+            <Card team teamMember={Mickey} title="Miralem Halilovic" />
           </div>
           <div className="md:w-1/3 p-2">
-            <Card team teamMember={Nedim} title="Nedim Uka" subtitle="CEO" />
+            <Card team teamMember={Nedim} title="Nedim Uka" />
           </div>
         </div>
       </Fade>

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>

src/styles/general.css

@@ -180,3 +180,7 @@ a {
 .slideout-open .social-icons {
   display: flex;
 }
+
+.blog-post p {
+  margin: 1.5rem 0;
+}

src/templates/post-default.js

@@ -25,9 +25,10 @@ class PostDefault extends Component {
             },
           ]}
         />
-        <main className="container mx-auto p-4 sm:p-10">
-          <h1>Specific Post - {data.wordpressPost.title}</h1>
+        <main className="container mx-auto p-4 max-w-lg sm:p-10">
+          <h1>{data.wordpressPost.title}</h1>
           <div
+            className="leading-normal blog-post"
             dangerouslySetInnerHTML={{
               __html: data.wordpressPost.content,
             }}