flexdinesh · pelleknaap · Dec 26, 2022
diff --git 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
@@ -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
@@ -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
@@ -17,13 +17,15 @@ 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>
     </a>
     <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
@@ -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
@@ -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
@@ -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
@@ -20,13 +20,15 @@ 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>
     <a
       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
@@ -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
@@ -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
@@ -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
@@ -18,13 +18,15 @@
       <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>
       </a>
       <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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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"