1
Fork 0

Added navbar HTML component

This commit is contained in:
Jake Howard 2016-01-05 14:11:26 +00:00
parent 165afa0d8a
commit 38a89a7dcb
5 changed files with 8 additions and 5 deletions

View file

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

View file

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

View file

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

View file

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

View file

@ -35,6 +35,6 @@
<script> <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"); !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> </script>
<navbar></navbar>
<div class="container-fluid" id="project-images-main"></div> <div class="container-fluid" id="project-images-main"></div>
{% endblock %} {% endblock %}