Make thumbnails equally high on home page

This commit is contained in:
Christoph Haas 2018-06-18 17:17:22 +02:00
parent fa9bcbcab3
commit d96a105a50
2 changed files with 29 additions and 21 deletions

View file

@ -77,6 +77,11 @@ body
// }
}
// Make thumbnails equally high
div.thumb-height
{
min-height: 120px;
}
// Animate the huge logo on the home page

View file

@ -25,29 +25,32 @@
div.row
div.large-4.medium-12.small-12.columns.text-center
h2 Newest upload
a.black href=package_path(@newest_upload.package.name)
= image_tag(@newest_upload.image.url(:thumb, timestamp: false), alt: @newest_upload.caption)
p
strong
=@newest_upload.package.name
' :
=@newest_upload.package.description
div.thumb-height
a href=package_path(@newest_upload.package.name)
= image_tag(@newest_upload.image.url(:thumb, timestamp: false), alt: @newest_upload.caption)
p
strong
=@newest_upload.package.name
' :
=@newest_upload.package.description
div.large-4.medium-12.small-12.columns.text-center
h2 Most popular
a.black href=package_path(@most_popular_package.name)
img src=@most_popular_package.screenshots.first.image.url(:thumb, timestamp: false)
p
strong
=@most_popular_package.name
' :
=@most_popular_package.description
div.thumb-height
a href=package_path(@most_popular_package.name)
img src=@most_popular_package.screenshots.first.image.url(:thumb, timestamp: false)
p
strong
=@most_popular_package.name
' :
=@most_popular_package.description
div.large-4.medium-12.small-12.columns.text-center
h2 Your help needed
a href=upload_path(@most_wanted_package.name)
img src="/images/dummy/no-screenshots-upload-one.svg" width="160"
p
' We lack a screenshot for the
strong =>@most_wanted_package.name
' package. Can you
a href=package_path(@most_wanted_package.name) provide one
div.thumb-height
a href=upload_path(@most_wanted_package.name)
img src="/images/dummy/no-screenshots-upload-one.svg" width="160"
p
' We lack a screenshot for the
strong =>@most_wanted_package.name
' package. Can you
a href=package_path(@most_wanted_package.name) provide one
' ?