added docs and rules pages

src/pages/about.tsx

@@ -0,0 +1,27 @@
+import React from "react"
+import { graphql } from "gatsby"
+import { Markdown } from "../components/Markdown"
+import { Layout } from "../components/Layout"
+import { MarkdownRemark, Query } from "../generated/graphql"
+import { SEO } from "../components/SEO"
+
+function AboutPage({ data }: ComponentQuery<{ md: MarkdownRemark }>) {
+  const { md } = data
+
+  return (
+    <Layout>
+      <SEO title="About" />
+      <Markdown content={md.html!} />
+    </Layout>
+  )
+}
+
+export const query = graphql`
+  query AboutPage {
+    md: markdownRemark(frontmatter: { path: { eq: "/about" } }) {
+      html
+    }
+  }
+`
+
+export default AboutPage

src/pages/rules.tsx

@@ -0,0 +1,27 @@
+import React from "react"
+import { graphql } from "gatsby"
+import { Markdown } from "../components/Markdown"
+import { Layout } from "../components/Layout"
+import { MarkdownRemark, Query } from "../generated/graphql"
+import { SEO } from "../components/SEO"
+
+function RulesPage({ data }: ComponentQuery<{ md: MarkdownRemark }>) {
+  const { md } = data
+
+  return (
+    <Layout>
+      <SEO title="Rules" />
+      <Markdown content={md.html!} />
+    </Layout>
+  )
+}
+
+export const query = graphql`
+  query RulesPage {
+    md: markdownRemark(frontmatter: { path: { eq: "/rules" } }) {
+      html
+    }
+  }
+`
+
+export default RulesPage