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