From ced2596ee906c363b54a50b05e69105df9ef7568 Mon Sep 17 00:00:00 2001
From: Tixie <admin@glitch.family>
Date: Mon, 1 Mar 2021 04:03:23 +0100
Subject: [PATCH] Add rel="noopener" to externalinks

---
 src/_includes/footer.njk | 2 +-
 src/_includes/plugin.js  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/_includes/footer.njk b/src/_includes/footer.njk
index 6dddc44..efbfbd3 100644
--- a/src/_includes/footer.njk
+++ b/src/_includes/footer.njk
@@ -1,3 +1,3 @@
 <footer class="footer">
-    Copyleft ∴ <a href="https://glitch.family">Glitch.Family</a> — This project is <a href="https://github.com/GlitchFamily/vanillalist">open-source</a> but the plugin's visuals belong to their respective owners
+    Copyleft ∴ <a href="https://glitch.family">Glitch.Family</a> — This project is <a href="https://github.com/GlitchFamily/vanillalist" rel="noopener">open-source</a> but the plugin's visuals belong to their respective owners
 </footer>
diff --git a/src/_includes/plugin.js b/src/_includes/plugin.js
index 259a847..efd287d 100644
--- a/src/_includes/plugin.js
+++ b/src/_includes/plugin.js
@@ -5,14 +5,14 @@ module.exports = function (plugin) {
     if (plugin.url_npm) { sources.push({ label: 'npm', url: plugin.url_npm }) }
 
     const links = sources.map(source => {
-        return `<a class="plugin__link plugin__link--${source.label}" href="${source.url}?ref=vanillalist" target="_blank">${source.label}</a>`
+        return `<a class="plugin__link plugin__link--${source.label}" href="${source.url}?ref=vanillalist" target="_blank" rel="noopener">${source.label}</a>`
     }).join('')
 
     const visualLink = plugin.url_demo ? plugin.url_demo : plugin.url_github ? plugin.url_github : plugin.url_npm ? plugin.url_npm : ''
 
     return `
         <div class="plugin">
-            <a class="plugin__visual" href="${visualLink}?ref=vanillalist">
+            <a class="plugin__visual" href="${visualLink}?ref=vanillalist" target="_blank" rel="noopener">
                 <img srcset="${plugin.image} 1x, ${plugin.image2x} 2x" alt="${plugin.title}" width="308" height="195">
             </a>
             <h2 class="plugin__name">${plugin.title}</h2>