summaryrefslogtreecommitdiff
path: root/cgi/templates
diff options
context:
space:
mode:
Diffstat (limited to 'cgi/templates')
-rw-r--r--cgi/templates/display.html.ep74
-rw-r--r--cgi/templates/main.html.ep14
2 files changed, 88 insertions, 0 deletions
diff --git a/cgi/templates/display.html.ep b/cgi/templates/display.html.ep
new file mode 100644
index 0000000..b61dabf
--- /dev/null
+++ b/cgi/templates/display.html.ep
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<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: #ffd000;
+ font-size: 430%;
+ }
+
+ 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>
+</head>
+<body>
+
+<div class="outer">
+% for my $d (@{$departures}) {
+<div class="row">
+<div class="line"> <%= $d->[0] %> </div>
+<div class="dest"> <%= $d->[1] %> </div>
+<div class="time"> <%= $d->[2] %> </div>
+</div> <!-- row -->
+% }
+</div> <!-- outer -->
+
+</body>
+</html>
diff --git a/cgi/templates/main.html.ep b/cgi/templates/main.html.ep
index 6686ff6..821824a 100644
--- a/cgi/templates/main.html.ep
+++ b/cgi/templates/main.html.ep
@@ -9,6 +9,10 @@
font-family: Sans-Serif;
}
+ iframe {
+ border: none;
+ }
+
div.about {
margin-top: 2em;
color: #666666;
@@ -57,9 +61,15 @@
<body>
% if ($city and $stop) {
+% if ($frontend eq 'png') {
<img src="../<%= $city %>/<%= $stop %>.png?<%= $params %>" alt=""
id="display" height="<%= $height * 4 %>" width="<%= $width * 4 %>"/>
% }
+% elsif ($frontend eq 'html') {
+<iframe src="/<%= $city %>/<%= $stop %>.html?<%= $params %>"
+height="<%= $height * 5 %>" width="<%= $width * 5 %>"></iframe>
+% }
+% }
% else {
<p>
@@ -116,6 +126,10 @@ other German transit networks.
<div class="desc">backend</div>
<div><%= select_field backend => [['EFA (VRR)' => 'vrr'], ['HAFAS (DB)' => 'db']] %></div>
</div>
+ <div class="field">
+ <div class="desc">frontend</div>
+ <div><%= select_field frontend => [['Image (PNG)' => 'png'], ['HTML' => 'html']] %></div>
+ </div>
</div>
<% end %>