#teaser.row div.large-4.medium-4.small-3.columns #biglogo // TODO: make 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 hr div.row div.large-4.medium-12.small-12.columns.text-center h2 Newest upload // TODO: load actual newest upload and cache it // TODO: link to the package page a.black href=package_path(@newest_uploaded_package.name) img src=@newest_uploaded_package.screenshots.first.image.url(:large, timestamp: false) p strong =@newest_uploaded_package.name ' : ' =@newest_uploaded_package.description div.large-4.medium-12.small-12.columns.text-center h2 Most popular // TODO: load actual most popular package and highest-rated screenshot and cache it // TODO: link to the package page a.black href=package_path(@most_popular_package.name) img src=@most_popular_package.screenshots.first.image.url(:large, 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 // TODO: load actual most popular package without a screenshot and cache it a href=upload_package_by_name_path('firefox') img src="/images/dummy/no-screenshots-upload-one.svg" width="80%" p ' We lack a screenshot for the Firefox package. Can you a href=upload_package_by_name_path('firefox') provide one ' ?