From e4dbe88e4e61aaedf144fd6ce49fece7a152e90b Mon Sep 17 00:00:00 2001
From: L3D <l3d@c3woc.de>
Date: Wed, 24 Feb 2021 23:44:49 +0100
Subject: [PATCH] Add OG Atributes

---
 assets/images/og_unicorn.png |  3 +++
 content/contents.lr          |  2 ++
 models/blog-post.ini         |  6 ++++++
 models/blog.ini              | 10 ++++++++--
 models/homepage.ini          |  6 ++++++
 models/page.ini              |  6 ++++++
 templates/blog-post.html     | 10 +++++++++-
 templates/blog.html          |  8 ++++++++
 templates/homepage.html      |  8 ++++++++
 templates/layout.html        | 14 ++++++++++----
 templates/page.html          |  9 ++++++++-
 11 files changed, 74 insertions(+), 8 deletions(-)
 create mode 100644 assets/images/og_unicorn.png

diff --git a/assets/images/og_unicorn.png b/assets/images/og_unicorn.png
new file mode 100644
index 00000000..679602a0
--- /dev/null
+++ b/assets/images/og_unicorn.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:96a95f78ba74d9edca6c86a3f13943fbed05625d95ecd29e5f765681dd5504b6
+size 25850
diff --git a/content/contents.lr b/content/contents.lr
index 1ba1afa5..a112422c 100644
--- a/content/contents.lr
+++ b/content/contents.lr
@@ -67,3 +67,5 @@ body:
 ## Hacker-Kompetenz von bester Genossenschaft
 
 Als ein erster, großartiger Erfolg ist zu werten, dass die WTF eG vom Start weg etwa 200 Genossinnen und Genossen vereinigt, die alle sehr gern – einzeln oder im Team – ihre digitalen Kompetenzen der Wirtschaft zur Verfügung stellen.
+---
+meta_description: Die Hackergenossenschaft für chaosnahes Wirtschaften.
diff --git a/models/blog-post.ini b/models/blog-post.ini
index e097be34..44fd9d36 100644
--- a/models/blog-post.ini
+++ b/models/blog-post.ini
@@ -5,9 +5,15 @@ hidden = yes
 
 [fields.title]
 label = Title
+description = Der Seitentitel und die Überschrift dieser Seite
 type = string
 size = large
 
+[fields.meta_description]
+label = Meta Beschreibung
+description = Hier kommt die Beschreibung rein, die von Suchmachinen, Seitencrawlern und Previews auf diese Seite generiert werden
+type = string
+
 [fields.author]
 label = Author
 type = string
diff --git a/models/blog.ini b/models/blog.ini
index 0a3a3ca1..4746ea04 100644
--- a/models/blog.ini
+++ b/models/blog.ini
@@ -1,10 +1,16 @@
 [model]
 name = Blog
 label = Blog
-hidden = yes
+hidden = true
 
 [fields.title]
 label = Title
+description = Der Seitentitel und die Überschrift dieser Seite
+type = string
+
+[fields.meta_description]
+label = Meta Beschreibung
+description = Hier kommt die Beschreibung rein, die von Suchmachinen, Seitencrawlern und Previews auf diese Seite generiert werden
 type = string
 
 [children]
@@ -12,5 +18,5 @@ model = blog-post
 order_by = -pub_date, title
 
 [pagination]
-enabled = yes
+enabled = true
 per_page = 10
diff --git a/models/homepage.ini b/models/homepage.ini
index 8089906a..c6a9fe71 100644
--- a/models/homepage.ini
+++ b/models/homepage.ini
@@ -5,6 +5,12 @@ inherits = header_with_logo
 
 [fields.title]
 label = Title
+description = Der Seitentitel und die Überschrift dieser Seite
+type = string
+
+[fields.meta_description]
+label = Meta Beschreibung
+description = Hier kommt die Beschreibung rein, die von Suchmachinen, Seitencrawlern und Previews auf diese Seite generiert werden
 type = string
 
 [fields.section]
diff --git a/models/page.ini b/models/page.ini
index 24735b42..a551ecea 100644
--- a/models/page.ini
+++ b/models/page.ini
@@ -5,6 +5,12 @@ inherits = header_slim
 
 [fields.title]
 label = Title
+description = Der Seitentitel und die Überschrift dieser Seite
+type = string
+
+[fields.meta_description]
+label = Meta Beschreibung
+description = Hier kommt die Beschreibung rein, die von Suchmachinen, Seitencrawlern und Previews auf diese Seite generiert werden
 type = string
 
 [fields.body]
