Fix cropping in image gallery grid. Fix responsive issues on landing page.

This commit is contained in:
Sam Lu
2018-07-27 14:36:45 -05:00
parent 131bb26e9e
commit 929edb9f90
5 changed files with 103 additions and 47 deletions

View File

@@ -154,43 +154,43 @@ header
//- a.btn(href="{{ url_for('projects.view_node', project_url=project.url, node_id=featured_node_id) }}") See more
//- | {% endif %}
.container
.row
.col-4.col-sm-3
.thumbnail.expand-image-links
.thumbnail-container
a(href="#")
//- img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-8.jpg")
img(src="http://placehold.it/260x260")
.col-4.col-sm-3
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-7.jpg")
img(src="http://placehold.it/260x260")
.col-4.col-sm-3
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-6.png")
img(src="http://placehold.it/260x260")
.col-4.col-sm-3
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-5.png")
img(src="http://placehold.it/260x260")
.col-4.col-sm-3
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-4.png")
img(src="http://placehold.it/260x260")
.col-4.col-sm-3
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-3.png")
img(src="http://placehold.it/260x260")
.col-4.col-sm-3
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-2.jpg")
img(src="http://placehold.it/260x260")
.col-4.col-sm-3
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-1.jpg")
img(src="http://placehold.it/260x260")
p.text-center
a(href="#")
| See Hero Gallery
img.cta-arrow(src="../../static/assets/img/icons/icon-cta-arrow.svg")
img(src="../../../static/assets/img/landing-page/gallery/hero-gallery-thumbnail-8.jpg")
.clearfix
p.cta-arrow.text-center
a(href="#")
| See Hero Gallery
img(src="../../static/assets/img/icons/icon-cta-arrow.svg")
@@ -238,10 +238,11 @@ header
h4.card-title
a(href="#") Title
p.card-text Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aspernatur porro similique dolorum id quos dolore!
p.text-center
a(href="#")
| See All Updates
img.cta-arrow(src="../../static/assets/img/icons/icon-cta-arrow.svg")
.clearfix
p.cta-arrow.text-center
a(href="#")
| See All Updates
img(src="../../static/assets/img/icons/icon-cta-arrow.svg")
//- | {% if activity_stream %}
//- .node-updates
//- ul.node-updates-list