1 <html> |
1 <html> |
2 <head> |
2 <head> |
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 <meta http-equiv='refresh' content='60'> |
6 <title>{{name}}</title> |
7 <title>{{name}}</title> |
7 {% if amount_of_stops_in_cluster >= 5 %} |
8 {% if amount_of_stops_in_cluster >= 5 %} |
8 <style> |
9 <style> |
9 div.stops-in-cluster |
10 div.stops-in-cluster |
10 { |
11 { |
33 background-size: cover; |
34 background-size: cover; |
34 }*/ |
35 }*/ |
35 </style> |
36 </style> |
36 </head> |
37 </head> |
37 <body> |
38 <body> |
38 <h1><img src="/static/iso-pysäkki.png" height="96" /> <span>{{name}}</span></h1> |
39 <h1><img src="/static/pysäkki.png" height="96" /> <span>{{name}}</span></h1> |
39 <p id="pysäkki-info"> |
40 <p id="pysäkki-info"> |
40 <a class="pysäkki-sijainti" href="{{link_to_map}}" target="_blank">📌 ({{location}})</a> |
41 <a class="pysäkki-sijainti" href="{{link_to_map}}" target="_blank">📌 ({{location}})</a> |
41 </p> |
42 </p> |
42 <p>{{tr('stops-in-cluster', 'misc-text')}}:</p> |
|
43 <div class="stops-in-cluster"> |
43 <div class="stops-in-cluster"> |
44 <ul> |
44 <ul> |
45 {% for stop in stops_in_cluster %} |
45 {% for stop in stops_in_cluster %} |
46 <li><a href="/pysäkki/{{stop['id']}}"><img src="/static/pysäkki.png" height="24" /> {{stop['code']}} {{stop['name']}}</a></li> |
46 <li><a href="/pysäkki/{{stop['id']}}"><img src="/static/pysäkki.png" height="24" /> {{stop['code']}} {{stop['name']}}</a></li> |
47 {% endfor %} |
47 {% endfor %} |