73 lines
No EOL
2.2 KiB
Text
73 lines
No EOL
2.2 KiB
Text
<div>
|
|
<div class="flex flex--row">
|
|
<div>
|
|
<span class="value">{{ current.temp }}°F</span>
|
|
<span class="label text--gray-4">feels like {{ current.feels_like }}°F</span>
|
|
</div>
|
|
<div class="stretch text--right">
|
|
<span class="value">{{ current.desc }}</span>
|
|
<span class="label text--gray-4">conditions</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex flex--row">
|
|
<div>
|
|
<span class="value">{{ current.humidity }}%</span>
|
|
<span class="label text--gray-4">humidity</span>
|
|
</div>
|
|
<div class="stretch text--center">
|
|
<span class="value">{{ current.pressure }}</span>
|
|
<span class="label text--gray-4">pressure</span>
|
|
</div>
|
|
<div class="text--right">
|
|
<span class="value">{{ fetched_at }}</span>
|
|
<span class="label text--gray-4">date</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border--h-1 pt--4"></div>
|
|
|
|
<div class="pt--4">
|
|
<div class="flex flex--row">
|
|
{% assign periods = "today,tomorrow" | split: "," %}
|
|
{% for period in periods %}
|
|
{% assign data = [period] %}
|
|
<div class="stretch ">
|
|
<div>
|
|
<div class="label label--inverted text--center">{{ period }}</div>
|
|
|
|
<div class="pt--2 text--center">
|
|
<span class="value">
|
|
{{ data.low }}°F / {{ data.high }}°F
|
|
</span>
|
|
</div>
|
|
|
|
<div class="text--center">
|
|
<span class="value">{{ data.desc }}</span>
|
|
</div>
|
|
|
|
<div class="text--center">
|
|
<span class="value">{{ data.sunrise }} - {{ data.sunset }}</span>
|
|
</div>
|
|
|
|
<div class="flex flex--row">
|
|
<div class="text--center">
|
|
<span class="value">{{ data.humidity }}%</span>
|
|
<span class="label text--gray-4">humidity</span>
|
|
</div>
|
|
<div class="stretch text--center">
|
|
<span class="value">{{ data.pressure }}</span>
|
|
<span class="label text--gray-4">pressure</span>
|
|
</div>
|
|
<div class="text--center">
|
|
<span class="value">{{ data.pollen }}%</span>
|
|
<span class="label text--gray-4">pollen</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div> |