Add basic support for Open Graph

https://ogp.me/

Add basic support for Open Graph
2b9181cd · Nik | Klampfradler · c23ff3b0 · 2b9181cd · 2b9181cd · 2b9181cd
Unverified Commit 2b9181cd authored 1 year ago by Nik | Klampfradler
--- a/config.toml
+++ b/config.toml
@@ -41,6 +41,10 @@ include_content = true

 index_format = "elasticlunr_json"

+#[extra.og.image]
+#url =
+#alt =
+
 [extra.footer]
 address = "Kennedyallee 18<br/>53175 Bonn"
 bank = "<b>IBAN:</b> DE31 3705 0198 1933 0485 46<br/><b>BIC:</b> COLSDE33XXX<br/>Sparkasse KoelnBonn"

--- a/templates/base.html
+++ b/templates/base.html
+{% if page -%}
+{% set thing = page -%}
+{% else -%}
+{% set thing = section -%}
+{% endif -%}
 <!DOCTYPE html>
 <html lang="{{ lang }}">
    <head>
@@ -5,15 +10,30 @@
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        {% block meta %}
-            {% if config.description %}<meta name="description" content="{{ config.description }}" />{% endif %}
-            <link rel="alternate" type="application/atom+xml" href="{{ get_url(path="atom.xml", trailing_slash=false) }}" />
+          <meta name="description" content="{{ thing.description | default(value=config.description) }}" />
+          <link rel="alternate" type="application/atom+xml" href="{{ get_url(path="atom.xml", trailing_slash=false) }}" />
+        {% endblock %}
+
+        {% block og %}
+          <meta property="og:site_name" content="{{ config.title }}" />
+          <meta property="og:title" content="{% block og_title %}{{ thing.title | default(value=config.title) }}{% endblock og_title %}" />
+          <meta property="og:description" content="{{ thing.description | default(value=config.description) }}" />
+          <meta property="og:type" content="{% block og_type %}{{ thing.extra.og.type | default(value='article') }}{% endblock og_type %}" />
+          <meta property="og:url" content="{% block og_url %}{{ thing.permalink | safe }}{% endblock og_url %}" />
+          {% if thing.extra.depiction %}
+            <meta property="og:image" content="{{ get_url(path="@/" ~ thing.relative_path, trailing_slash=true) }}{{ thing.extra.depiction.image | safe }}" />
+            <meta property="og:image:alt" content="{{ thing.extra.depiction.alt }}" />
+          {% elif config.extra.og.image %}
+            <meta property="og:image" content="{{ get_url(path=config.extra.og.image.url) }}" />
+            <meta property="og:image:alt" content="{{ config.extra.og.image.alt }}" />
+          {% endif %}
        {% endblock %}

        <link rel="stylesheet" href="{{ get_url(path="fonts/roboto/index.css") }}" />
        <link rel="stylesheet" href="{{ get_url(path="fonts/font-awesome/css/all.css") }}" />
        <link rel="stylesheet" href="{{ get_url(path="style.css") }}" />

-        <title>{% block title %}{{ config.title }}{% endblock %}</title>
+        <title>{% block title %}{{ thing.title }}{% endblock %}</title>
    </head>

    <body class="has-navbar-fixed-top">

--- a/templates/blog/overview.html
+++ b/templates/blog/overview.html
 {% extends "base.html" %}

-{% block meta %}
-    {% if section.description %}
-        <meta name="description" content="{{ page.description }}" />
-    {% elif config.description %}
-        <meta name="description" content="{{ config.description }}" />
-    {% endif %}
-{% endblock %}
-
-{% block title %}
-    {{ section.title }}
-{% endblock %}
-
 {% block main %}
    <div class="my-4">
            <div class="section">

--- a/templates/blog/post.html
+++ b/templates/blog/post.html
 {% extends "base.html" %}

-{% block meta %}
-    {% if page.description %}
-        <meta name="description" content="{{ page.description }}" />
-    {% elif config.description %}
-        <meta name="description" content="{{ config.description }}" />
-    {% endif %}
-{% endblock %}
-
-{% block title %}
-    {{ page.title }}
-{% endblock %}
-
 {% block main %}
    <h1>{{ page.title }}</h1>
    <div class="my-4">

--- a/templates/index.html
+++ b/templates/index.html
 {% extends "base.html" %}

+{% block og_type %}website{% endblock %}
+
 {% block main %}
  {% include "frontpage/blocks/claim.html" %}
  {% include "frontpage/blocks/projects.html" %}

--- a/templates/page.html
+++ b/templates/page.html
 {% extends "base.html" %}

-{% block meta %}
-    {% if page.description %}
-        <meta name="description" content="{{ page.description }}" />
-    {% elif config.description %}
-        <meta name="description" content="{{ config.description }}" />
-    {% endif %}
-{% endblock %}
-
-{% block title %}
-    {{ page.title }}
-{% endblock %}
-
 {% block main %}
    {% include "pages/heading.html" %}
    <div class="my-4">