Skip to content

Instantly share code, notes, and snippets.

@grahams
Created September 7, 2025 19:11
Show Gist options
  • Select an option

  • Save grahams/785ebfa6c7a32fef482e5ac6916dc538 to your computer and use it in GitHub Desktop.

Select an option

Save grahams/785ebfa6c7a32fef482e5ac6916dc538 to your computer and use it in GitHub Desktop.
<div class="view view--quadrant">
<div class="layout">
<div class="grid grid--cols-2">
<div class="grid">
<div class="col">
<div class="item">
<div class="content">
<img class="image w--min-10 w--max-10 h--min-10 h--max-10" src="{{ weather_50266.weather_image }}" />
</div>
</div>
<div class="item">
<div id="overallPollenRisk" class="content">
</div>
</div>
</div>
</div>
<div class="grid">
<div class="col gap--space-between">
<div class="item">
<div class="meta"></div>
<div class="content">
<span class="value value--large" data-fit-value="true">{{ weather_50266.temperature | round }}°</span>
<span class="label">{{ weather_50266.conditions }}</span>
</div>
</div>
<div class="item">
<div class="meta"></div>
<div class="content">
<span class="label">{{ weather_50266.forecast.today.mintemp }}° - {{ weather_50266.forecast.today.maxtemp }}°</span>
<span class="label">UV {{ weather_50266.forecast.today.uv_index }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="title_bar">
<img class="image" src="{{ trmnl.base_url }}/images/plugins/weather--render.svg" />
<h1 class="title">Weather</h1>
<span class="instance">{{ instance_name }}</span>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment