diff options
Diffstat (limited to 'cgi/templates/display.html.ep')
-rw-r--r-- | cgi/templates/display.html.ep | 59 |
1 files changed, 4 insertions, 55 deletions
diff --git a/cgi/templates/display.html.ep b/cgi/templates/display.html.ep index 02f974c..e65fdc9 100644 --- a/cgi/templates/display.html.ep +++ b/cgi/templates/display.html.ep @@ -3,62 +3,11 @@ <head> <title><%= $title %></title> <meta charset="utf-8"> - <style type="text/css"> - - @font-face { - font-family: VRRR; - src: url('/VRRR.ttf'); - } - - body { - font-family: VRRR; - background-color: #000000; - color: #<%= join(q{}, map { sprintf('%02x', $_) } @{$color} ) %>; - font-size: <%= $scale * 100 %>%; - } - - div.outer { - width: 12em; - margin-left: auto; - margin-right: auto; - } - - div.row { - position: relative; - margin-bottom: 0; - margin-top: 0; - padding-bottom: 0; - padding-top: 0; - width: 12em; - height: 0.68em; - } - - div.row div { - overflow: hidden; - position: absolute; - height: 100%; - } - - div.line { - left: 0; - width: 13%; - } - - div.dest { - left: 14%; - width: 67%; - } - - div.time { - right: 0; - width: 19%; - text-align: right; - } - - </style> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> + %= stylesheet '/display.css' + %= javascript '/jquery-2.1.1.min.js' </head> -<body> +<body style="color: #<%= join(q{}, map { sprintf('%02x', $_) } @{$color} ) %>; + font-size: <%= $scale * 100 %>%;"> <div class="outer"> % for my $d (@{$departures}) { |