Add social media activity service on blog page

This commit is contained in:
Moris Zen
2018-09-13 23:40:56 +02:00
parent 419dcdede8
commit 6196022748
3 changed files with 59 additions and 2 deletions

View File

@@ -4,6 +4,8 @@ import Link from 'gatsby-link'
import PageIntro from '../components/PageIntro'
import Card from '../components/Card'
import SEO from '../components/SEO'
import Helmet from 'react-helmet'
import SectionIntro from '../components/SectionIntro'
import PageTransition from 'gatsby-plugin-page-transitions'
@@ -12,8 +14,28 @@ class Blog extends Component {
const data = this.props.data
return (
<PageTransition>
<SEO siteTitle="Saburly - Blog Posts" siteDescription="Bugs keep us busy, but sometimes we find the time to have fun & publish" />
<div className="container mx-auto p-4 w-full md:flex md:flex-wrap items-stretch w-full" siteUrl="https://saburly.com/blog">
<SEO
siteTitle="Saburly - Blog Posts"
siteDescription="Bugs keep us busy, but sometimes we find the time to have fun & publish"
siteUrl="https://saburly.com/blog"
/>
<Helmet>
<script type="text/javascript">
{`(function(){
var i, e, d = document, s = "script";i = d.createElement("script");i.async = 1;
i.src = "https://cdn.curator.io/published/37974a5b-0974-46ba-8aac-a236fb4ba607.js";
e = d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e);
})();`}
</script>
</Helmet>
<SectionIntro
classes="max-w-lg mx-auto"
h2Classes="text-5xl text-center mt-10 mb-4"
headline="Blog Posts"
textClasses="text-center"
/>
<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">
<Link
@@ -35,6 +57,15 @@ class Blog extends Component {
</div>
))}
</div>
<div className="container mx-auto p-4 w-full">
<SectionIntro
classes="max-w-lg mx-auto"
h2Classes="text-5xl text-center mt-10 mb-4"
headline="Social Media Activity"
textClasses="text-center"
/>
<div id="curator-feed-saburly" />
</div>
</PageTransition>
)
}