done #7

content/blog/introduction/index.md

@@ -3,6 +3,7 @@ title: Introducing our new initiative... Simply Synbio!
 date: "2024-02-05"
 description: "Our New Initiative"
 frontImage: "team-photo.jpg"
+author: "Yejin Lhee"
 ---
 
 Hello from our Human Practices (HP) team members of UBC iGEM 2024!

src/pages/index.js

@@ -70,6 +70,7 @@ const BlogIndex = ({ data, location }) => {
                           <span itemProp="headline">{title}</span>
                         </Link>
                       </h2>
+                      <p><b><i>{post.frontmatter.author}</i></b></p>
                       <small>{post.frontmatter.date}</small>
                     </header>
                   </Center>
@@ -117,6 +118,7 @@ export const pageQuery = graphql`
           date(formatString: "MMMM DD, YYYY")
           title
           description
+          author
           frontImage {
             childImageSharp {
               gatsbyImageData(placeholder: NONE, formats: [AUTO, WEBP])

src/templates/blog-post.js

@@ -20,6 +20,7 @@ const BlogPostTemplate = ({
         >
           <header>
             <h1 itemProp="headline">{post.frontmatter.title}</h1>
+            <p><i>{post.frontmatter.author}</i></p>
             <p>{post.frontmatter.date}</p>
           </header>
           <section
@@ -88,6 +89,7 @@ export const pageQuery = graphql`
       frontmatter {
         title
         date(formatString: "MMMM DD, YYYY")
+        author
         description
       }
     }