!!! %
%html
  %head
    %meta(charset="utf-8")
    %meta(http-equiv="X-UA-Compatible" content="IE=edge")
    %meta(name="viewport" content="width=device-width, initial-scale=1")
    %title Zeitschplitter
    :css
      #{File.read 'app.css'}
    :javascript
      #{File.read 'app.js'}

  %body
    %header
      %h1 Zeitschplitter
      #clock
        .duration 00:00:00.0
        .controls(data-state="loaded")
          .if_loaded
            %button.start ▶
          .if_started
            %button.stop  ■
            %button.split ✁
          .if_stopped
            %button.export ⤓
          .never
            %a.exporthelper(download="schplitter.csv")
    %main
      #TimeList
        %table
          %thead
          %tbody#timelist
    %footer
      Denis Knauf - Zeitschplitter - Stoppuhr für <code>n</code> Teilnehmer