{% extends "index.html" %}

{# Override base title to use the page-specific title. #}
{% block title %}{{ page.title }}{% endblock title %}

{# Override base meta tags to use page-specific ones. #}
{% block meta %}
  <meta name="description" content="{{ page.description }}">
  <meta property="og:site_name" content="tuckersiemens.com">
  <meta property="og:locale" content="en-us">
  <meta property="og:url" content="{{ page.permalink }}">
  <meta property="og:title" content="{{ page.title }}">
  <meta property="og:description" content="{{ page.description }}">
  <meta content="/logo.png" itemprop="image">
  <meta property="og:image" content="https://tuckersiemens.com/logo.png">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1800">
  <meta property="og:image:height" content="1800">
{% endblock meta %}

{# Override base links to use page-specific ones. #}
{% block links %}
  <link rel="canonical" href="{{ page.permalink }}">
{% endblock links %}

{# Override base content to use page-specific content. #}
{% block content %}
  <main id="content">
    <header>
      <h1>{{ page.title }}</h1>
    </header>
    {{ page.content | safe }}
  </main>
  {% include "footer.html" %}
{% endblock content %}
