From 5f65fa6ce415ec339053c5620ca6832c57099568 Mon Sep 17 00:00:00 2001
From: Pelle van der Knaap <pelle.van.der.knaap@oberon.nl>
Date: Mon, 26 Dec 2022 11:35:59 +0100
Subject: [PATCH] add target _about to all external links

---
 .../bubblegum/src/components/AboutTheTheme.astro     |  4 ++--
 .../bubblegum/src/components/CodePenEmbed.astro      |  2 +-
 .../templates/bubblegum/src/components/Footer.astro  |  4 ++--
 .../templates/bubblegum/src/components/Header.astro  |  2 ++
 .../templates/bubblegum/src/components/Intro.astro   | 10 +++++-----
 .../minimal/src/components/AboutTheTheme.astro       |  4 ++--
 .../templates/minimal/src/components/Footer.astro    |  4 ++--
 .../templates/minimal/src/components/Header.astro    |  2 ++
 .../templates/minimal/src/components/Intro.astro     | 10 +++++-----
 .../newspaper/src/components/AboutTheTheme.astro     |  4 ++--
 .../templates/newspaper/src/components/Footer.astro  |  4 ++--
 .../templates/newspaper/src/components/Intro.astro   | 12 +++++++-----
 .../sleek/src/components/AboutTheTheme.astro         |  4 ++--
 .../templates/sleek/src/components/Footer.astro      |  4 ++--
 .../templates/sleek/src/components/Header.astro      |  2 ++
 .../templates/sleek/src/components/Intro.astro       | 10 +++++-----
 themes/bubblegum/src/components/AboutTheTheme.astro  |  2 +-
 themes/bubblegum/src/components/Header.astro         |  1 +
 themes/minimal/src/components/AboutTheTheme.astro    |  2 +-
 themes/minimal/src/components/Header.astro           |  1 +
 themes/newspaper/src/components/AboutTheTheme.astro  |  2 +-
 themes/newspaper/src/components/Intro.astro          |  2 ++
 themes/sleek/src/components/AboutTheTheme.astro      |  4 ++--
 themes/sleek/src/components/Header.astro             |  2 ++
 24 files changed, 56 insertions(+), 42 deletions(-)

diff --git a/packages/create-blogster/templates/bubblegum/src/components/AboutTheTheme.astro b/packages/create-blogster/templates/bubblegum/src/components/AboutTheTheme.astro
index fabf725..3e1f22e 100644
--- a/packages/create-blogster/templates/bubblegum/src/components/AboutTheTheme.astro
+++ b/packages/create-blogster/templates/bubblegum/src/components/AboutTheTheme.astro
@@ -8,7 +8,7 @@
   <ul class="mt-5">
     <li>
       <strong>Bubblegum.</strong>
-      A colorful <a href="https://astro.build" target="_blank">Astro</a> theme built with <a href="https://tailwindcss.com">Tailwind</a>.
+      A colorful <a href="https://astro.build" target="_blank" rel="noopener">Astro</a> theme built with <a href="https://tailwindcss.com" target="_blank" rel="noopener">Tailwind</a>.
     </li>
     <li>
       <strong>Fast.</strong>
@@ -36,7 +36,7 @@
     <li>
       <span>
         <strong>Extended markdown</strong> with 
