Changed home page to card design

This commit is contained in:
Christoph Haas 2020-11-12 19:37:05 +01:00
parent bc84a022fe
commit f1944f25a3

View file

@ -24,43 +24,46 @@
input.button.postfix type="submit" value="Search" input.button.postfix type="submit" value="Search"
- if @newest_upload - if @newest_upload
.grid-container
.grid-x.align-spaced .grid-x.grid-padding-x
.large-3.medium-12.small-12.cell.text-center .small-12.medium-4.cell
h2 Newest upload h2.text-center Newest upload
.thumb-height .pkgcard
.image
a href=package_path(@newest_upload.package.name) a href=package_path(@newest_upload.package.name)
= small_img(@newest_upload) = small_img(@newest_upload)
p .text
strong
=@newest_upload.package.name =@newest_upload.package.name
' : ' :
=@newest_upload.package.description =@newest_upload.package.description
.large-3.medium-12.small-12.cell.text-center
h2 Most popular
.thumb-height .small-12.medium-4.cell
h2.text-center Most popular
.pkgcard
.image
- if @most_popular_package - if @most_popular_package
a href=package_path(@most_popular_package.name) a href=package_path(@most_popular_package.name)
= small_img(@most_popular_package.screenshots.first) = small_img(@most_popular_package.screenshots.first)
- else - else
'No uploaded screenshots yet. 'No uploaded screenshots yet.
p .text
strong =@newest_upload.package.name
=@most_popular_package.name
' : ' :
=@most_popular_package.description =@newest_upload.package.description
.large-3.medium-12.small-12.cell.text-center
h2 Contribute .small-12.medium-4.cell
.thumb-height h2.text-center Your help needed
.pkgcard
.image
- if @most_wanted_package.name - if @most_wanted_package.name
a href=upload_path(@most_wanted_package.name) a href=upload_path(@most_wanted_package.name)
img src="/images/dummy/no-screenshots-upload-one.svg" width="160" img src="/images/dummy/no-screenshots-upload-one.svg" width="160"
- else - else
'No uploaded screenshots yet. 'No uploaded screenshots yet.
p .text
/ TODO: Randomly choose one of ~30 packages
' We lack a screenshot for the ' We lack a screenshot for the
strong =>@most_wanted_package.name strong =>@most_wanted_package.name
' package. Can you ' package. Can you
a href=package_path(@most_wanted_package.name) provide one a href=upload_path(@most_wanted_package.name) provide one
' ? ' ?