thermokarst/trmnl-report
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

initial template

Browse source
This commit is contained in:
Matthew Ryan Dillon 2025-05-26 20:03:48 -04:00
parent b91d530f0b
commit cfd49318cd
1 changed files with 94 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

94
template.liquid Normal file
View file

@ -0,0 +1,94 @@
<div class="columns">
<div class="column">
<span class="title title--small text--gray-4 text--center">fetched: {{ fetched_at }}</span>
{% for pollen in pollen %}
<span class="title title--small bg--black text--white text--center">pollen index</span>
<div class="richtext gap--xxsmall">
<p class="content content--small">forecast at {{pollen.forecast_date}}</p>
</div>
<table class="table table--condensed">
<thead>
<tr>
{% for period in pollen.periods %}
<th><span class="label label--small text--center">{{period.period}}</span></th>
{% endfor %}
</tr>
</thead>
<tbody>
<tr>
{% for period in pollen.periods %}
<td><span class="label label--small text--center">{{period.index}}</span></td>
{% endfor %}
</tr>
</tbody>
</table>
{% endfor %}
{% for weather in weather %}
<span class="title title--small bg--black text--white text--center">weather forecast</span>
<div class="richtext gap--xxsmall">
<p class="content content--small">forecast at {{weather.forecast_date}}</p>
</div>
<table class="table table--condensed">
<thead>
<tr>
<th><span class="label label--small w--16"></span></th>
{% for period in weather.periods %}
<th><span class="label label--small w--16 text--center">{{period.period}}</span></th>
{% endfor %}
</tr>
</thead>
<tbody>
<tr>
<td><span class="label label--small text--right">low</span></td>
{% for period in weather.periods %}
<td><span class="label label--small text--center">{{period.low}} F</span></td>
{% endfor %}
</tr>
<tr>
<td><span class="label label--small text--right">high</span></td>
{% for period in weather.periods %}
<td><span class="label label--small text--center">{{period.high}} F</span></td>
{% endfor %}
</tr>
<tr>
<td><span class="label label--small text--right">humidity</span></td>
{% for period in weather.periods %}
<td><span class="label label--small text--center">{{period.humidity}}%</span></td>
{% endfor %}
</tr>
<tr>
<td><span class="label label--small text--right">pressure</span></td>
{% for period in weather.periods %}
<td><span class="label label--small text--center">{{period.pressure}}</span></td>
{% endfor %}
</tr>
<tr>
<td><span class="label label--small text--right">sunrise</span></td>
{% for period in weather.periods %}
<td><span class="label label--small text--center">{{period.sunrise}}</span></td>
{% endfor %}
</tr>
<tr>
<td><span class="label label--small text--right">sunset</span></td>
{% for period in weather.periods %}
<td><span class="label label--small text--center">{{period.sunset}}</span></td>
{% endfor %}
</tr>
<tr>
<td><span class="label label--small text--right">desc</span></td>
{% for period in weather.periods %}
<td><span class="label label--small h--10 clamp--none text--center">{{period.desc}}</span></td>
{% endfor %}
</tr>
</tbody>
</table>
{% endfor %}
</div>
<div class="column">
{{ Content for column 2 }}
</div>
<div class="column">
{{ Content for column 3 }}
</div>
</div>