diff options
Diffstat (limited to 'share/single-lcd.html')
-rw-r--r-- | share/single-lcd.html | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/share/single-lcd.html b/share/single-lcd.html new file mode 100644 index 0000000..0f5b9f0 --- /dev/null +++ b/share/single-lcd.html @@ -0,0 +1,121 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" + "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> +<head> + <title></title> + <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/> + <style type="text/css"> + + div.display { + background-color: #0000ff; + color: white; + font-family: Sans-Serif; + font-weight: bold; + position: relative; + margin-left: 1em; + margin-top: 1em; + float: left; + width: 28em; + height: 4.5em; + border: 0.7em solid #000066; + } + + div.display div { + overflow: hidden; + position: absolute; + } + + div.no-data { + top: 0.5em; + left: 1em; + font-size: 2em; + } + + div.time { + top: 0em; + left: 0em; + font-size: 1.7em; + } + + div.train { + left: 0em; + top: 1.8em; + } + + div.via { + top: 1.5em; + left: 5.8em; + width: 17em; + height: 1em; + } + + div.via span { + margin-right: 0.4em; + } + + div.destination { + top: 1.32em; + left: 3.2em; + width: 9.2em; + font-size: 1.8em; + height: 1em; + } + + div.platform { + top: 0em; + right: 0em; + font-size: 3em; + } + + div.info { + top: 0em; + left: 5.8em; + width: 16.5em; + height: 1em; + background-color: white; + color: #0000ff; + } + + </style> +</head> +<body> + +<TMPL_LOOP platform> + +<div class="display"> +<div class="platform"> +<TMPL_VAR platform> +</div> + +<TMPL_IF train> +<div class="time"> +<TMPL_VAR time> +</div> +<div class="train"> +<TMPL_VAR train> +</div> +<div class="via"> +<TMPL_LOOP via> +<span><TMPL_VAR stop></span> +</TMPL_LOOP> +</div> +<div class="destination"> +<TMPL_VAR destination> +</div> +<TMPL_IF info> +<div class="info"> +<TMPL_VAR info> +</div> +</TMPL_IF> +<TMPL_ELSE> +<div class="no-data"> +Bitte Ansage beachten +</div> +</TMPL_IF> + +</div> <!-- display --> + +</TMPL_LOOP> + +</body> +</html> |