-# coding: utf-8
.off-canvas-wrap
  .inner-wrap
    .fixed    
      %nav.top-bar
        %ul.title-area
          %li.name
            %h1 
              %a{href: "#"} rSeed
          %li.toggle-topbar.menu-icon
            %a{href: "#"}
              %span Menu
    %section.main-section{style: "margin-top : 50px;"}
      .row
        .large-12.columns
          %h3{data: {torrent_id: thash}} #{tname}
          %ul.square
            - tfiles.each do |f|
              %li
                %a.dl-file #{f["name"]}
                %span.right #{f["size_bytes"].to_i/1024/1024} Mo
    %a.exit-off-canvas

%script{:src => '/js/vendor/jquery.js'}
%script{:src => '/js/foundation.min.js'}
%script{:src => '/js/notify-combined.min.js'}
%script{:src => '/js/custom_dl.js'}
%script
  $(document).foundation();