archive/blender-cloud
0
1
Fork 1
Code Issues 24 Pull Requests Projects Releases Wiki Activity

WIP on landing page

Browse Source
This commit is contained in:
Francesco Siddi
2018-08-05 14:20:06 +02:00
parent aa40e8903b
commit 1bf90a6f6e
2 changed files with 31 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/styles/project-landing.sass
View File

@@ -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

102
src/templates/projects/landing.pug
View File

@@ -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