diff --git a/src/styles/project-landing.sass b/src/styles/project-landing.sass index 1c5c36c..02eec28 100644 --- a/src/styles/project-landing.sass +++ b/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 diff --git a/src/templates/projects/landing.pug b/src/templates/projects/landing.pug index e09e0f3..cd8150e 100644 --- a/src/templates/projects/landing.pug +++ b/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 -//- | {% block navbar_secondary %} -//- | {{ projectmacros.render_secondary_navigation(project, pages=pages) }} +| {# Secondary Navigation #} +| {% block navbar_secondary %} +| {{ projectmacros.render_secondary_navigation(project, pages=pages) }} +| {% endblock navbar_secondary %} -//- | {% endblock navbar_secondary %} -.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 +.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="#") - img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-1.jpg") - .thumbnail.expand-image-links - .thumbnail-container - 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") + a(href="{{ n.picture.thumbnail('l', api=api) }}", data-node_id="{{ n._id }}") + img(src="{{ n.picture.thumbnail('l', api=api) }}", alt="{{ n.name }}") + | {% endif %} + | {% endfor %} .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="#") - | See Hero Gallery - img(src="../../static/assets/img/icons/icon-cta-arrow.svg") - + a(href="{{ url_for('projects.view_node', project_url=project.url, node_id=featured_node_id) }}") + | See more + i.pi-angle-right + | {% endif %} + section.node-extra