Open launch buttons in new window (#626)

Author: guillaume-haerinck

src/sphinx_book_theme/theme/sphinx_book_theme/macros/buttons.html

@@ -22,7 +22,7 @@
 
 
 {% macro render_link_button(url, tooltip=None, icon=None, text=None, label=None, tooltip_placement="bottom") -%}
-<a href="{{ url }}"
+<a href="{{ url }}" target="_blank"
    class="headerbtn{% if label %} headerbtn-{{ label }}{% endif %}"
    {% if tooltip %}{{ render_tooltip_metadata(tooltip, tooltip_placement) }}{% endif %}
 >

tests/test_build/build__header-article.html

@@ -17,7 +17,7 @@
     <div class="menu-dropdown__content">
      <ul>
       <li>
-       <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://mybinder.org/v2/gh/executablebooks/sphinx-book-theme/master?urlpath=lab/tree/TESTPATH/section1/ntbk.ipynb" title="Launch on Binder">
+       <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://mybinder.org/v2/gh/executablebooks/sphinx-book-theme/master?urlpath=lab/tree/TESTPATH/section1/ntbk.ipynb" target="_blank" title="Launch on Binder">
         <span class="headerbtn__icon-container">
          <img src="../_static/images/logo_binder.svg"/>
         </span>
@@ -27,7 +27,7 @@
        </a>
       </li>
       <li>
-       <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://datahub.berkeley.edu/hub/user-redirect/git-pull?repo=https%3A//github.com/executablebooks/sphinx-book-theme&amp;urlpath=lab/tree/sphinx-book-theme/TESTPATH/section1/ntbk.ipynb&amp;branch=master" title="Launch on JupyterHub">
+       <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://datahub.berkeley.edu/hub/user-redirect/git-pull?repo=https%3A//github.com/executablebooks/sphinx-book-theme&amp;urlpath=lab/tree/sphinx-book-theme/TESTPATH/section1/ntbk.ipynb&amp;branch=master" target="_blank" title="Launch on JupyterHub">
         <span class="headerbtn__icon-container">
          <img src="../_static/images/logo_jupyterhub.svg"/>
         </span>
@@ -37,7 +37,7 @@
        </a>
       </li>
       <li>
-       <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://colab.research.google.com/github/executablebooks/sphinx-book-theme/blob/master/TESTPATH/section1/ntbk.ipynb" title="Launch on Colab">
+       <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://colab.research.google.com/github/executablebooks/sphinx-book-theme/blob/master/TESTPATH/section1/ntbk.ipynb" target="_blank" title="Launch on Colab">
         <span class="headerbtn__icon-container">
          <img src="../_static/images/logo_colab.png"/>
         </span>
@@ -47,7 +47,7 @@
        </a>
       </li>
       <li>
-       <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://deepnote.com/launch?url=https%3A%2F%2Fgithub.com%2Fexecutablebooks%2Fsphinx-book-theme%2Fblob%2Fmaster%2FTESTPATH/section1/ntbk.ipynb" title="Launch on Deepnote">
+       <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://deepnote.com/launch?url=https%3A%2F%2Fgithub.com%2Fexecutablebooks%2Fsphinx-book-theme%2Fblob%2Fmaster%2FTESTPATH/section1/ntbk.ipynb" target="_blank" title="Launch on Deepnote">
         <span class="headerbtn__icon-container">
          <img src="../_static/images/logo_deepnote.svg"/>
         </span>
@@ -84,7 +84,7 @@
     <div class="menu-dropdown__content">
      <ul>
       <li>
-       <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="../_sources/section1/ntbk.ipynb" title="Download source file">
+       <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="../_sources/section1/ntbk.ipynb" target="_blank" title="Download source file">
         <span class="headerbtn__icon-container">
          <i class="fas fa-file">
          </i>

tests/test_build/header__repo-buttons--all-off.html

@@ -13,7 +13,7 @@
   <div class="menu-dropdown__content">
    <ul>
     <li>
-     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="../_sources/section1/ntbk.ipynb" title="Download source file">
+     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="../_sources/section1/ntbk.ipynb" target="_blank" title="Download source file">
       <span class="headerbtn__icon-container">
        <i class="fas fa-file">
        </i>

tests/test_build/header__repo-buttons--all-on.html

@@ -13,7 +13,7 @@
   <div class="menu-dropdown__content">
    <ul>
     <li>
-     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://github.com/executablebooks/sphinx-book-theme" title="Source repository">
+     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://github.com/executablebooks/sphinx-book-theme" target="_blank" title="Source repository">
       <span class="headerbtn__icon-container">
        <i class="fab fa-github">
        </i>
@@ -24,7 +24,7 @@
      </a>
     </li>
     <li>
-     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://github.com/executablebooks/sphinx-book-theme/issues/new?title=Issue%20on%20page%20%2Fsection1/ntbk.html&amp;body=Your%20issue%20content%20here." title="Open an issue">
+     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://github.com/executablebooks/sphinx-book-theme/issues/new?title=Issue%20on%20page%20%2Fsection1/ntbk.html&amp;body=Your%20issue%20content%20here." target="_blank" title="Open an issue">
       <span class="headerbtn__icon-container">
        <i class="fas fa-lightbulb">
        </i>
@@ -35,7 +35,7 @@
      </a>
     </li>
     <li>
-     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://github.com/executablebooks/sphinx-book-theme/edit/master/section1/ntbk.ipynb" title="Edit this page">
+     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://github.com/executablebooks/sphinx-book-theme/edit/master/section1/ntbk.ipynb" target="_blank" title="Edit this page">
       <span class="headerbtn__icon-container">
        <i class="fas fa-pencil-alt">
        </i>
@@ -56,7 +56,7 @@
   <div class="menu-dropdown__content">
    <ul>
     <li>
-     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="../_sources/section1/ntbk.ipynb" title="Download source file">
+     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="../_sources/section1/ntbk.ipynb" target="_blank" title="Download source file">
       <span class="headerbtn__icon-container">
        <i class="fas fa-file">
        </i>

tests/test_build/header__repo-buttons--custom-branch.html

@@ -7,7 +7,7 @@
   <div class="menu-dropdown__content">
    <ul>
     <li>
-     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://mybinder.org/v2/gh/executablebooks/sphinx-book-theme/foo?urlpath=tree/section1/ntbk.ipynb" title="Launch on Binder">
+     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://mybinder.org/v2/gh/executablebooks/sphinx-book-theme/foo?urlpath=tree/section1/ntbk.ipynb" target="_blank" title="Launch on Binder">
       <span class="headerbtn__icon-container">
        <img src="../_static/images/logo_binder.svg"/>
       </span>
@@ -25,7 +25,7 @@
    </i>
   </span>
  </button>
- <a class="headerbtn" data-placement="bottom" data-toggle="tooltip" href="https://github.com/executablebooks/sphinx-book-theme/edit/foo/section1/ntbk.ipynb" title="Edit this page">
+ <a class="headerbtn" data-placement="bottom" data-toggle="tooltip" href="https://github.com/executablebooks/sphinx-book-theme/edit/foo/section1/ntbk.ipynb" target="_blank" title="Edit this page">
   <span class="headerbtn__icon-container">
    <i class="fas fa-pencil-alt">
    </i>
@@ -39,7 +39,7 @@
   <div class="menu-dropdown__content">
    <ul>
     <li>
-     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="../_sources/section1/ntbk.ipynb" title="Download source file">
+     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="../_sources/section1/ntbk.ipynb" target="_blank" title="Download source file">
       <span class="headerbtn__icon-container">
        <i class="fas fa-file">
        </i>

tests/test_build/header__repo-buttons--one-on.html

@@ -5,7 +5,7 @@
    </i>
   </span>
  </button>
- <a class="headerbtn" data-placement="bottom" data-toggle="tooltip" href="https://github.com/executablebooks/sphinx-book-theme/edit/master/section1/ntbk.ipynb" title="Edit this page">
+ <a class="headerbtn" data-placement="bottom" data-toggle="tooltip" href="https://github.com/executablebooks/sphinx-book-theme/edit/master/section1/ntbk.ipynb" target="_blank" title="Edit this page">
   <span class="headerbtn__icon-container">
    <i class="fas fa-pencil-alt">
    </i>
@@ -19,7 +19,7 @@
   <div class="menu-dropdown__content">
    <ul>
     <li>
-     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="../_sources/section1/ntbk.ipynb" title="Download source file">
+     <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="../_sources/section1/ntbk.ipynb" target="_blank" title="Download source file">
       <span class="headerbtn__icon-container">
        <i class="fas fa-file">
        </i>

tests/test_build/test_header_launchbtns.html

@@ -6,7 +6,7 @@
  <div class="menu-dropdown__content">
   <ul>
    <li>
-    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://mybinder.org/v2/gh/executablebooks/sphinx-book-theme/master?urlpath=lab/tree/TESTPATH/section1/ntbk.ipynb" title="Launch on Binder">
+    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://mybinder.org/v2/gh/executablebooks/sphinx-book-theme/master?urlpath=lab/tree/TESTPATH/section1/ntbk.ipynb" target="_blank" title="Launch on Binder">
      <span class="headerbtn__icon-container">
       <img src="../_static/images/logo_binder.svg"/>
      </span>
@@ -16,7 +16,7 @@
     </a>
    </li>
    <li>
-    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://datahub.berkeley.edu/hub/user-redirect/git-pull?repo=https%3A//github.com/executablebooks/sphinx-book-theme&amp;urlpath=lab/tree/sphinx-book-theme/TESTPATH/section1/ntbk.ipynb&amp;branch=master" title="Launch on JupyterHub">
+    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://datahub.berkeley.edu/hub/user-redirect/git-pull?repo=https%3A//github.com/executablebooks/sphinx-book-theme&amp;urlpath=lab/tree/sphinx-book-theme/TESTPATH/section1/ntbk.ipynb&amp;branch=master" target="_blank" title="Launch on JupyterHub">
      <span class="headerbtn__icon-container">
       <img src="../_static/images/logo_jupyterhub.svg"/>
      </span>
@@ -26,7 +26,7 @@
     </a>
    </li>
    <li>
-    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://colab.research.google.com/github/executablebooks/sphinx-book-theme/blob/master/TESTPATH/section1/ntbk.ipynb" title="Launch on Colab">
+    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://colab.research.google.com/github/executablebooks/sphinx-book-theme/blob/master/TESTPATH/section1/ntbk.ipynb" target="_blank" title="Launch on Colab">
      <span class="headerbtn__icon-container">
       <img src="../_static/images/logo_colab.png"/>
      </span>
@@ -36,7 +36,7 @@
     </a>
    </li>
    <li>
-    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://deepnote.com/launch?url=https%3A%2F%2Fgithub.com%2Fexecutablebooks%2Fsphinx-book-theme%2Fblob%2Fmaster%2FTESTPATH/section1/ntbk.ipynb" title="Launch on Deepnote">
+    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://deepnote.com/launch?url=https%3A%2F%2Fgithub.com%2Fexecutablebooks%2Fsphinx-book-theme%2Fblob%2Fmaster%2FTESTPATH/section1/ntbk.ipynb" target="_blank" title="Launch on Deepnote">
      <span class="headerbtn__icon-container">
       <img src="../_static/images/logo_deepnote.svg"/>
      </span>

tests/test_build/test_topbar_launchbtns.html

@@ -6,7 +6,7 @@
  <div class="menu-dropdown__content">
   <ul>
    <li>
-    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://mybinder.org/v2/gh/executablebooks/sphinx-book-theme/master?urlpath=lab/tree/TESTPATH/section1/ntbk.ipynb" title="Launch on Binder">
+    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://mybinder.org/v2/gh/executablebooks/sphinx-book-theme/master?urlpath=lab/tree/TESTPATH/section1/ntbk.ipynb" target="_blank" title="Launch on Binder">
      <span class="headerbtn__icon-container">
       <img src="../_static/images/logo_binder.svg"/>
      </span>
@@ -16,7 +16,7 @@
     </a>
    </li>
    <li>
-    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://datahub.berkeley.edu/hub/user-redirect/git-pull?repo=https%3A//github.com/executablebooks/sphinx-book-theme&amp;urlpath=lab/tree/sphinx-book-theme/TESTPATH/section1/ntbk.ipynb&amp;branch=master" title="Launch on JupyterHub">
+    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://datahub.berkeley.edu/hub/user-redirect/git-pull?repo=https%3A//github.com/executablebooks/sphinx-book-theme&amp;urlpath=lab/tree/sphinx-book-theme/TESTPATH/section1/ntbk.ipynb&amp;branch=master" target="_blank" title="Launch on JupyterHub">
      <span class="headerbtn__icon-container">
       <img src="../_static/images/logo_jupyterhub.svg"/>
      </span>
@@ -26,7 +26,7 @@
     </a>
    </li>
    <li>
-    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://colab.research.google.com/github/executablebooks/sphinx-book-theme/blob/master/TESTPATH/section1/ntbk.ipynb" title="Launch on Colab">
+    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://colab.research.google.com/github/executablebooks/sphinx-book-theme/blob/master/TESTPATH/section1/ntbk.ipynb" target="_blank" title="Launch on Colab">
      <span class="headerbtn__icon-container">
       <img src="../_static/images/logo_colab.png"/>
      </span>
@@ -36,7 +36,7 @@
     </a>
    </li>
    <li>
-    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://deepnote.com/launch?url=https%3A%2F%2Fgithub.com%2Fexecutablebooks%2Fsphinx-book-theme%2Fblob%2Fmaster%2FTESTPATH/section1/ntbk.ipynb" title="Launch on Deepnote">
+    <a class="headerbtn" data-placement="left" data-toggle="tooltip" href="https://deepnote.com/launch?url=https%3A%2F%2Fgithub.com%2Fexecutablebooks%2Fsphinx-book-theme%2Fblob%2Fmaster%2FTESTPATH/section1/ntbk.ipynb" target="_blank" title="Launch on Deepnote">
      <span class="headerbtn__icon-container">
       <img src="../_static/images/logo_deepnote.svg"/>
      </span>