User Testing Changes

-Navbar items that aren’t hosted on the main site are redirected to new
tabs
-Jupyterhub logo is now fixed for tablet sized screens

Author: cameronoelsen

about.html

@@ -59,16 +59,16 @@
             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                 <ul class="nav navbar-nav navbar-right">
                     <li>
-                        <a href="http://jupyter.readthedocs.org/en/latest/install.html" class="tab" id="tab">INSTALL</a>
+                        <a href="http://jupyter.readthedocs.org/en/latest/install.html" class="tab" id="tab" target="_blank">INSTALL</a>
                     </li>
                     <li>
                         <a href="" class="tab navbar-active">PROJECT</a>
                     </li>
                     <li>
-                        <a href="http://jupyter.readthedocs.org/en/latest/" class="tab">DOCUMENTATION</a>
+                        <a href="http://jupyter.readthedocs.org/en/latest/" class="tab" target="_blank">DOCUMENTATION</a>
                     </li>
                     <li>
-                        <a href="https://blog.jupyter.org/" class="tab">BLOG</a>
+                        <a href="https://blog.jupyter.org/" class="tab" target="_blank">BLOG</a>
                     </li>
                     <li>
                         <a href="donate.html" class="tab">DONATE</a>

css/logo-nav.css

@@ -357,6 +357,9 @@ a {
     .hubfeature h2 {
         text-align: center;
     }
+    #hubicon {
+        width: 60%;
+    }
 }
 .architecturedescription p {
     padding-top: 26px;

donate.html

@@ -62,16 +62,16 @@
             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                 <ul class="nav navbar-nav navbar-right">
                     <li>
-                        <a href="http://jupyter.readthedocs.org/en/latest/install.html" class="tab" id="tab">INSTALL</a>
+                        <a href="http://jupyter.readthedocs.org/en/latest/install.html" class="tab" id="tab" target="_blank">INSTALL</a>
                     </li>
                     <li>
                         <a href="about.html" class="tab">PROJECT</a>
                     </li>
                     <li>
-                        <a href="http://jupyter.readthedocs.org/en/latest/" class="tab">DOCUMENTATION</a>
+                        <a href="http://jupyter.readthedocs.org/en/latest/" class="tab" target="_blank">DOCUMENTATION</a>
                     </li>
                     <li>
-                        <a href="https://blog.jupyter.org/" class="tab">BLOG</a>
+                        <a href="https://blog.jupyter.org/" class="tab" target="_blank">BLOG</a>
                     </li>
                     <li>
                         <a href="" class="tab navbar-active">DONATE</a>

index.html

@@ -66,16 +66,16 @@
             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                 <ul class="nav navbar-nav navbar-right">
                     <li>
-                        <a href="http://jupyter.readthedocs.org/en/latest/install.html" class="tab" id="tab">INSTALL</a>
+                        <a href="http://jupyter.readthedocs.org/en/latest/install.html" class="tab" id="tab" target="_blank">INSTALL</a>
                     </li>
                     <li>
                         <a href="about.html" class="tab">PROJECT</a>
                     </li>
                     <li>
-                        <a href="http://jupyter.readthedocs.org/en/latest/" class="tab">DOCUMENTATION</a>
+                        <a href="http://jupyter.readthedocs.org/en/latest/" class="tab" target="_blank">DOCUMENTATION</a>
                     </li>
                     <li>
-                        <a href="https://blog.jupyter.org/" class="tab">BLOG</a>
+                        <a href="https://blog.jupyter.org/" class="tab" target="_blank">BLOG</a>
                     </li>
                     <li>
                         <a href="donate.html" class="tab">DONATE</a>
@@ -205,7 +205,7 @@ <h2 style="text-align:center;">Currently in use at</h2>
         <div class="container">
             <div class="hubheader">
                 <div class="hublogo col-md-5">
-                    <img src="assets/hublogo.svg" class="img-responsive" style="margin:0 auto;">
+                    <img src="assets/hublogo.svg" class="img-responsive" style="margin:0 auto;" id="hubicon">
                 </div>
                 <div class="hubdescription col-md-7">
                     <h2>Jupyter for Organizations</h2>