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 <title>{{name}}</title> |
6 <title>{{name}}</title> |
|
7 {% if amount_of_stops_in_cluster >= 5 %} |
7 <style> |
8 <style> |
8 div.stops-in-cluster |
9 div.stops-in-cluster |
9 { |
10 { |
10 margin-left: auto; |
11 margin-left: auto; |
11 margin-right: auto; |
12 margin-right: auto; |
12 } |
13 } |
13 div.stops-in-cluster ul |
14 div.stops-in-cluster ul |
14 { |
15 { |
15 columns: 2; |
16 columns: 3; |
16 } |
17 } |
|
18 </style> |
|
19 {% endif %} |
|
20 <style> |
17 div.stops-in-cluster li |
21 div.stops-in-cluster li |
18 { |
22 { |
19 text-align: center; |
23 text-align: center; |
20 }/* |
24 } |
|
25 /* |
21 body |
26 body |
22 { |
27 { |
23 background: url('/static/tausta-pysäkki.png') no-repeat center center fixed; |
28 background: url('/static/tausta-pysäkki.png') no-repeat center center fixed; |
24 background-size: cover; |
29 background-size: cover; |
25 }*/ |
30 }*/ |
26 </style> |
31 </style> |
27 </head> |
32 </head> |
28 <body> |
33 <body> |
29 <h1><img src="/static/iso-pysäkki.png" height="96" /> <span>{{name}}</span></h1> |
34 <h1><img src="/static/iso-pysäkki.png" height="96" /> <span>{{name}}</span></h1> |
30 <p id="pysäkki-info"> |
35 <p id="pysäkki-info"> |
31 <a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{location}})</a> |
36 <a class="pysäkki-sijainti" href="{{link_to_map}}" target="_blank">📌 ({{location}})</a> |
32 </p> |
37 </p> |
33 <p>Pysäkit ryhmässä:</p> |
38 <p>Pysäkit ryhmässä:</p> |
34 <div class="stops-in-cluster"> |
39 <div class="stops-in-cluster"> |
35 <ul> |
40 <ul> |
36 {% for stop in stops_in_cluster %} |
41 {% for stop in stops_in_cluster %} |