web: rel=noopener for outlinks

Via Lighthouse. Apparently destination pages can reach-back to the
opening window via JS API. Weird!

Note that instead of noreferrer, we have a meta tag to have off-domain
(off-origin) links only include the origin name (eg, hostname) instead
of full URL with query paths. So we don't forward user queries to
non-archive.org domains.

1 files changed, 10 insertions, 10 deletions

diff --git a/fatcat_scholar/templates/base.html b/fatcat_scholar/templates/base.html
index 8577b18..55a0082 100644
--- a/fatcat_scholar/templates/base.html
+++ b/fatcat_scholar/templates/base.html
@@ -220,12 +220,12 @@
             <p style="color: rgba(255, 255, 255, 0.5);">
             {% trans %}We are a US 501(c)(3) non-profit library, building a global archive of Internet sites and other cultural artifacts in digital form.{% endtrans %}
 
-            {% trans %}Other projects include{% endtrans %} <a target="_blank" href="https://web.archive.org">The Wayback Machine</a>, <a target="_blank" href="https://archive.org">archive.org</a>, <a target="_blank" href="https://openlibrary.org">Open Library</a> and <a target="_blank" href="https://archive-it.org">Archive-It</a>
+            {% trans %}Other projects include{% endtrans %} <a target="_blank" rel="noopener" href="https://web.archive.org">The Wayback Machine</a>, <a target="_blank" rel="noopener" href="https://archive.org">archive.org</a>, <a target="_blank" rel="noopener" href="https://openlibrary.org">Open Library</a> and <a target="_blank" rel="noopener" href="https://archive-it.org">Archive-It</a>
             <div class="ui horizontal inverted link list">
-              <a class="item" target="_blank" href="https://archive.org/about/">{{ _("About Us") }}</a>
-              <a class="item" target="_blank" href="https://archive.org/about/contact.php">{{ _("Contact Us") }}</a>
-              <a class="item" target="_blank" href="https://archive.org/about/terms.php">{{ _("Policies") }}</a>
-              <a class="item" target="_blank" href="https://archive.org/donate">{{ _("Donate") }}</a>
+              <a class="item" target="_blank" rel="noopener" href="https://archive.org/about/">{{ _("About Us") }}</a>
+              <a class="item" target="_blank" rel="noopener" href="https://archive.org/about/contact.php">{{ _("Contact Us") }}</a>
+              <a class="item" target="_blank" rel="noopener" href="https://archive.org/about/terms.php">{{ _("Policies") }}</a>
+              <a class="item" target="_blank" rel="noopener" href="https://archive.org/donate">{{ _("Donate") }}</a>
             </div>
           </div>
         </div>
@@ -242,11 +242,11 @@
       <div class="three wide column">
         <h4 class="ui inverted header">{% trans %}Open Infrastructure{% endtrans %}</h4>
         <div class="ui inverted link list">
-          <a target="_blank" href="https://fatcat.wiki" class="item">{{ _("Editable Catalog (Fatcat)") }}</a>
-          <a target="_blank" href="https://guide.fatcat.wiki" class="item">{{ _("Contribute") }}</a>
-          <a target="_blank" href="/api/redoc" class="item">{{ _("Search API") }}</a>
-          <a target="_blank" href="https://status.fatcat.wiki" class="item">{{ _("Service Status") }}</a>
-          <a target="_blank" href="https://github.com/internetarchive/fatcat-scholar" class="item">{{ _("Source Code") }}</a>
+          <a target="_blank" rel="noopener" href="https://fatcat.wiki" class="item">{{ _("Editable Catalog (Fatcat)") }}</a>
+          <a target="_blank" rel="noopener" href="https://guide.fatcat.wiki" class="item">{{ _("Contribute") }}</a>
+          <a target="_blank" rel="noopener" href="/api/redoc" class="item">{{ _("Search API") }}</a>
+          <a target="_blank" rel="noopener noreferrer" href="https://status.fatcat.wiki" class="item">{{ _("Service Status") }}</a>
+          <a target="_blank" rel="noopener noreferrer" href="https://github.com/internetarchive/fatcat-scholar" class="item">{{ _("Source Code") }}</a>
         </div>
       </div>
     </div>