summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorDaniel Friesel <derf@finalrewind.org>2015-08-13 22:27:32 +0200
committerDaniel Friesel <derf@finalrewind.org>2015-08-13 22:27:32 +0200
commit146f9df71bfb6f883ba557510dc282458348e260 (patch)
tree09333c42ddf21ec4a08b55fe38321648cd3795f2 /templates
parentc996e2abf0b0830fbe3539c25ff4fe25e33a165d (diff)
make landing page mobile-accessible (also, HTML5 forms!)
Diffstat (limited to 'templates')
-rw-r--r--templates/exception.html.ep1
-rw-r--r--templates/main.html.ep14
-rw-r--r--templates/not_found.html.ep1
3 files changed, 12 insertions, 4 deletions
diff --git a/templates/exception.html.ep b/templates/exception.html.ep
index dfa71e1..18a1402 100644
--- a/templates/exception.html.ep
+++ b/templates/exception.html.ep
@@ -3,6 +3,7 @@
<head>
<title>vrr-fakedisplay</title>
<meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
%= stylesheet '/main.css'
</head>
<body>
diff --git a/templates/main.html.ep b/templates/main.html.ep
index 8d17e64..151ae88 100644
--- a/templates/main.html.ep
+++ b/templates/main.html.ep
@@ -3,6 +3,7 @@
<head>
<title><%= $title %></title>
<meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
%= stylesheet '/main.css'
%= javascript '/jquery-2.1.1.min.js'
%= javascript '/image.js'
@@ -102,9 +103,14 @@ other German transit networks.
%= form_for _redirect => begin
<div>
<div class="field">
- <div class="desc">City &rarr; Stop</div>
+ <div class="desc">Stadt</div>
<div>
%= text_field 'city'
+ </div>
+ </div>
+ <div class="field">
+ <div class="desc">Haltestelle</div>
+ <div>
%= text_field 'stop'
%= submit_button 'Display'
</div>
@@ -113,15 +119,15 @@ other German transit networks.
<span class="optional">optional:</span>
<div class="field">
<div class="desc" title="number of lines">
- display height [1..10]</div>
+ display height</div>
<div>
- %= text_field 'no_lines'
+ %= number_field 'no_lines', min => 1, max => 10
</div>
</div>
<div class="field">
<div class="desc">min. offset [minutes]</div>
<div>
- %= text_field 'offset'
+ %= number_field 'offset', min => 0
</div>
</div>
<div class="field">
diff --git a/templates/not_found.html.ep b/templates/not_found.html.ep
index 35255b3..8d4883b 100644
--- a/templates/not_found.html.ep
+++ b/templates/not_found.html.ep
@@ -3,6 +3,7 @@
<head>
<title>vrr-fakedisplay</title>
<meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
%= stylesheet '/main.css'
</head>
<body>