-        <a href="https://markdoc.dev">Markdoc</a>.
+        <a href="https://markdoc.dev" target="_blank" rel="noopener">Markdoc</a>.
       </span>
       <span>
         Type-safe custom components like YouTube embed, Twitter embed (or
diff --git a/packages/create-blogster/templates/bubblegum/src/components/CodePenEmbed.astro b/packages/create-blogster/templates/bubblegum/src/components/CodePenEmbed.astro
index 9c65bd5..159b019 100644
--- a/packages/create-blogster/templates/bubblegum/src/components/CodePenEmbed.astro
+++ b/packages/create-blogster/templates/bubblegum/src/components/CodePenEmbed.astro
@@ -15,7 +15,7 @@ const { url, title } = Astro.props;
   data-user="ruphaa"
   style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;"
 >
-  <span><a href={url}>{title}</a></span>
+  <span><a href={url} target="_blank" rel="noopener">{title}</a></span>
 </p>
 <script async defer src="https://cpwebassets.codepen.io/assets/embed/ei.js"
 ></script>
diff --git a/packages/create-blogster/templates/bubblegum/src/components/Footer.astro b/packages/create-blogster/templates/bubblegum/src/components/Footer.astro
index a60cdc7..36f801f 100644
--- a/packages/create-blogster/templates/bubblegum/src/components/Footer.astro
+++ b/packages/create-blogster/templates/bubblegum/src/components/Footer.astro
@@ -7,13 +7,13 @@
     <a
       class="unset gradient-link tracking-wider font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#f57111] to-[#f79605] hover:after:bg-gradient-to-r hover:after:from-[#f57111] hover:after:to-[#f79605]"
       href={"https://github.com/flexdinesh/blogster"}
-      target="_blank"
+      target="_blank" rel="noopener"
     >
       Blogster</a> and hosted in
     <a
       class="unset gradient-link tracking-wider font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#00abda] to-[#1476ff] hover:after:bg-gradient-to-r hover:after:from-[#00abda] hover:after:to-[#1476ff]"
       href={"https://www.netlify.com"}
-      target="_blank"
+      target="_blank" rel="noopener"
     >
       Netlify</a>.
   </div>
diff --git a/packages/create-blogster/templates/bubblegum/src/components/Header.astro b/packages/create-blogster/templates/bubblegum/src/components/Header.astro
index f48663e..32edf40 100644
--- a/packages/create-blogster/templates/bubblegum/src/components/Header.astro
+++ b/packages/create-blogster/templates/bubblegum/src/components/Header.astro
@@ -17,6 +17,7 @@ import DarkModeToggle from "./DarkModeToggle.astro";
     <a
       class="unset ml-4 rounded-sm transition-[background-size] duration-150 ease-in-out bg-left-bottom bg-[length:0%_55%] hover:bg-[length:100%_55%] bg-no-repeat bg-gradient-to-r from-primary-yellow to-primary-yellow dark:bg-none dark:hover:text-primary-yellow"
       href="https://github.com/flexdinesh/blogster"
+      target="_blank" rel="noopener"
     >
       <i class="fa-brands fa-github" aria-hidden="true" title="Blogster on GitHub"></i>
       <span>GitHub</span>
@@ -24,6 +25,7 @@ import DarkModeToggle from "./DarkModeToggle.astro";
     <a
       class="unset ml-4 rounded-sm transition-[background-size] duration-150 bg-left-bottom bg-[length:0%_55%] hover:bg-[length:100%_55%] bg-no-repeat bg-gradient-to-r from-primary-blue to-primary-blue dark:bg-none dark:hover:text-primary-blue"
       href="https://twitter.com/flexdinesh"
+      target="_blank" rel="noopener"
     >
       <i class="fa-brands fa-twitter" aria-hidden="true" title="Dinesh on Twitter"></i>
       <span>Twitter</span>
diff --git a/packages/create-blogster/templates/bubblegum/src/components/Intro.astro b/packages/create-blogster/templates/bubblegum/src/components/Intro.astro
index 9000e7d..1bdf9b4 100644
--- a/packages/create-blogster/templates/bubblegum/src/components/Intro.astro
+++ b/packages/create-blogster/templates/bubblegum/src/components/Intro.astro
@@ -20,12 +20,12 @@
   <div>
     <p class="mb-5">
       Hello! This is a starter template to build your own blog with 
-      <a href={"https://github.com/flexdinesh/blogster"} target="_blank">Blogster</a>. 
+      <a href={"https://github.com/flexdinesh/blogster"} target="_blank" rel="noopener">Blogster</a>. 
       Available in four themes  
-      <a href={"https://blogster-minimal.netlify.app"} target="_blank">minimal</a>, 
-      <a href={"https://blogster-sleek.netlify.app"} target="_blank">sleek</a>, 
-      <a href={"https://blogster-newspaper.netlify.app"} target="_blank">newspaper</a> and
-      <a href={"https://blogster-bubblegum.netlify.app"} target="_blank">bubblegum</a>. 
+      <a href={"https://blogster-minimal.netlify.app"} target="_blank" rel="noopener">minimal</a>, 
+      <a href={"https://blogster-sleek.netlify.app"} target="_blank" rel="noopener">sleek</a>, 
+      <a href={"https://blogster-newspaper.netlify.app"} target="_blank" rel="noopener">newspaper</a> and
+      <a href={"https://blogster-bubblegum.netlify.app"} target="_blank" rel="noopener">bubblegum</a>. 
       This blog is a demo for <strong>bubblegum</strong> theme.
       Get started with one simple command.
     </p>
diff --git a/packages/create-blogster/templates/minimal/src/components/AboutTheTheme.astro b/packages/create-blogster/templates/minimal/src/components/AboutTheTheme.astro
index 290d2c4..d9c1045 100644
--- a/packages/create-blogster/templates/minimal/src/components/AboutTheTheme.astro
+++ b/packages/create-blogster/templates/minimal/src/components/AboutTheTheme.astro
@@ -8,7 +8,7 @@
   <ul>
     <li>
       <strong>Minimal.</strong>
-      A lightweight <a class="animated" href="https://astro.build" target="_blank">Astro</a> theme that looks great.
+      A lightweight <a class="animated" href="https://astro.build" target="_blank" rel="noopener">Astro</a> theme that looks great.
     </li>
     <li>
       <strong>Lean.</strong>
@@ -39,7 +39,7 @@
       <span
         ><strong>Extended markdown</strong> with <a
           class="animated"
-          href="https://markdoc.dev">Markdoc</a
+          href="https://markdoc.dev" target="_blank" rel="noopener">Markdoc</a
         >.
       </span>
       <span>
diff --git a/packages/create-blogster/templates/minimal/src/components/Footer.astro b/packages/create-blogster/templates/minimal/src/components/Footer.astro
index 3dbfdc7..6f4c9fb 100644
--- a/packages/create-blogster/templates/minimal/src/components/Footer.astro
+++ b/packages/create-blogster/templates/minimal/src/components/Footer.astro
@@ -4,9 +4,9 @@
 <footer>
   <div>
     This blog is built with 
-    <a class="animated" href={"https://github.com/flexdinesh/blogster"} target="_blank"> Blogster</a> 
+    <a class="animated" href={"https://github.com/flexdinesh/blogster"} target="_blank" rel="noopener"> Blogster</a> 
     and hosted in
-    <a class="animated" href={"https://www.netlify.com"}> Netlify</a>.
+    <a class="animated" href={"https://www.netlify.com"} target="_blank" rel="noopener"> Netlify</a>.
   </div>
 </footer>
 
diff --git a/packages/create-blogster/templates/minimal/src/components/Header.astro b/packages/create-blogster/templates/minimal/src/components/Header.astro
index 7b4d5c8..2399929 100644
--- a/packages/create-blogster/templates/minimal/src/components/Header.astro
+++ b/packages/create-blogster/templates/minimal/src/components/Header.astro
@@ -20,6 +20,7 @@ import TwitterIcon from "../components/ui/icons/twitter.astro";
       class="centered"
       href="https://github.com/flexdinesh/blogster"
       aria-label="Blogster on GitHub"
+      target="_blank" rel="noopener"
     >
       <GitHubIcon title="GitHub" />
     </a>
@@ -27,6 +28,7 @@ import TwitterIcon from "../components/ui/icons/twitter.astro";
       class="centered"
       href="https://twitter.com/flexdinesh"
       aria-label="Dinesh on Twitter"
+      target="_blank" rel="noopener"
     >
       <TwitterIcon title="Twitter" />
     </a>
diff --git a/packages/create-blogster/templates/minimal/src/components/Intro.astro b/packages/create-blogster/templates/minimal/src/components/Intro.astro
index f041693..4936953 100644
--- a/packages/create-blogster/templates/minimal/src/components/Intro.astro
+++ b/packages/create-blogster/templates/minimal/src/components/Intro.astro
@@ -12,12 +12,12 @@ import Heading from "./ui/Heading.astro";
   <p class="subtext">Web Developer. OSS Wizard. Blogger.</p>
   <p class="hello">
     Hello! This is a starter template to build your own blog with 
-    <a class="animated" href={"https://github.com/flexdinesh/blogster"} target="_blank">Blogster</a>. 
+    <a class="animated" href={"https://github.com/flexdinesh/blogster"} target="_blank" rel="noopener">Blogster</a>. 
     Available in four themes  
-      <a class="animated" href={"https://blogster-minimal.netlify.app"} target="_blank">minimal</a>, 
-      <a class="animated" href={"https://blogster-sleek.netlify.app"} target="_blank">sleek</a>, 
-      <a class="animated" href={"https://blogster-newspaper.netlify.app"} target="_blank">newspaper</a> and
-      <a class="animated" href={"https://blogster-bubblegum.netlify.app"} target="_blank">bubblegum</a>. 
+      <a class="animated" href={"https://blogster-minimal.netlify.app"} target="_blank" rel="noopener">minimal</a>, 
+      <a class="animated" href={"https://blogster-sleek.netlify.app"} target="_blank" rel="noopener">sleek</a>, 
+      <a class="animated" href={"https://blogster-newspaper.netlify.app"} target="_blank" rel="noopener">newspaper</a> and
+      <a class="animated" href={"https://blogster-bubblegum.netlify.app"} target="_blank" rel="noopener">bubblegum</a>. 
       This blog is a demo for <strong>minimal</strong> theme.
       Get started with one simple command.
   </p>
diff --git a/packages/create-blogster/templates/newspaper/src/components/AboutTheTheme.astro b/packages/create-blogster/templates/newspaper/src/components/AboutTheTheme.astro
index cb0fc80..4cbc3c1 100644
--- a/packages/create-blogster/templates/newspaper/src/components/AboutTheTheme.astro
+++ b/packages/create-blogster/templates/newspaper/src/components/AboutTheTheme.astro
@@ -8,7 +8,7 @@
   <ul class="mt-5">
     <li>
       <strong>Newspaper.</strong>
-      A crispy <a href="https://astro.build" target="_blank">Astro</a> theme built with <a href="https://tailwindcss.com">Tailwind</a>.
+      A crispy <a href="https://astro.build" target="_blank" rel="noopener">Astro</a> theme built with <a href="https://tailwindcss.com" target="_blank" rel="noopener">Tailwind</a>.
     </li>
     <li>
       <strong>Fast.</strong>
@@ -36,7 +36,7 @@
     <li>
       <span>
         <strong>Extended markdown</strong> with 
-        <a href="https://markdoc.dev">Markdoc</a>.
+        <a href="https://markdoc.dev" target="_blank" rel="noopener">Markdoc</a>.
       </span>
       <span>
         Type-safe custom components like YouTube embed, Twitter embed (or
diff --git a/packages/create-blogster/templates/newspaper/src/components/Footer.astro b/packages/create-blogster/templates/newspaper/src/components/Footer.astro
index a60cdc7..36f801f 100644
--- a/packages/create-blogster/templates/newspaper/src/components/Footer.astro
+++ b/packages/create-blogster/templates/newspaper/src/components/Footer.astro
@@ -7,13 +7,13 @@
     <a
       class="unset gradient-link tracking-wider font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#f57111] to-[#f79605] hover:after:bg-gradient-to-r hover:after:from-[#f57111] hover:after:to-[#f79605]"
       href={"https://github.com/flexdinesh/blogster"}
-      target="_blank"
+      target="_blank" rel="noopener"
     >
       Blogster</a> and hosted in
     <a
       class="unset gradient-link tracking-wider font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#00abda] to-[#1476ff] hover:after:bg-gradient-to-r hover:after:from-[#00abda] hover:after:to-[#1476ff]"
       href={"https://www.netlify.com"}
-      target="_blank"
+      target="_blank" rel="noopener"
     >
       Netlify</a>.
   </div>
diff --git a/packages/create-blogster/templates/newspaper/src/components/Intro.astro b/packages/create-blogster/templates/newspaper/src/components/Intro.astro
index 600b4a4..d8a69e8 100644
--- a/packages/create-blogster/templates/newspaper/src/components/Intro.astro
+++ b/packages/create-blogster/templates/newspaper/src/components/Intro.astro
@@ -18,6 +18,7 @@
       <a
         class="unset ml-4 hover:text-text-link"
         href="https://github.com/flexdinesh/blogster"
+        target="_blank" rel="noopener"
       >
         <i class="fa-brands fa-github" aria-hidden="true" title="Blogster on GitHub"></i>
         <span>GitHub</span>
@@ -25,6 +26,7 @@
       <a
         class="unset ml-4 hover:text-text-link"
         href="https://twitter.com/flexdinesh"
+        target="_blank" rel="noopener"
         aria-label="Dinesh on Twitter"
       >
         <i class="fa-brands fa-twitter" aria-hidden="true" title="Dinesh on Twitter"></i>
@@ -36,17 +38,17 @@
   <div>
     <p class="mb-8">
       Hello! This is a starter template to build your own blog with
-      <a href={"https://github.com/flexdinesh/blogster"} target="_blank"
+      <a href={"https://github.com/flexdinesh/blogster"} target="_blank" rel="noopener"
         >Blogster</a
       >. Available in four themes
-      <a href={"https://blogster-minimal.netlify.app"} target="_blank"
+      <a href={"https://blogster-minimal.netlify.app"} target="_blank" rel="noopener"
         >minimal</a
       >,
-      <a href={"https://blogster-sleek.netlify.app"} target="_blank">sleek</a>,
-      <a href={"https://blogster-newspaper.netlify.app"} target="_blank"
+      <a href={"https://blogster-sleek.netlify.app"} target="_blank" rel="noopener">sleek</a>,
+      <a href={"https://blogster-newspaper.netlify.app"} target="_blank" rel="noopener"
         >newspaper</a
       > and
-      <a href={"https://blogster-bubblegum.netlify.app"} target="_blank"
+      <a href={"https://blogster-bubblegum.netlify.app"} target="_blank" rel="noopener"
         >bubblegum</a
       >. This blog is a demo for <strong>newspaper</strong> theme. Get started with
       one simple command.
diff --git a/packages/create-blogster/templates/sleek/src/components/AboutTheTheme.astro b/packages/create-blogster/templates/sleek/src/components/AboutTheTheme.astro
index a13dd98..a385309 100644
--- a/packages/create-blogster/templates/sleek/src/components/AboutTheTheme.astro
+++ b/packages/create-blogster/templates/sleek/src/components/AboutTheTheme.astro
@@ -8,7 +8,7 @@
   <ul class="mt-5">
     <li>
       <strong>Sleek.</strong>
-      A beautiful <a href="https://astro.build" target="_blank">Astro</a> theme built with <a href="https://tailwindcss.com">Tailwind</a>.
+      A beautiful <a href="https://astro.build" target="_blank" rel="noopener">Astro</a> theme built with <a href="https://tailwindcss.com" target="_blank" rel="noopener">Tailwind</a>.
     </li>
     <li>
       <strong>Fast.</strong>
@@ -36,7 +36,7 @@
     <li>
       <span>
         <strong>Extended markdown</strong> with 
-        <a href="https://markdoc.dev">Markdoc</a>.
+        <a href="https://markdoc.dev" target="_blank" rel="noopener">Markdoc</a>.
       </span>
       <span>
         Type-safe custom components like YouTube embed, Twitter embed (or
diff --git a/packages/create-blogster/templates/sleek/src/components/Footer.astro b/packages/create-blogster/templates/sleek/src/components/Footer.astro
index a60cdc7..36f801f 100644
--- a/packages/create-blogster/templates/sleek/src/components/Footer.astro
+++ b/packages/create-blogster/templates/sleek/src/components/Footer.astro
@@ -7,13 +7,13 @@
     <a
       class="unset gradient-link tracking-wider font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#f57111] to-[#f79605] hover:after:bg-gradient-to-r hover:after:from-[#f57111] hover:after:to-[#f79605]"
       href={"https://github.com/flexdinesh/blogster"}
-      target="_blank"
+      target="_blank" rel="noopener"
     >
       Blogster</a> and hosted in
     <a
       class="unset gradient-link tracking-wider font-bold bg-clip-text text-transparent bg-gradient-to-r from-[#00abda] to-[#1476ff] hover:after:bg-gradient-to-r hover:after:from-[#00abda] hover:after:to-[#1476ff]"
       href={"https://www.netlify.com"}
-      target="_blank"
+      target="_blank" rel="noopener"
     >
       Netlify</a>.
   </div>
diff --git a/packages/create-blogster/templates/sleek/src/components/Header.astro b/packages/create-blogster/templates/sleek/src/components/Header.astro
index 22562cd..96f7bd9 100644
--- a/packages/create-blogster/templates/sleek/src/components/Header.astro
+++ b/packages/create-blogster/templates/sleek/src/components/Header.astro
@@ -25,6 +25,7 @@ import DarkModeToggle from "./DarkModeToggle.astro";
     <a
       class="unset text-2xl ml-4 hover:text-text-link"
       href="https://github.com/flexdinesh/blogster"
+      target="_blank" rel="noopener"
     >
       <i
         class="fa-brands fa-github"
@@ -35,6 +36,7 @@ import DarkModeToggle from "./DarkModeToggle.astro";
     <a
       class="unset text-2xl ml-4 hover:text-text-link"
       href="https://twitter.com/flexdinesh"
+      target="_blank" rel="noopener"
     >
       <i
         class="fa-brands fa-twitter"
diff --git a/packages/create-blogster/templates/sleek/src/components/Intro.astro b/packages/create-blogster/templates/sleek/src/components/Intro.astro
index f3507d1..bdf4428 100644
--- a/packages/create-blogster/templates/sleek/src/components/Intro.astro
+++ b/packages/create-blogster/templates/sleek/src/components/Intro.astro
@@ -17,12 +17,12 @@
   <div>
     <p class="mb-5">
       Hello! This is a starter template to build your own blog with 
-      <a href={"https://github.com/flexdinesh/blogster"} target="_blank">Blogster</a>. 
+      <a href={"https://github.com/flexdinesh/blogster"} target="_blank" rel="noopener">Blogster</a>. 
       Available in four themes  
-      <a href={"https://blogster-minimal.netlify.app"} target="_blank">minimal</a>, 
-      <a href={"https://blogster-sleek.netlify.app"} target="_blank">sleek</a>, 
-      <a href={"https://blogster-newspaper.netlify.app"} target="_blank">newspaper</a> and
-      <a href={"https://blogster-bubblegum.netlify.app"} target="_blank">bubblegum</a>. 
+      <a href={"https://blogster-minimal.netlify.app"} target="_blank" rel="noopener">minimal</a>, 
+      <a href={"https://blogster-sleek.netlify.app"} target="_blank" rel="noopener">sleek</a>, 
+      <a href={"https://blogster-newspaper.netlify.app"} target="_blank" rel="noopener">newspaper</a> and
+      <a href={"https://blogster-bubblegum.netlify.app"} target="_blank" rel="noopener">bubblegum</a>. 
       This blog is a demo for <strong>sleek</strong> theme.
       Get started with one simple command.
     </p>
diff --git a/themes/bubblegum/src/components/AboutTheTheme.astro b/themes/bubblegum/src/components/AboutTheTheme.astro
index fabf725..e28bf54 100644
--- a/themes/bubblegum/src/components/AboutTheTheme.astro
+++ b/themes/bubblegum/src/components/AboutTheTheme.astro
@@ -8,7 +8,7 @@
   <ul class="mt-5">
     <li>
       <strong>Bubblegum.</strong>
-      A colorful <a href="https://astro.build" target="_blank">Astro</a> theme built with <a href="https://tailwindcss.com">Tailwind</a>.
+      A colorful <a href="https://astro.build" target="_blank" rel="noopener">Astro</a> theme built with <a href="https://tailwindcss.com" target="_blank" rel="noopener">Tailwind</a>.
     </li>
     <li>
       <strong>Fast.</strong>
diff --git a/themes/bubblegum/src/components/Header.astro b/themes/bubblegum/src/components/Header.astro
index f48663e..293fd0c 100644
--- a/themes/bubblegum/src/components/Header.astro
+++ b/themes/bubblegum/src/components/Header.astro
@@ -17,6 +17,7 @@ import DarkModeToggle from "./DarkModeToggle.astro";
     <a
       class="unset ml-4 rounded-sm transition-[background-size] duration-150 ease-in-out bg-left-bottom bg-[length:0%_55%] hover:bg-[length:100%_55%] bg-no-repeat bg-gradient-to-r from-primary-yellow to-primary-yellow dark:bg-none dark:hover:text-primary-yellow"
       href="https://github.com/flexdinesh/blogster"
+      target="_blank" rel="noopener"
     >
       <i class="fa-brands fa-github" aria-hidden="true" title="Blogster on GitHub"></i>
       <span>GitHub</span>
diff --git a/themes/minimal/src/components/AboutTheTheme.astro b/themes/minimal/src/components/AboutTheTheme.astro
index 290d2c4..02ff0a4 100644
--- a/themes/minimal/src/components/AboutTheTheme.astro
+++ b/themes/minimal/src/components/AboutTheTheme.astro
@@ -8,7 +8,7 @@
   <ul>
     <li>
       <strong>Minimal.</strong>
-      A lightweight <a class="animated" href="https://astro.build" target="_blank">Astro</a> theme that looks great.
+      A lightweight <a class="animated" href="https://astro.build" target="_blank" rel="noopener">Astro</a> theme that looks great.
     </li>
     <li>
       <strong>Lean.</strong>
diff --git a/themes/minimal/src/components/Header.astro b/themes/minimal/src/components/Header.astro
index 7b4d5c8..59e9d11 100644
--- a/themes/minimal/src/components/Header.astro
+++ b/themes/minimal/src/components/Header.astro
@@ -20,6 +20,7 @@ import TwitterIcon from "../components/ui/icons/twitter.astro";
       class="centered"
       href="https://github.com/flexdinesh/blogster"
       aria-label="Blogster on GitHub"
+      target="_blank" rel="noopener"
     >
       <GitHubIcon title="GitHub" />
     </a>
diff --git a/themes/newspaper/src/components/AboutTheTheme.astro b/themes/newspaper/src/components/AboutTheTheme.astro
index cb0fc80..413b26a 100644
--- a/themes/newspaper/src/components/AboutTheTheme.astro
+++ b/themes/newspaper/src/components/AboutTheTheme.astro
@@ -8,7 +8,7 @@
   <ul class="mt-5">
     <li>
       <strong>Newspaper.</strong>
-      A crispy <a href="https://astro.build" target="_blank">Astro</a> theme built with <a href="https://tailwindcss.com">Tailwind</a>.
+      A crispy <a href="https://astro.build" target="_blank" rel="noopener">Astro</a> theme built with <a href="https://tailwindcss.com" target="_blank" rel="noopener">Tailwind</a>.
     </li>
     <li>
       <strong>Fast.</strong>
diff --git a/themes/newspaper/src/components/Intro.astro b/themes/newspaper/src/components/Intro.astro
index 600b4a4..39213e4 100644
--- a/themes/newspaper/src/components/Intro.astro
+++ b/themes/newspaper/src/components/Intro.astro
@@ -18,6 +18,7 @@
       <a
         class="unset ml-4 hover:text-text-link"
         href="https://github.com/flexdinesh/blogster"
+        target="_blank" rel="noopener"
       >
         <i class="fa-brands fa-github" aria-hidden="true" title="Blogster on GitHub"></i>
         <span>GitHub</span>
@@ -26,6 +27,7 @@
         class="unset ml-4 hover:text-text-link"
         href="https://twitter.com/flexdinesh"
         aria-label="Dinesh on Twitter"
+        target="_blank" rel="noopener"
       >
         <i class="fa-brands fa-twitter" aria-hidden="true" title="Dinesh on Twitter"></i>
         <span>Twitter</span>
diff --git a/themes/sleek/src/components/AboutTheTheme.astro b/themes/sleek/src/components/AboutTheTheme.astro
index a13dd98..a385309 100644
--- a/themes/sleek/src/components/AboutTheTheme.astro
+++ b/themes/sleek/src/components/AboutTheTheme.astro
@@ -8,7 +8,7 @@
   <ul class="mt-5">
     <li>
       <strong>Sleek.</strong>
-      A beautiful <a href="https://astro.build" target="_blank">Astro</a> theme built with <a href="https://tailwindcss.com">Tailwind</a>.
+      A beautiful <a href="https://astro.build" target="_blank" rel="noopener">Astro</a> theme built with <a href="https://tailwindcss.com" target="_blank" rel="noopener">Tailwind</a>.
     </li>
     <li>
       <strong>Fast.</strong>
@@ -36,7 +36,7 @@
     <li>
       <span>
         <strong>Extended markdown</strong> with 
-        <a href="https://markdoc.dev">Markdoc</a>.
+        <a href="https://markdoc.dev" target="_blank" rel="noopener">Markdoc</a>.
       </span>
       <span>
         Type-safe custom components like YouTube embed, Twitter embed (or
diff --git a/themes/sleek/src/components/Header.astro b/themes/sleek/src/components/Header.astro
index 22562cd..96f7bd9 100644
--- a/themes/sleek/src/components/Header.astro
+++ b/themes/sleek/src/components/Header.astro
@@ -25,6 +25,7 @@ import DarkModeToggle from "./DarkModeToggle.astro";
     <a
       class="unset text-2xl ml-4 hover:text-text-link"
       href="https://github.com/flexdinesh/blogster"
+      target="_blank" rel="noopener"
     >
       <i
         class="fa-brands fa-github"
@@ -35,6 +36,7 @@ import DarkModeToggle from "./DarkModeToggle.astro";
     <a
       class="unset text-2xl ml-4 hover:text-text-link"
       href="https://twitter.com/flexdinesh"
+      target="_blank" rel="noopener"
     >
       <i
         class="fa-brands fa-twitter"