diff --git a/templates/blog-post.html b/templates/blog-post.html
index 33dc66ce..9f48310d 100644
--- a/templates/blog-post.html
+++ b/templates/blog-post.html
@@ -1,10 +1,18 @@
 {% extends "header_slim.html" %}
 {% from "macros/blog.html" import render_blog_post %}
+{%- block title -%}{{ this.title }}{%- endblock -%}
+{%- block meta_description -%}
+  {%- if this.meta_description is defined and this.meta_description != "" -%}
+    {{ this.meta_description }}
+  {%- else -%}
+    Werkkooperative der Technikfreundinnen eG
+  {%- endif -%}
+{%- endblock -%}
+{% block body %}
 <div class="content__box">
     <div class="content__inner_box">
         <h1>{{ this.title }}</h1>
     </div>
 </div>
-{% block body %}
     {{ render_blog_post(this) }}
 {% endblock %}
diff --git a/templates/blog.html b/templates/blog.html
index 154cd323..c212cac5 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -2,6 +2,14 @@
 {% from "macros/blog.html" import render_blog_post %}
 {% from "macros/pagination.html" import render_pagination %}
 
+{%- block title -%}{{ this.title }}{%- endblock -%}
+{%- block meta_description -%}
+  {%- if this.meta_description is defined and this.meta_description != "" -%}
+    {{ this.meta_description }}
+  {%- else -%}
+    Werkkooperative der Technikfreundinnen eG
+  {%- endif -%}
+{%- endblock -%}
 {% block body %}
     <div class="content__box">
         <div class="content__inner_box">
diff --git a/templates/homepage.html b/templates/homepage.html
index bcfbd7b7..324c0bca 100644
--- a/templates/homepage.html
+++ b/templates/homepage.html
@@ -1,4 +1,12 @@
 {% extends "header_with_logo.html" %}
+{%- block title -%}{{ this.title }}{%- endblock -%}
+{%- block meta_description -%}
+  {%- if this.meta_description is defined and this.meta_description != "" -%}
+    {{ this.meta_description }}
+  {%- else -%}
+    Werkkooperative der Technikfreundinnen eG
+  {%- endif -%}
+{%- endblock -%}
 {% block body %}
     <div class="content__box">
         <div class="content__inner_box -logo_header">
diff --git a/templates/layout.html b/templates/layout.html
index 12d1574b..32ebfa64 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -17,7 +17,7 @@ __        ____________________
 
 -->
 <head>
-{#
+{#-
 
                 Namensschema der CSS-Klassen nach BEM (Block Element Modifier,
                 http://getbem.com/naming/). Mit der Erweiterung, dass Modifier einzeln
@@ -31,12 +31,18 @@ __        ____________________
                 dazu ist:
 
                 .navlist__navitem.-active
--#}
+#}
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <title>Werkkooperative der Technikfreundinnen eG</title>
-  <meta name="description" content="">
+  <title>{% block title %}Werkkooperative der Technikfreundinnen eG{% endblock %} | WTF eG</title>
+  <meta name="description" content="{% block meta_description %}{% endblock %}">
+  {#- OG Values
+  https://ogp.me/ #}
+  <meta property="og:title" content="{{ self.title() }}"> />
+  <meta property="og:description" content="{{ self.meta_description() }}"> />
+  <meta property="og:url" content="{{ this | url(external=true) }}"> />
+  <meta property="og:image" content="{% block meta_image %}{{ '/images/og_unicorn.png'|asseturl }}{% endblock %}"> />
 
   {% if '/css/reset.css'|asseturl is defined -%}
     <link rel="stylesheet" href="{{ '/css/reset.css'|asseturl }}">
diff --git a/templates/page.html b/templates/page.html
index 80b4280c..eda52215 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,5 +1,12 @@
 {% extends "header_slim.html" %}
-{% block title %}{{ this.title }}{% endblock %}
+{%- block title -%}{{ this.title }}{%- endblock -%}
+{%- block meta_description -%}
+  {%- if this.meta_description is defined and this.meta_description != "" -%}
+    {{ this.meta_description }}
+  {%- else -%}
+    Werkkooperative der Technikfreundinnen eG
+  {%- endif -%}
+{%- endblock -%}
 {% block body %}
 	<div class="content__box">
 		<div class="content__inner_box">