3 <link rel="icon" type="image/png" href="/static/favicon.png" /> |
3 <link rel="icon" type="image/png" href="/static/favicon.png" /> |
4 <link rel="stylesheet" type="text/css" href="/static/style.css" /> |
4 <link rel="stylesheet" type="text/css" href="/static/style.css" /> |
5 <meta charset='UTF-8' /> |
5 <meta charset='UTF-8' /> |
6 <title>{{nimi}}</title> |
6 <title>{{nimi}}</title> |
7 <style> |
7 <style> |
8 p { text-align: center } |
8 div.stops-in-cluster |
|
9 { |
|
10 margin-left: auto; |
|
11 margin-right: auto; |
|
12 } |
|
13 div.stops-in-cluster ul |
|
14 { |
|
15 columns: 3; |
|
16 } |
9 </style> |
17 </style> |
10 </head> |
18 </head> |
11 <body> |
19 <body> |
12 <h1>{{nimi}}</h1> |
20 <h1><img src="/static/iso-pysäkki.png" height="96" /> <span>{{nimi}}</span></h1> |
13 <p id="pysäkki-info"> |
21 <p id="pysäkki-info"> |
14 <a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a> |
22 <a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a> |
15 </p> |
23 </p> |
16 <p>Pysäkit ryhmässä: |
24 <p>Pysäkit ryhmässä:</p> |
17 <ul> |
25 <div class="stops-in-cluster"> |
18 {% for stop in stops_in_cluster %} |
26 <ul> |
19 <li><a href="/pysäkki/{{stop['id']}}">{{stop['id']}} {{stop['name']}}</a></li> |
27 {% for stop in stops_in_cluster %} |
20 {% endfor %} |
28 <li><a href="/pysäkki/{{stop['id']}}"><img src="/static/pysäkki.png" height="24" /> {{stop['id']}} {{stop['name']}}</a></li> |
21 </ul> |
29 {% endfor %} |
22 </p> |
30 </ul> |
|
31 </div> |
23 <table id='aikataulu' cellspacing="0"> |
32 <table id='aikataulu' cellspacing="0"> |
24 <tr> |
33 <tr> |
25 <th class='sarake-aika'>{{tr('time', 'headings')}}</th> |
34 <th class='sarake-aika'>{{tr('time', 'headings')}}</th> |
26 <th class='sarake-linja'>{{tr('route', 'headings')}}</th> |
35 <th class='sarake-linja'>{{tr('route', 'headings')}}</th> |
27 <th class='sarake-määränpää'>{{tr('destination', 'headings')}}</th> |
36 <th class='sarake-määränpää'>{{tr('destination', 'headings')}}</th> |