templates: Generate more specific page titles

Remove useless coloring from lightbox close button.

sass/style.scss

@@ -9,6 +9,10 @@ html, .navbar, .footer {
     padding-bottom: 0;
 }
 
+a:visited {
+  color: hsl(280, 100%, 50%);
+}
+
 @media (prefers-color-scheme: dark) {
     html, .navbar, .footer, p, strong, .title, li {
         background-color: $dark;
@@ -22,10 +26,6 @@ html, .navbar, .footer {
     a {
         color: hsl(217, 71%, 70%);
     }
-
-    .lightbox a.delete {
-        color: $light;
-    }
 }
 
 .lightbox {

templates/base.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="{{ config.description }}">
-    <title>{{ config.title }}</title>
+    <title>{% block title %}{% endblock title %}</title>
     <link href="{{ config.base_url | safe}}/style.css" rel="stylesheet">
     <link rel="icon" href="/favicon.png" type="image/png" sizes="16x16">
     {% if config.generate_feed %}

templates/credits.html

@@ -1,5 +1,9 @@
 {% extends "base.html" %}
 
+{% block title %}
+{{ config.title }} - {{ page.title }}
+{% endblock title %}
+
 {% block content %}
 <h1 class="title">{{ config.title }}</h1>
 <h2 class="subtitle">{{ page.title }}</h2>

templates/index.html

@@ -1,5 +1,9 @@
 {% extends "base.html" %}
 
+{% block title %}
+{{ config.title }}
+{% endblock title %}
+
 {% block content %}
 <h1 class="title">{{ config.title }}</h1>
 <div class="content">

templates/page.html

@@ -1,5 +1,10 @@
 {% extends "base.html" %}
 
+{% block title %}
+{% set section = get_section(path=page.ancestors | last) %}
+{{ config.title }} - {{ section.title }} - {{ page.title }}: {{ page.date }}
+{% endblock title %}
+
 {% block content %}
 {% set section = get_section(path=page.ancestors | last) %}
 <h1 class="title">{{ config.title }}</h1>

templates/section.html

@@ -1,5 +1,9 @@
 {% extends "base.html" %}
 
+{% block title %}
+{{ config.title }} - {{ section.title }}
+{% endblock title %}
+
 {% block content %}
 <h1 class="title">{{ config.title }}</h1>
 <h2 class="subtitle">{{ section.title }}</h2>