{{define "post.html"}}{{template "base.html" .}}{{end}}
{{define "title"}}{{.Post.DisplayTitle}} — {{.BlogTitle}}{{end}}
{{define "meta"}}
  {{if .Post.MetaDescription}}
    <meta name="description" content="{{.Post.MetaDescriptionStr}}">
    <meta property="og:description" content="{{.Post.MetaDescriptionStr}}">
  {{end}}
  {{if and .Post.MetaImage .Post.MetaImageStr}}
    <meta property="og:image" content="{{.Post.MetaImageStr}}">
  {{else if .OGImageURL}}
    <meta property="og:image" content="{{.OGImageURL}}">
  {{else}}
    <meta property="og:image" content="{{.SiteURL}}/static/og.png">
  {{end}}
  {{if .Post.CanonicalURL}}
    <link rel="canonical" href="{{.Post.CanonicalURLStr}}">
  {{end}}
  <meta property="og:title" content="{{.Post.DisplayTitle}}">
  <meta property="og:type" content="article">
  <meta property="og:url" content="{{.SiteURL}}/posts/{{.Post.Slug}}">
  <meta property="article:published_time" content="{{.Post.PublishedDateStr}}">
{{end}}
{{define "content"}}
  <div class="post-header">
    {{if .Post.HasTitle}}
      <h1>{{.Post.TitleStr}}</h1>
    {{end}}
    {{if .Post.MetaDescription}}
      <p class="post-description">{{.Post.MetaDescriptionStr}}</p>
    {{end}}
    <div class="post-weather">
    {{if .Post.PublishedDate}}
      <span>
      <time class="post-date">{{.Post.PublishedDateStr}}</time>
      </span>
      <span>•</span>
    {{end}}
    {{if .Post.Weather}}
      {{.Weather.Icon}}
      <p class="weather-conditions">{{.Weather.Conditions}}</p>
      <p class="weather-temp">{{.Weather.Temperature}}</p>
      •
      <div class="weather-location">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><!-- Icon from Phosphor by Phosphor Icons - https://github.com/phosphor-icons/core/blob/main/LICENSE --><path fill="currentColor" d="M128 68a36 36 0 1 0 36 36a36 36 0 0 0-36-36m0 64a28 28 0 1 1 28-28a28 28 0 0 1-28 28m0-112a84.09 84.09 0 0 0-84 84c0 30.42 14.17 62.79 41 93.62a250 250 0 0 0 40.73 37.66a4 4 0 0 0 4.58 0A250 250 0 0 0 171 197.62c26.81-30.83 41-63.2 41-93.62a84.09 84.09 0 0 0-84-84m37.1 172.23A254.6 254.6 0 0 1 128 227a254.6 254.6 0 0 1-37.1-34.81C73.15 171.8 52 139.9 52 104a76 76 0 0 1 152 0c0 35.9-21.15 67.8-38.9 88.23"/></svg>
      <p>{{.Weather.Location}}</p>
      </div>
    {{end}}
    </div>
    {{if .Post.Tags}}
      <div class="post-tags">
        {{range .Post.TagList}}
          <span class="tag">{{.}}</span>
        {{end}}
      </div>
    {{end}}
  </div>
  <article class="markdown-body">
    {{.RenderedContent}}
  </article>
{{end}}