WIP, psts in place, parsing mostly correclty

src/templates/page.js

@@ -0,0 +1,13 @@
+import React from "react";
+import Layout from "../components/layout"
+
+export default function Page({ children }) {
+    return (
+        <Layout>
+            <article class="page">
+                <h1 class="page-title">page.title</h1>
+                {children}
+            </article>
+        </Layout>
+    );
+}

src/templates/post.js

@@ -0,0 +1,71 @@
+import React from "react";
+import { graphql } from "gatsby";
+import Layout from "../components/layout";
+import { DiscussionEmbed } from 'disqus-react';
+
+export default function Post({ data }) {
+  const post = data.markdownRemark;
+
+  var tags = post.frontmatter.tags.map((tag) => {
+    return (<a href={'/tags/' + tag }>#{tag}</a>);
+  });
+  var categories = post.frontmatter.categories.map((category) => {
+    return (<a href={'/categories/' + category }>#{category}</a>);
+  });
+  var postDate = new Date(post.frontmatter.date);
+  console.log(postDate);
+  var isoDate = postDate.toISOString();
+  var visibleDate = postDate.toDateString();
+
+  return (
+    <Layout>
+      <div>
+        <article className="post">
+            <h1 className="post-title">{post.frontmatter.title}</h1>
+            <div className="post-info d-flex justify-content-start">
+                <time datetime={isoDate} className="post-date">{visibleDate}</time>
+                <nav className="post-tags">
+                    {tags}
+                </nav>
+                <nav className="post-categories">
+                    <span>posted in:</span>
+                    {categories}
+                </nav>
+            </div>
+            <div dangerouslySetInnerHTML={{ __html: post.html }} />
+        </article>
+
+        <DiscussionEmbed 
+          shortname='fishybusiness'
+          config={
+              {
+                  url: "https://" + data.site.host + ":" + data.site.port,
+                  identifier: post.slug,
+                  title: post.frontmatter.title,
+                  language: 'en_US'
+              }
+          }/>
+
+      </div>
+    </Layout>
+  )
+}
+
+export const query = graphql`
+  query($slug: String!) {
+    markdownRemark(fields: { slug: { eq: $slug } }) {
+      html
+      
+      frontmatter {
+        title
+        date
+        categories
+        tags
+      }
+    }
+    site {
+      host
+      port
+    }
+  }
+`