Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
| Rivi 87: | Rivi 87: | ||
if ( jw.obstype[ 'temp' ].count > 0 ) { | if ( jw.obstype[ 'temp' ].count > 0 ) { | ||
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="width: 84px; height: 84px; margin: auto; border-radius: 50%; background-color: none; font-size: | 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="height: 60px; display: flex; justify-content: center; align-items: center; flex-direction: column;"><span class="h6" style="margin: 0;">Pintaveden<br />lämpötila</span></div>'; | out += '<div style="height: 60px; display: flex; justify-content: center; align-items: center; flex-direction: column;"><span class="h6" style="margin: 0;">Pintaveden<br />lämpötila</span></div>'; | ||
out += '</div>'; | out += '</div>'; | ||
| Rivi 111: | Rivi 111: | ||
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="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;">'; | ||
out += '<div style="font-size: | out += '<div style="font-size: 36px;">' + Math.round( jw.obstype[ 'ice' ].mean ) + '</div>'; | ||
out += '<div style="font-size: 24px; margin-top: -20px;">cm</div>'; | out += '<div style="font-size: 24px; margin-top: -20px;">cm</div>'; | ||
out += '</div>'; | out += '</div>'; | ||
| Rivi 124: | Rivi 124: | ||
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="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;">'; | ||
out += '<div style="font-size: | out += '<div style="font-size: 36px;">' + ( Math.round( jw.obstype[ 'secchi' ].mean * 10 ) / 10 ).toString().replace( '.', ',' ) + '</div>'; | ||
out += '<div style="font-size: 24px; margin-top: -20px;">m</div>'; | out += '<div style="font-size: 24px; margin-top: -20px;">m</div>'; | ||
out += '</div>'; | out += '</div>'; | ||


