!!!
%html
  %head
    %meta{charset: 'utf-8'}
    %title Listing of #{url_root}#{url_path}
    %meta{name: 'viewport', content: 'width=device-width, height=device-height, user-scalable=no'}
    :css
      #{include('normalize.css')}
      #{include('common.css')}
      #{include('index.css')}
      #{include('listing.css')}
      #{include('gallery.css')}

    :javascript
      #{include('gallery.js')}
  %body
    - if files.any? { |f| f.media? }
      #gallery!= partial('gallery')
    #listing!= partial('listing', { url_root: url_root, url_path: url_path, directories: directories, files: files })