Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
| Rivi 88: | Rivi 88: | ||
out += '<div class="col col-6 col-sm-4 col-md-2 text-center">'; | out += '<div class="col col-6 col-sm-4 col-md-2 text-center">'; | ||
out += '<div style="height: | out += '<div style="height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: column;"><span style="margin: 0;">' + jw.obstype[ 'temp' ].newest.inRelationToToday() + '</span></div>'; | ||
out += '<div style="width: 84px; height: 84px; margin: auto; border-radius: 50%; background-color: none; font-size: 44px; display: flex; justify-content: center; align-items: center; flex-direction: column;">+' + Math.round( jw.obstype[ 'temp' ].mean ) + '°</div>'; | out += '<div style="width: 84px; height: 84px; margin: auto; border-radius: 50%; background-color: none; font-size: 44px; display: flex; justify-content: center; align-items: center; flex-direction: column;">+' + Math.round( jw.obstype[ 'temp' ].mean ) + '°</div>'; | ||
| Rivi 103: | Rivi 103: | ||
out += '<div class="col col-6 col-sm-4 col-md-2 text-center">'; | out += '<div class="col col-6 col-sm-4 col-md-2 text-center">'; | ||
out += '<div style="height: | out += '<div style="height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: column;"><span style="margin: 0;">' + jw.obstype[ 'alg' ].newest.inRelationToToday() + '</span></div>'; | ||
out += '<div style="width: 84px; height: 84px; margin: auto; border-radius: 50%; background-color: ' + algcolor[ algmean ] + ';"></div>'; | out += '<div style="width: 84px; height: 84px; margin: auto; border-radius: 50%; background-color: ' + algcolor[ algmean ] + ';"></div>'; | ||
| Rivi 117: | Rivi 117: | ||
out += '<div class="col col-6 col-sm-4 col-md-2 text-center">'; | out += '<div class="col col-6 col-sm-4 col-md-2 text-center">'; | ||
out += '<div style="height: | out += '<div style="height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: column;"><span style="margin: 0;">' + jw.obstype[ 'ice' ].newest.inRelationToToday() + '</span></div>'; | ||
out += '<div style="width: 84px; height: 84px; margin: auto; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column;">'; | out += '<div style="width: 84px; height: 84px; margin: auto; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column;">'; | ||
| Rivi 133: | Rivi 133: | ||
out += '<div class="col col-6 col-sm-4 col-md-2 text-center">'; | out += '<div class="col col-6 col-sm-4 col-md-2 text-center">'; | ||
out += '<div style="height: | out += '<div style="height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: column;"><span style="margin: 0;">' + jw.obstype[ 'secchi' ].newest.inRelationToToday() + '</span></div>'; | ||
out += '<div style="width: 84px; height: 84px; margin: auto; border-radius: 50%; background-color: none; display: flex; justify-content: center; align-items: center; flex-direction: column;">'; | out += '<div style="width: 84px; height: 84px; margin: auto; border-radius: 50%; background-color: none; display: flex; justify-content: center; align-items: center; flex-direction: column;">'; | ||


