Header for notebook fix

Changed the header for the notebook from a SVG to native elements
(should’ve done to start with)

Author: cameronoelsen

assets/notebookicon.svg

@@ -53,6 +53,14 @@ body {
     .notebook_preview img {
         margin: 0 auto;
     }
+    #notebookicon {
+        display: block;
+        margin: 0 auto;
+        padding-bottom: 10px;
+    }
+    .notebook_preview h1 {
+        text-align: center;
+    }
 }
 .jumbotron {
     background-color: white;

css/logo-nav.css

@@ -87,7 +87,8 @@
     <div class="col-md-12 notebook_preview">
         <div class="container">
             <div class="col-md-6">
-                <img class="img-responsive" src="assets/notebook_header.svg" />
+                <!--<img class="img-responsive" src="assets/notebook_header.svg" />-->
+                <h1><img src="assets/notebookicon.svg" id="notebookicon"> Jupyter Notebook</h1>
                 <p>The Jupyter Notebook is a web-based interactive computing platform that allows users to author data- and code-driven narratives that combine live code, equations, narrative text, visualizations, interactive dashboards and other media.</p>
             </div>
             <div class="col-md-6">