| 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 %} |