added github image

Author: AmoDinho

src/assets/github_black.svg

@@ -16,6 +16,6 @@ GithubButton.propTypes = {
 }
 
 GithubButton.defaultProps = {
-  className: `font-display rounded-px px-16 border border-black border-3`,
+  className: `font-display rounded-px px-8 border border-black border-3`,
 }
 export default GithubButton

src/components/buttons/GithubButtton.js

@@ -6,6 +6,7 @@ import HeadingThree from "../components/typography/HeadingThree"
 import ArrowLeft from "../assets/arrow-left.svg"
 import ArrowRight from "../assets/arrow-right.svg"
 import SideChapterBox from "../components/chapters/SideChapterBox"
+import GithubButton from "../components/buttons/GithubButtton"
 export default function Template({ data, pageContext }) {
   const { markdownRemark } = data // data.markdownRemark holds your post data
   const { frontmatter, html } = markdownRemark
@@ -26,6 +27,7 @@ export default function Template({ data, pageContext }) {
         <SideChapterBox collapse />
       </div>
 
+      <GithubButton>Open an issue</GithubButton>
       <div className="mt-10">
         <ul className="flex justify-between">
           <li>