34 lines
831 B
JavaScript
34 lines
831 B
JavaScript
import Layout from '../components/Layout'
|
|
import matter from 'gray-matter'
|
|
import ReactMarkdown from 'react-markdown'
|
|
import styles from "../styles/Info.module.css"
|
|
|
|
export default function Info({ frontmatter, markdownBody, title }) {
|
|
console.log(markdownBody)
|
|
return (
|
|
<Layout
|
|
pathname="info"
|
|
bgColor={frontmatter.background_color}
|
|
siteTitle={title}
|
|
>
|
|
<section className={styles.info_blurb}>
|
|
<ReactMarkdown children={markdownBody} />
|
|
</section>
|
|
</Layout>
|
|
)
|
|
}
|
|
|
|
export async function getStaticProps() {
|
|
const content = await import(`../data/info.md`)
|
|
const config = await import(`../data/config.json`)
|
|
const data = matter(content.default)
|
|
|
|
return {
|
|
props: {
|
|
title: config.title,
|
|
frontmatter: data.data,
|
|
markdownBody: data.content,
|
|
},
|
|
}
|
|
}
|