<!DOCTYPE html> <html lang="de"> <head> <title><%= stash('title') // 'DBF' %></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content="Abfahrtsmonitor, Bahnhofstafel, Abfahrten, Abfahrtstafel, ICE, IC, RE, RB, S-Bahn"> <meta name="description" content="Inoffizieller Abfahrtsmonitor für Bahnhöfe der DB"> <link rel="icon" type="image/png" href="/static/icons/icon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/static/icons/icon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/static/icons/icon-96x96.png" sizes="96x96"> <link rel="apple-touch-icon" href="/static/icons/icon-120x120.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/icons/icon-180x180.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static/icons/icon-152x152.png"> <link rel="apple-touch-icon" sizes="167x167" href="/static/icons/icon-167x167.png"> % if ($self->stash('refresh_interval')) { <meta http-equiv="refresh" content="<%= $self->stash('refresh_interval') %>"/> % } % my $av = 'v104'; # asset version %= stylesheet "/static/${av}/css/legacy.css" %= stylesheet "/static/${av}/css/material-icons.css" %= stylesheet "/static/${av}/css/jquery-ui.min.css" % my $force_mobile = param('force_mobile') // stash('force_mobile'); % if ($force_mobile) { %= stylesheet "/static/${av}/css/legacy-mobile.css" % } %if (stash('load_marquee')) { %= javascript '/static/js/jquery-3.4.1.min.js' %= javascript "/static/${av}/js/jquery-ui.min.js" %= javascript "/static/${av}/js/dbf.min.js" % if (not stash('hide_opts')) { %= javascript "/dyn/${av}/autocomplete.js", defer => undef % } %= javascript "/static/${av}/js/marquee.min.js" %= javascript begin $(function () { $('marquee').marquee() }); % end % } else { %= javascript '/static/js/jquery-3.4.1.min.js', defer => undef %= javascript "/static/${av}/js/jquery-ui.min.js", defer => undef %= javascript "/static/${av}/js/dbf.min.js", defer => undef % } </head> <body style="<%= (param('dark') ? 'background-color: #000000; color: #ffffff;' : q{}) %>"> <div class="container"> % if (my $error = stash 'error') { <div class="error"><strong>Backend-Fehler:</strong> <pre> %= $error </pre> </div> % } % elsif (stash('stationlist')) { <div class="error"><strong>Mehrdeutige Eingabe.</strong> Bitte eine Station aus der Liste auswählen</div> % } </div> <div class="content"> %= content </div> </body> </html>