From d598232ecfc41449c5b4c221d0c07fb18d068210 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sat, 29 Dec 2018 02:13:05 +0000
Subject: [PATCH] Update meta tags
---
source/_layouts/base.html.twig | 5 +----
source/_layouts/post.html.twig | 13 +++++++++++++
...-20-rebuilding-bartik-with-vuejs-tailwind-css.md | 3 +++
...uilding-bartik-with-vuejs-tailwind-css-part-2.md | 3 +++
4 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/source/_layouts/base.html.twig b/source/_layouts/base.html.twig
index 4995e409..9085fa43 100644
--- a/source/_layouts/base.html.twig
+++ b/source/_layouts/base.html.twig
@@ -12,6 +12,7 @@
<head>
<title>{{ helpers.htmlTitle(site, page) }}</title>
{% include 'meta' %}
+ {% block metaTags %}{% endblock %}
<link rel="stylesheet" href="/css/app.css">
{% block stylesheets %}{% endblock %}
@@ -33,10 +34,6 @@
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', '{{ site.google_analytics_tracking_id }}', 'auto'); ga('send', 'pageview');</script>
{% endif %}
- {% if page.has_tweets %}
- <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
- {% endif %}
-
<script src="/js/all.js"></script>
{% block scripts %}{% endblock %}
</body>
diff --git a/source/_layouts/post.html.twig b/source/_layouts/post.html.twig
index 90f3d4a6..d025bb07 100644
--- a/source/_layouts/post.html.twig
+++ b/source/_layouts/post.html.twig
@@ -2,6 +2,15 @@
{% block page_title %}{% endblock %}
+{% block metaTags %}
+<meta name="twitter:card" content="summary">
+<meta name="twitter:site" content="@{{ site.twitter.name }}">
+<meta name="twitter:title" content="{{ page.title }}">
+<meta name="twitter:creator" content="@{{ site.twitter.name }}">
+<meta name="twitter:image" content="{{ page.meta.image ?: site.url ~ site.avatar.url }}">
+{% if page.meta.description %}<meta name="twitter:description" content="{{ page.meta.description }}">{% endif %}
+{% endblock %}
+
{% block content_wrapper %}
{% include 'post/header' %}
{% include 'post/intro-image' %}
@@ -22,5 +31,9 @@
{% endblock %}
{% block scripts %}
+ {% if page.has_tweets %}
+ <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+ {% endif %}
+
<script>hljs.initHighlightingOnLoad();</script>
{% endblock %}
diff --git a/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md b/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md
index fec1234e..fea66f26 100644
--- a/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md
+++ b/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md
@@ -1,5 +1,8 @@
---
title: Rebuilding Bartik (Drupal’s Default Theme) with Vue.js and Tailwind CSS
+meta:
+ description: How I rebuilt Drupal’s Bartik theme using Vue.js and Tailwind CSS.
+ image: ~
tags:
- drupal
- tailwind-css
diff --git a/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md b/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md
index 6f0cac84..5a347b90 100644
--- a/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md
+++ b/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md
@@ -1,5 +1,8 @@
---
title: Rebuilding Bartik (Drupal’s Default Theme) with Vue.js and Tailwind CSS - part 2
+meta:
+ description: How I rebuilt Drupal’s Bartik theme using Vue.js and Tailwind CSS.
+ image: ~
tags:
- drupal
- tailwind-css