Added navbar HTML component

static/src/js/app.js

@@ -13,6 +13,6 @@ if ($('body').hasClass('index')) {  // Render components on index
   React.render(<ProjectImagesMain />, document.getElementById('project-images-main'));
 }
 
-if ($('#navbar-test')) {
-  React.render(<NavBar />, document.getElementById('navbar-test'));
+if ($('navbar')) {
+  React.render(<NavBar />, $('navbar')[0]);
 }

static/src/less/navbar.less

@@ -96,3 +96,7 @@
   top: 0;
   z-index: 10000;
 }
+
+navbar + * {
+  margin-top: 52px;
+}

templates/about/me.html

@@ -23,6 +23,5 @@
   </div>
 </div>
 
-<div id="navbar-test"></div>
 <script async defer src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
 {% endblock %}

templates/content_base.html

@@ -9,7 +9,7 @@
     <div class="container">
       <h1>{% block pageTitle %}{% endblock %}</h1>
     </div>
+    <navbar></navbar>
   </div>
   {% block content %}{% endblock %}
 {% endblock %}
-

templates/index.html

@@ -35,6 +35,6 @@
     <script>
       !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
     </script>
-
+    <navbar></navbar>
     <div class="container-fluid" id="project-images-main"></div>
 {% endblock %}