Add Frontmatter for Interviewee/Interviewer and Quotation Styling for Blog Posts

[Ashparshp]

Current Behavior

This issue is for tracking two enhancements for the upcoming interview-style blog posts on Layer5.io. These enhancements aim to improve the internal references in frontmatter and apply styling to interviewee responses.

Enhancements

1. Frontmatter Additions:

   • Add two new frontmatter items: interviewee and interviewer.
   • These fields will serve as internal references for the blog posts but will not be displayed on the front-end.

2. CSS Quotation Styling:

   • Automatically wrap interviewee responses in quotation marks using CSS pseudo-selectors (::before and ::after).
   • The interviewee’s responses should be wrapped in opening and closing quotes to improve readability and maintain a consistent style across all posts.

Tasks

• Add new frontmatter fields for interviewee and interviewer.
• Ensure these fields are only internal references and are not displayed in the blog post content.
• Use CSS to wrap interviewee responses with quotation marks using pseudo-selectors.
• Test to ensure consistency across various blog posts.

Screenshots / Mockups

Implementation

Acceptance Tests

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[Sumit2997]

Hi @Ashparshp ,I would like to work on this issue, can you please assign it to me?

[Ashparshp]

@Sumit2997, Go ahead...

[Ashparshp]

@Sumit2997, working on it?

[Sumit2997]

@Ashparshp, yes I am working on it, I will be raising a PR by tomorrow.