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