andwati.com/templates/section.html

{% extends "index.html" %}

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

{# Override base meta tags to use page-specific ones. #}
{% block meta %}
  <meta name="description" content="{{ section.description }}">
  <meta property="og:site_name" content="andwati.github.io">
  <meta property="og:locale" content="en-us">
  <meta property="og:url" content="{{ section.permalink }}">
  <meta property="og:title" content="{{ section.title }}">
  <meta property="og:description" content="{{ section.description }}">
  <meta property="og:image" content="https://andwati.github.io/self.webp">
  <meta property="twitter:card" content="summary">
  <meta property="twitter:site" content="@andwati_">
  <meta property="twitter:title" content="{{ section.title }}">
  <meta property="twitter:description" content="{{ section.description }}">
  <meta property="twitter:image" content="https://andwati.github.io/self.webp">
{% endblock meta %}

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

{# Override base content to use section-specific content. #}
{% block content %}
  <main>
    <header>
      <h1>{{ section.title }}</h1>
    </header>
    {{ section.content | safe }}
  </main>
{% endblock content %}