WIP on landing page

src/styles/project-landing.sass

@@ -17,6 +17,10 @@ section.node-details-container.project
     padding-top: 0
     padding-bottom: 0
 
+/* Override jumbotron to make it shorter than the default */
+.jumbotron
+  height: 400px
+
 /* Landing Page Sass
    ================================================================== */
 .cta-arrow
@@ -26,6 +30,9 @@ section.node-details-container.project
   &.container
     max-width: 1190px
     h1,
+    h2,
+    h3,
+    ul,
     p
       max-width: 700px
       margin-left: auto

src/templates/projects/landing.pug

@@ -88,99 +88,45 @@ header
 .jumbotron.jumbotron-fluid(
 	style="background-image: url('{{ project.picture_header.thumbnail('h', api=api) }}'); background-position: 50% 50%;")
 
-//- Secondary Navigation
+| {# Secondary Navigation #}
-//- | {% block navbar_secondary %}
+| {% block navbar_secondary %}
-//- | {{ projectmacros.render_secondary_navigation(project, pages=pages) }}
+| {{ projectmacros.render_secondary_navigation(project, pages=pages) }}
+| {% endblock navbar_secondary %}
 
-//- | {% endblock navbar_secondary %}
+.container.landing
-.container.navbar-secondary
-	ul.nav.justify-content-left
-		li.nav-item
-			a.nav-link.nav-title(href="#") Hero
-		li.nav-item
-			a.nav-link(href="{{ url_for('main.project_blog', project_url=project.url) }}", class="{% if title == 'updates' %}active{% endif %}") Updates
-		| {% for page in pages %}
-		li.nav-item
-			a.nav-link(href="{{ url_for('projects.view_node', project_url=project.url, node_id=page._id) }}", class="{% if title == 'updates' %}active{% endif %}") {{ page.name }}
-		| {% endfor %}
-		li.nav-item
-			a.nav-link(href="/projects/gallery.html", class="{% if title == 'gallery' %}active{% endif %}") Gallery
-		li.nav-item
-			a.nav-link(href="#", class="{% if title == 'assets' %}active{% endif %}") Assets
-		li.nav-item
-			a.nav-link(href="#", class="{% if title == 'dashboard' %}active{% endif %}") Dashboard
-#container.landing
 	section.node-details-container.project
 		.node-details-title.container
 			h1 {{ project.name }}
+
 			| {% if project.description %}
 			| {{ project | markdowned('description') }}
 			| {% endif %}
 
-
 	section.gallery
 		h2.text-center Gallery
-		//- | {% for n in activity_stream %}
-		//- | {% if n.node_type not in ['comment', 'post'] and n.picture %}
-		//- .thumbnail.expand-image-links
-		//- 	.img-container
-		//- 		a(href="{{ n.picture.thumbnail('l', api=api) }}", data-node_id="{{ n._id }}")
-		//- 			img(src="{{ n.picture.thumbnail('l', api=api) }}", alt="{{ n.name }}")
-		//- 			.img-caption.table
-		//- 				| {# Not using for the moment
-		//- 				span.table-cell {{ n.name }}
-		//- 				| #}
-		//- | {% endif %}
-		//- | {% endfor %}
-		//- div(class="clearfix")
-		//- | {% if project.nodes_featured %}
-		//- | {# In some cases featured_nodes might might be embedded #}
-		//- | {% if '_id' in project.nodes_featured[0] %}
-		//- | {% set featured_node_id=project.nodes_featured[0]._id %}
-		//- | {% else %}
-		//- | {% set featured_node_id=project.nodes_featured[0] %}
-		//- | {% endif %}
-		//- a.btn(href="{{ url_for('projects.view_node', project_url=project.url, node_id=featured_node_id) }}") See more
-		//- | {% endif %}
 		.container
+			| {% for n in activity_stream %}
+			| {% if n.node_type not in ['comment', 'post'] and n.picture %}
 			.thumbnail.expand-image-links
 				.thumbnail-container
-					a(href="#")
+					a(href="{{ n.picture.thumbnail('l', api=api) }}", data-node_id="{{ n._id }}")
-						img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-1.jpg")
+						img(src="{{ n.picture.thumbnail('l', api=api) }}", alt="{{ n.name }}")
-			.thumbnail.expand-image-links
+			| {% endif %}
-				.thumbnail-container
+			| {% endfor %}
-					a(href="#")
-						img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-2.jpg")
-			.thumbnail.expand-image-links
-				.thumbnail-container
-					a(href="#")
-						img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-3.png")
-			.thumbnail.expand-image-links
-				.thumbnail-container
-					a(href="#")
-						img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-4.png")
-			.thumbnail.expand-image-links
-				.thumbnail-container
-					a(href="#")
-						img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-5.png")
-			.thumbnail.expand-image-links
-				.thumbnail-container
-					a(href="#")
-						img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-6.png")
-			.thumbnail.expand-image-links
-				.thumbnail-container
-					a(href="#")
-						img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-7.jpg")
-			.thumbnail.expand-image-links
-				.thumbnail-container
-					a(href="#")
-						img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-8.jpg")
 			.clearfix
+			| {% if project.nodes_featured %}
+			| {# In some cases featured_nodes might might be embedded #}
+			| {% if '_id' in project.nodes_featured[0] %}
+			| {% set featured_node_id=project.nodes_featured[0]._id %}
+			| {% else %}
+			| {% set featured_node_id=project.nodes_featured[0] %}
+			| {% endif %}
 			p.cta-arrow.text-center
-				a(href="#")
+				a(href="{{ url_for('projects.view_node', project_url=project.url, node_id=featured_node_id) }}")
-					| See Hero Gallery 
+					| See more
-					img(src="../../static/assets/img/icons/icon-cta-arrow.svg")
+					i.pi-angle-right
-						
+			| {% endif %}
+
 
 
 	section.node-extra