|
|
@ -7,7 +7,7 @@
|
|
|
|
@media print {
|
|
|
|
@media print {
|
|
|
|
@page {
|
|
|
|
@page {
|
|
|
|
size: A4;
|
|
|
|
size: A4;
|
|
|
|
margin: 0.5cm 1cm 1cm 1cm;
|
|
|
|
margin: 0.5cm 1cm 2cm 1cm;
|
|
|
|
@bottom-left {
|
|
|
|
@bottom-left {
|
|
|
|
content: counter(page);
|
|
|
|
content: counter(page);
|
|
|
|
font-family: "Cormorant SC";
|
|
|
|
font-family: "Cormorant SC";
|
|
|
@ -34,7 +34,7 @@
|
|
|
|
font-size: 100%;
|
|
|
|
font-size: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
font-family: "Cormorant";
|
|
|
|
font-family: "Cormorant Garamond";
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -192,19 +192,18 @@
|
|
|
|
<div class="weatherday">
|
|
|
|
<div class="weatherday">
|
|
|
|
<h6>Today</h6>
|
|
|
|
<h6>Today</h6>
|
|
|
|
% for period in forecast:
|
|
|
|
% for period in forecast:
|
|
|
|
% if daycount <= 4:
|
|
|
|
% if daycount <= 3:
|
|
|
|
% if period["day"] != curr_day:
|
|
|
|
% if period["day"] != curr_day:
|
|
|
|
|
|
|
|
<%
|
|
|
|
|
|
|
|
daycount += 1
|
|
|
|
|
|
|
|
curr_day = period["day"]
|
|
|
|
|
|
|
|
%>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="weatherday">
|
|
|
|
<div class="weatherday">
|
|
|
|
<h6>${period["day"]}</h6>
|
|
|
|
<h6>${period["day"]}</h6>
|
|
|
|
% endif
|
|
|
|
% endif
|
|
|
|
<%
|
|
|
|
|
|
|
|
if forecast[loop.index]["day"] != curr_day:
|
|
|
|
|
|
|
|
daycount += 1
|
|
|
|
|
|
|
|
curr_day = forecast[loop.index]["day"]
|
|
|
|
|
|
|
|
%>
|
|
|
|
|
|
|
|
<div class="weatherperiod">
|
|
|
|
<div class="weatherperiod">
|
|
|
|
<img src="${period['symbol']}" />
|
|
|
|
<img src="file://${period['symbol']}" />
|
|
|
|
<p class="weathertime">${period["period"]}</p>
|
|
|
|
<p class="weathertime">${period["period"]}</p>
|
|
|
|
<p class="weathertemp">${period["mintemp"]} – ${period["maxtemp"]}</p>
|
|
|
|
<p class="weathertemp">${period["mintemp"]} – ${period["maxtemp"]}</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|