feat: automatically show popup if there is a markdown post with the popup frontmatter attribute set to true

Author: milan-codes

src/components/Popup.astro

@@ -5,7 +5,8 @@ const { text, href } = Astro.props;
 <div
   class="sticky bottom-4 z-50 flex items-center justify-between gap-4 rounded-lg dark:bg-gray-100 bg-gray-900 px-5 py-3 dark:text-gray-900 text-gray-100"
 >
-  <a href={href} target="_blank" rel="noreferrer" class="text-sm font-medium hover:opacity-75">
+  👋
+  <a href={href} class="text-sm font-medium hover:opacity-75">
     {text}
   </a>
 

src/pages/blog/internships.md

@@ -1,9 +1,11 @@
 ---
 layout: ../../layouts/PostLayout.astro
-title: "Internships and entry level positions"
+title: 'Internships and entry level positions'
 pubDate: 2023-07-03
-description: "Seeking challenging internships and entry-level positions to apply and enhance my coding skills"
-tags: ["internships", "work"]
+description: 'Seeking challenging internships and entry-level positions to apply and enhance my coding skills'
+tags: ['internships', 'work']
+draft: true
+popup: true
 ---
 
 Hi! My name is Milan, I'm a motivated and ambitious second-year CS student with a strong desire to gain practical experience in the field. Seeking challenging internships and entry-level positions to apply and enhance my coding skills, contribute to real-world projects, and learn from industry professionals. Committed to delivering high-quality work, collaborating effectively in team environments, and continuously expanding my knowledge. If you think I'd be a good fit in your team, contact me at milanherke@protonmail.com!

src/pages/index.astro

@@ -13,11 +13,13 @@ const orderedPosts = nonDraftPosts.sort((a, b) => {
   const bDate = new Date(b.frontmatter.pubDate);
   return bDate.valueOf() - aDate.valueOf();
 });
+const popupPost = orderedPosts.find((post) => post.frontmatter.popup);
 ---
 
 <BaseLayout title="Milán Herke - Software engineer">
   <Navbar />
   <About />
   <LatestBlogPost post={orderedPosts[0]} />
   <Projects />
+  {popupPost && <Popup text={popupPost.frontmatter.description} href={popupPost.url} />}
 </BaseLayout>