feat: Add link to GitHub repo

Author: 9kubczas4

readme.md

@@ -16,6 +16,7 @@ title: Tile of the snippet
 description: description of the snippet
 pubDate: (Dare) Feb 20, 2022
 contributedBy: "@TwitterHandle"
+repoUrl: "@GithubRepo"
 ---
 
 import BlogImage from "@components/BlogImage.astro";

src/layouts/BlogLayout.astro

@@ -10,6 +10,7 @@ export interface Props {
   description?: string;
   image?: string;
   ImageAlt?: string;
+  githubRepoUrl?: string;
 }
 
 const thisDate = new Date(pubDate).toLocaleDateString("en", {
@@ -93,9 +94,10 @@ const canonicalURL = new URL(Astro.url).href;
             <time datetime={frontmatter.pubDate} class="mb-3 sm:mb-0">
               {thisDate}
             </time>
-            <time datetime={frontmatter.contributedBy} class="mb-3 sm:mb-0">
+            <span class="mb-3 sm:mb-0">
               {frontmatter.contributedBy}
-            </time>
+            </span>
+            {frontmatter.repoUrl && <a href={frontmatter.repoUrl} target="_blank" class="dark:text-blue-400 text-blue-600 mb-3 sm:mb-0">Open Repo</a>}
           </nav>
         </header>
         <article>