diff options
| author | Daniel Friesel <derf@finalrewind.org> | 2015-08-15 13:25:19 +0200 |
|---|---|---|
| committer | Daniel Friesel <derf@finalrewind.org> | 2015-08-15 13:25:19 +0200 |
| commit | bab0e1e7e6e94f1bb24354551522ad9eb111a13e (patch) | |
| tree | cc1a5f3ef2284f0925c92a327820848799110e5d | |
| parent | b2269e12a75dc724dd1194444a0b894919553fa3 (diff) | |
now with acceptable mobile browser support \o/
| -rw-r--r-- | index.pl | 1 | ||||
| -rw-r--r-- | public/mobile.css | 23 | ||||
| -rw-r--r-- | templates/layouts/default.html.ep | 4 |
3 files changed, 28 insertions, 0 deletions
@@ -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 @@ <head> <title><%= stash('title') // 'db-infoscreen' %></title> <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> % if ($self->stash('refresh_interval')) { <meta http-equiv="refresh" content="<%= $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' |