{"size": 995, "ext": "js", "max_stars_repo_path": "src/templates/now.js", "max_stars_repo_name": "ignatiusreza/blog", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/templates/now.js", "max_issues_repo_name": "ignatiusreza/blog", "max_issues_repo_issues_event_min_datetime": "2019-10-31T05:48:29.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T10:46:15.000Z", "max_forks_repo_path": "src/templates/now.js", "max_forks_repo_name": "ignatiusreza/blog", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 7, "max_forks_count": null, "avg_line_length": 20.306122449, "max_line_length": 69, "alphanum_fraction": 0.5859296482}
import React from 'react'
import { graphql } from 'gatsby'

import Author from '../components/author'
import Layout from '../components/layout'
import SEO from '../components/seo'

const NowTemplate = ({ data }) => {
  const { frontmatter, html } = data.markdownRemark

  return (
    <Layout>
      <SEO
        title={frontmatter.title}
        description={frontmatter.description}
        keywords={frontmatter.keywords}
      />

      <section className="article flex-wrap">
        <h1 className="article-title text-3xl md:text-4xl md:-mt-px">
          {frontmatter.title}
        </h1>

        <div
          className="article-content"
          dangerouslySetInnerHTML={{ __html: html }}
        />
      </section>

      <Author />
    </Layout>
  )
}

export default NowTemplate

export const pageQuery = graphql`
  query {
    markdownRemark(fields: { slug: { eq: "now" } }) {
      html
      frontmatter {
        title
        description
        keywords
      }
    }
  }
`
