javascript:
  function confirmFileDelete(name) {
    $('#deleteFileName').html(name);
    $('#deleteConfirmModal').modal();
  }

  function fileDelete() {
    $('#deleteFilenameInput').val($('#deleteFileName').html());
    $('#deleteFilenameForm').submit();
  }

.row
  .span5.offset1

    h1 Your home page

    - current_site.file_list.each do |file|
      .row
        .span4
          - if file.ext == 'html' || file.ext == 'htm' || file.ext == 'txt' || file.ext == 'js' || file.ext == 'css' || file.ext == 'md'
            span
              <i class="icon-file-alt icon-3x"></i>&nbsp;&nbsp; <font style="font-size: 20pt">#{file.filename}</font>
              - if file.filename == 'index.html'
                p 
                | This is your index file! It is the "default file" that loads when you go to <a href="http://#{current_site.username}.neocities.org">#{current_site.username}.neocities.org</a>. In effect, it's your front page. If you want to change your front page, you need to edit (or overwrite) this file. The default file is always named <b>index.html</b>.<br><br>
            
            div style="margin-bottom: 30px"
              span
                i class="icon-globe" &nbsp;&nbsp;

                a href="http://#{current_site.username}.neocities.org/#{file.filename}" target="_blank" View <br>
              span
                i class="icon-edit" &nbsp;&nbsp;
                a href="/site_files/text_editor/#{file.filename}" Edit with text editor <br>
              span
                i class="icon-edit" &nbsp;&nbsp;
                span Edit with visual editor <small>(coming soon)</small> <br>
              span
                i class="icon-edit" &nbsp;&nbsp;
                span: a href="/site_files/download/#{file.filename}" Download <br>
              span
                i class="icon-trash" &nbsp;&nbsp;
                a href="#" onclick="confirmFileDelete('#{file.filename}')" Delete
          - else
            <i class="icon-picture icon-3x"></i>&nbsp;&nbsp; <font style="font-size: 20pt">#{file.filename}</font>
            div style="margin-bottom: 30px"
              a href="http://#{current_site.username}.neocities.org/#{file.filename}" target="_blank" View <br>
              a href="#" onclick="confirmFileDelete('#{file.filename}')" Delete

    <a href="/site_files/new" class="btn btn-large btn-success">Upload New File</a>
  .span5

    .row
      .span5

        h3 style="color: green": a href="http://#{current_site.username}.neocities.org" target="_blank" http://#{current_site.username}.neocities.org
        br

        .progress.progress-info.progress-striped
          .bar style="width: #{(current_site.total_space / Site::MAX_SPACE) * 100}%"

        h4 You are currently using #{((current_site.total_space.to_f / Site::MAX_SPACE) * 100).round(1)}% (#{(current_site.total_space.to_f / 2**20).round(2)}MB) of your #{(Site::MAX_SPACE.to_f / 2**20).to_i}MB of free space.
    
    .row style="margin-top: 20px"
      .span5
        h4: a href="/site_files/#{current_site.username}.zip" Download Entire Site

form method="POST" action="/site_files/delete" id="deleteFilenameForm"
  input name="csrf_token" type="hidden" value="#{csrf_token}"
  input type="hidden" id="deleteFilenameInput" name="filename"

.modal.hide.fade id="deleteConfirmModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmModalLabel" aria-hidden="true"
  .modal-header
    button.close type="button" data-dismiss="modal" aria-hidden="true" x
    h3 id="deleteConfirmModalLabel" Confirm delete of file
  .modal-body
    p You are about to delete the file <span id="deleteFileName"></span>. Are you sure?
  .modal-footer
    button.btn data-dismiss="modal" aria-hidden="true" Cancel
    button.btn.btn-danger onclick="fileDelete()" Delete