From bab0e1e7e6e94f1bb24354551522ad9eb111a13e Mon Sep 17 00:00:00 2001 From: Daniel Friesel Date: Sat, 15 Aug 2015 13:25:19 +0200 Subject: now with acceptable mobile browser support \o/ --- index.pl | 1 + public/mobile.css | 23 +++++++++++++++++++++++ templates/layouts/default.html.ep | 4 ++++ 3 files changed, 28 insertions(+) create mode 100644 public/mobile.css diff --git a/index.pl b/index.pl index 52f7851..1197fc5 100644 --- a/index.pl +++ b/index.pl @@ -684,4 +684,5 @@ app->config( ); app->types->type( json => 'application/json; charset=utf-8' ); +app->plugin('browser_detect'); app->start(); diff --git a/public/mobile.css b/public/mobile.css new file mode 100644 index 0000000..bd03fb4 --- /dev/null +++ b/public/mobile.css @@ -0,0 +1,23 @@ +body { + margin: 0; +} + +div.displayclean > ul > li { + font-size: 35%; +} + +div.displayclean li .moreinfo { + font-size: 2.6em; +} + +p, +div.input-field, +div.notes { + max-width: 94%; + margin-left: auto; + margin-right: auto; +} + +p { + text-align: justify; +} diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep index f7c9622..ff7fe41 100644 --- a/templates/layouts/default.html.ep +++ b/templates/layouts/default.html.ep @@ -3,12 +3,16 @@ <%= stash('title') // 'db-infoscreen' %> + % if ($self->stash('refresh_interval')) { % } %= stylesheet '/default.css' +% if ($self->browser->mobile) { + %= stylesheet '/mobile.css' +% } %= javascript '/jquery-1.10.2.min.js' %= javascript '/collapse.js' %= javascript '/marquee.js' -- cgit v1.2.3