Use macro for rendering secondary navigation

src/templates/projects/landing.pug

@@ -1,3 +1,4 @@
+| {% import 'projects/_macros.html' as projectmacros %}
 | {% extends 'layout.html' %}
 
 | {% block page_title %}{{ project.name }}{% endblock%}
@@ -93,36 +94,8 @@ header
 		i.pi-play
 		| Watch Film
 | {% block navbar_secondary %}
-nav.navbar-secondary
+| {{ projectmacros.render_secondary_navigation(project, pages=pages) }}
-	.navbar-container
+
-		nav.collapse.navbar-collapse
-			ul.nav.navbar-nav.navbar-right
-				li
-					a.navbar-item(
-						href="{{ url_for('projects.view', project_url=project.url) }}",
-						title="{{ project.name }} Homepage")
-						span
-							b {{ project.name }}
-				li
-					a.navbar-item(
-					href="{{ url_for('main.project_blog', project_url=project.url) }}",
-					title="Project Blog",
-					class="{% if category == 'blog' %}active{% endif %}")
-						span Blog
-				| {% for p in pages %}
-				li
-					a.navbar-item(
-					href="{{ url_for('projects.view_node', project_url=project.url, node_id=p._id) }}",
-					title="{{ p.name }}",
-					class="{% if category == 'page' %}active{% endif %}")
-						span {{ p.name }}
-				| {% endfor %}
-				li
-					a.navbar-item(
-					href="{{ url_for('projects.view_node', project_url=project.url, node_id='5ad24dd91effe4181aff5930') }}",
-					title="Blender Cloud Blog",
-					class="{% if category == 'blog' %}active{% endif %}")
-						span Explore
 | {% endblock navbar_secondary %}
 #container
 	section.node-details-container.project