Add support for team descriptions

Author: penalosa

gatsby-node.js

@@ -92,6 +92,7 @@ exports.createPages = async ({ graphql, actions }) => {
             template = showsTemplate;
         } else if (
             node.slug !== `hash-article` &&
+            node.slug !== `hash-description` &&
             node.slug !== `hash-podcast` &&
             !node.slug.endsWith("star") &&
             !node.slug.endsWith("stars") &&

src/styles/custom.css

@@ -244,3 +244,11 @@ body .site-footer {
     height: 30px;
     margin-top: 2vw;
 }
+.description.post-full-content {
+    padding-top: 0px;
+    background: transparent;
+}
+.description.post-full-content::after,
+.description.post-full-content::before {
+    display: none;
+}

src/templates/team.js

@@ -13,7 +13,13 @@ import { MetaData } from "../components/common/meta";
  */
 const Tag = ({ data, location, pageContext }) => {
     const tag = data.ghostTag;
-    const posts = data.allGhostPost.edges;
+    const o_posts = data.allGhostPost.edges;
+    const posts = o_posts.filter(
+        ({ node }) => !node.tags.find(t => t.slug == "hash-description")
+    );
+    let description = o_posts
+        .map(({ node }) => node)
+        .find(p => p.tags.find(t => t.slug == "hash-description"));
 
     return (
         <>
@@ -24,6 +30,16 @@ const Tag = ({ data, location, pageContext }) => {
                         <h1>{tag.name.slice(1)}</h1>
                         {tag.description ? <p>{tag.description}</p> : null}
                     </header>
+                    {description && (
+                        <section className="post-full-content description">
+                            <div
+                                className="post-content load-external-scripts"
+                                dangerouslySetInnerHTML={{
+                                    __html: description.html
+                                }}
+                            />
+                        </section>
+                    )}
                     <section className="post-feed">
                         {posts.map(({ node }) => (
                             // The tag below includes the markup for each post - components/common/PostCard.js