chaas/debshots
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Make thumbnails equally high on home page

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

5
app/assets/stylesheets/customisations.scss
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 // Animate the huge logo on the home page

45
app/views/welcome/home.slim
View file

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