Mercurial > bus-service / file revision
templates/cluster.html@3a495bc4b7b5
templates/cluster.html
Tue, 20 Jun 2017 09:39:42 +0300
- author
- Teemu Piippo <teemu@hecknology.net>
- date
- Tue, 20 Jun 2017 09:39:42 +0300
- changeset 23
- 3a495bc4b7b5
- parent 22
- 3d094a804af8
- child 24
- e6bdb9c54096
- permissions
- -rw-r--r--
optimointia
<html> <head> <link rel="icon" type="image/png" href="/static/favicon.png" /> <link rel="stylesheet" type="text/css" href="/static/style.css" /> <meta charset='UTF-8' /> <title>{{nimi}}</title> <style> div.stops-in-cluster { margin-left: auto; margin-right: auto; } div.stops-in-cluster ul { columns: 2; } div.stops-in-cluster li { text-align: center; }/* body { background: url('/static/tausta-pysäkki.png') no-repeat center center fixed; background-size: cover; }*/ </style> </head> <body> <h1><img src="/static/iso-pysäkki.png" height="96" /> <span>{{nimi}}</span></h1> <p id="pysäkki-info"> <a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a> </p> <p>Pysäkit ryhmässä:</p> <div class="stops-in-cluster"> <ul> {% for stop in stops_in_cluster %} <li><a href="/pysäkki/{{stop['id']}}"><img src="/static/pysäkki.png" height="24" /> {{stop['id']}} {{stop['name']}}</a></li> {% endfor %} </ul> </div> <table class='aikataulu' cellspacing="0"> <tr> <th class='sarake-aika'>{{tr('time', 'headings')}}</th> <th class='sarake-linja'>{{tr('route', 'headings')}}</th> <th class='sarake-määränpää'>{{tr('destination', 'headings')}}</th> <th class='sarake-pysäkki'>{{tr('bus-stop', 'headings')}}</th> </tr> {% for rivi in aikataulu %} <tr class="{% if rivi['yö'] %} yö {% endif %}"> <td class='sarake-aika'>{{rivi['aika']}}</td> <td class='sarake-linja linja'> <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['linja']}}</a> </td> <td class='sarake-määränpää'> <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a> </td> <td class='sarake-pysäkki'> <a href="/pysäkki/{{rivi['stop_id']}}"><img src="/static/pysäkki.png" height="24" /> {{rivi['stop_id']}}</a> </td> </tr> {% endfor %} </table> </body> </html>
