diff --git a/templates/portfolio/card.html b/templates/portfolio/card.html
index 8a0ad6d..a79ec0a 100644
--- a/templates/portfolio/card.html
+++ b/templates/portfolio/card.html
@@ -1,5 +1,5 @@
 {{#metadata}} {{#info}} {{#portfolio}} {{#link}}
-<li role="button" onclick="window.open('{{link}}', '_blank', 'noreferrer');">
+<li role="button" onmousedown="openLink('{{link}}');">
   {{>portfolio/project.html}}
 </li>
 {{/link}} {{^link}}
diff --git a/templates/portfolio/index.html b/templates/portfolio/index.html
index fbf7469..4bbc2fd 100644
--- a/templates/portfolio/index.html
+++ b/templates/portfolio/index.html
@@ -45,6 +45,28 @@
           });
         })
       );
+
+      /* Open cards link */
+      const openLink = (url) => {
+        switch (event.button) {
+          case 0:
+            /* Left click */
+            window.open(url, "_blank", "noreferrer");
+            break;
+          case 1:
+            /* Middle click */
+            Object.assign(document.createElement("a"), {
+              href: url,
+              target: "_blank",
+              rel: "noreferrer",
+            }).dispatchEvent(
+              new MouseEvent("click", { ctrlKey: true, metaKey: true })
+            );
+            break;
+          default:
+            break;
+        }
+      };
     </script>
   </body>
 </html>