From 3beb7aefc1d854628813827ac14f6906334e43f0 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Mon, 7 Oct 2019 23:20:52 +0200
Subject: [PATCH] open graph fixes

---
 pages/_includes/layout/og.html | 15 +++++++++++++++
 pages/_layouts/base.html       | 17 +----------------
 2 files changed, 16 insertions(+), 16 deletions(-)
 create mode 100644 pages/_includes/layout/og.html

diff --git a/pages/_includes/layout/og.html b/pages/_includes/layout/og.html
new file mode 100644
index 000000000..c24a991b0
--- /dev/null
+++ b/pages/_includes/layout/og.html
@@ -0,0 +1,15 @@
+{% if layout.og-component %}
+<meta name="twitter:image:src" content="https://preview-dev.tabler.io/components/{{ page.slug }}.png">
+<meta name="twitter:site" content="@tabler_ui">
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
+<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
+<meta property="og:image" content="https://preview-dev.tabler.io/components/{{ page.slug }}.png">
+<meta property="og:image:width" content="1280">
+<meta property="og:image:height" content="640">
+<meta property="og:site_name" content="Tabler">
+<meta property="og:type" content="object">
+<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
+<meta property="og:url" content="https://preview-dev.tabler.io/">
+<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
+{% endif %}
diff --git a/pages/_layouts/base.html b/pages/_layouts/base.html
index 5127470c7..4455d01d0 100644
--- a/pages/_layouts/base.html
+++ b/pages/_layouts/base.html
@@ -27,22 +27,7 @@
    {% endif %}
 
    {% include layout/css.html %}
-
-   {% if layout.og-component %}
-      <meta name="twitter:image:src" content="https://preview-dev.tabler.io/components/{{ page.slug }}.png">
-      <meta name="twitter:site" content="@tabler_ui">
-      <meta name="twitter:card" content="summary">
-      <meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
-      <meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
-      <meta property="og:image" content="https://preview-dev.tabler.io/components/{{ page.slug }}.png">
-      <meta property="og:image:width" content="1280">
-      <meta property="og:image:height" content="640">
-      <meta property="og:site_name" content="Tabler">
-      <meta property="og:type" content="object">
-      <meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
-      <meta property="og:url" content="https://preview-dev.tabler.io/">
-      <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
-   {% endif %}
+   {% include layout/og.html %}
 
    <style>body { display: none; }</style>
 </head>