updated linking mechanism to be shown for projects

Author: kaizer1v

src/pages/reflections/index.astro

@@ -22,9 +22,9 @@ allPosts = allPosts.sort((a, b) => new Date(b.frontmatter.publishDate).valueOf()
               <a href={href}>{post.frontmatter.title}</a>
             </h2>
             <p>{post.frontmatter.description}</p>
-            <div class="post-item-footer">
+            {/* <div class="post-item-footer">
               <span class="post-item-date">— {post.frontmatter.publishDate}</span>
-            </div>
+            </div> */}
           </div>
         </div>
       )

src/pages/work/[slug].astro

@@ -19,7 +19,7 @@ const permalink = `${Astro.site.href}blog/${slug}`;
 
 <BaseLayout title={title} description={description} permalink={permalink} current="blog">
   <header>
-    <p>{publishDate} ~ {readingTime}</p>
+    <!-- <p>{publishDate} ~ {readingTime}</p> -->
     <h1>{title}</h1>
     <hr />
   </header>

src/pages/work/index.astro

@@ -14,20 +14,21 @@ allPosts = allPosts.sort((a, b) => new Date(b.frontmatter.publishDate).valueOf()
     <h1>{title}</h1>
     <div class="flex-container">
       {allPosts.map((post, index) => {
-        const href = `/work/${post.file.split('/').pop().split('.').shift()}`;
+        const href = (post.frontmatter.direct_link && post.frontmatter.direct_link !== '') ? post.frontmatter.direct_link : `/work/${post.file.split('/').pop().split('.').shift()}`
+        const target = (post.frontmatter.direct_link && post.frontmatter.direct_link !== '') ? '_blank' : '_self';
         const thumbnail = `/assets/work/${post.frontmatter.thumbnail}`;
         return (
           <article>
             <div class="post-item">
-              <h2><a href={href}>{post.frontmatter.title}</a></h2>
+              <h2><a href={href} target={target}>{post.frontmatter.title}</a></h2>
               <br />
-              <a href={href}>
+              <a href={href} target={target}>
                 <div class="thumbnail"></div>
               </a>
               <p>{post.frontmatter.description}</p>
-              <div class="post-item-footer">
+              {/* <div class="post-item-footer">
                 <span class="post-item-date">— {post.frontmatter.publishDate}</span>
-              </div>
+              </div> */}
             </div>
           </article>
         )