#teaser.row
  div.large-4.medium-4.small-3.columns
    #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
    h1 We have screenshots!
    p
      ' Have you ever wondered how a certain piece of software looks
      ' and works before spending time installing it?
    p
      ' This website lets you browse screenshots of
      => number_with_delimiter(@package_count)
      ' 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"

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.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.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
      ' ?