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

Restyling

Browse source
This commit is contained in:
Christoph Haas 2018-06-27 18:43:08 +02:00
parent 9d6baa20e5
commit 06b8f92963
21 changed files with 492 additions and 493 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,9 +1,10 @@
#teaser.row
div.large-4.medium-4.small-3.columns
#teaser.grid-container
.grid-x
.large-4.medium-4.small-3.cell
#biglogo
// TODO: vary the logo depending on the virtual host
img src="/images/logos/debian.svg" width="400" alt="Debian logo"
div.large-8.medium-8.small-9.columns
img src="/images/logos/debian.svg" width="300" alt="Debian logo"
.large-8.medium-8.small-9.cell
h1 We have screenshots!
p
' Have you ever wondered how a certain piece of software looks
@ -14,18 +15,19 @@
' software packages coming with
' Debian and other Linux distributions. And of course you are encouraged to upload
' your own screenshots for others to explore.
p
= form_tag(packages_grid_path, method: 'GET')
div.row.collapse.postfix-round
div.small-9.columns
input type="text" name="search" placeholder="Looking for a special software?" autofocus="true"
div.small-3.columns
input.button.postfix type="submit" value="Search"
.input-group
input.input-group-field type="search" name="search" placeholder="Looking for a special software?" autofocus="true"
.input-group-button
input.button.postfix type="submit" value="Search"
div.row
div.large-4.medium-12.small-12.columns.text-center
.grid-container
.grid-x.align-spaced
.large-3.medium-12.small-12.cell.text-center
h2 Newest upload
div.thumb-height
.thumb-height
a href=package_path(@newest_upload.package.name)
= image_tag(@newest_upload.image.url(:thumb, timestamp: false), alt: @newest_upload.caption)
p
@ -33,9 +35,9 @@ div.row
=@newest_upload.package.name
' :
=@newest_upload.package.description
div.large-4.medium-12.small-12.columns.text-center
.large-3.medium-12.small-12.cell.text-center
h2 Most popular
div.thumb-height
.thumb-height
a href=package_path(@most_popular_package.name)
img src=@most_popular_package.screenshots.first.image.url(:thumb, timestamp: false)
p
@ -43,14 +45,15 @@ div.row
=@most_popular_package.name
' :
=@most_popular_package.description
div.large-4.medium-12.small-12.columns.text-center
h2 Your help needed
div.thumb-height
.large-3.medium-12.small-12.cell.text-center
h2 Contribute
.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
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
' ?