Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
| Rivi 32: | Rivi 32: | ||
out += '<div class="row Xalign-items-center mt-4">'; | out += '<div class="row Xalign-items-center mt-4">'; | ||
out += '<div class="col col-12 col-sm- | out += '<div class="col col-12 col-sm-4 col-md-3 text-center">'; | ||
out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; Xbackground-color: var(--syke-green); font-size: 56px; display: flex; justify-content: center; align-items: center; flex-direction: column;">+15°</div>'; | out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; Xbackground-color: var(--syke-green); font-size: 56px; display: flex; justify-content: center; align-items: center; flex-direction: column;">+15°</div>'; | ||
out += '<h2 class="h5">Pintaveden<br />lämpötila</h2>'; | out += '<h2 class="h5">Pintaveden<br />lämpötila</h2>'; | ||
out += '</div>'; | out += '</div>'; | ||
out += '<div class="col col-12 col-sm- | out += '<div class="col col-12 col-sm-4 col-md-3 text-center">'; | ||
out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; background-color: var(--syke-green);"></div>'; | out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; background-color: var(--syke-green);"></div>'; | ||
out += '<h2 class="h5">Ei sinilevää</h2>'; | out += '<h2 class="h5">Ei sinilevää</h2>'; | ||
out += '</div>'; | out += '</div>'; | ||
out += '<div class="col col-12 col-sm- | out += '<div class="col col-12 col-sm-4 col-md-3 text-center">'; | ||
out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; background-color: #fff;"></div>'; | out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; background-color: #fff;"></div>'; | ||
out += '<h2 class="h5">Ei jäätä</h2>'; | out += '<h2 class="h5">Ei jäätä</h2>'; | ||
out += '</div>'; | out += '</div>'; | ||
out += '<div class="col col-12 col-sm- | out += '<div class="col col-12 col-sm-4 col-md-3 text-center">'; | ||
out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; background-color: #fff;"></div>'; | out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; background-color: #fff;"></div>'; | ||
out += '<h2 class="h5">Ei jäätä</h2>'; | out += '<h2 class="h5">Ei jäätä</h2>'; | ||


