Social links

website/mkdocs.yml

@@ -21,7 +21,7 @@
 
 # Project information
 site_name: OneChart
-site_url: https://onechart.dev
+site_url: https://onechart.dev/
 site_author: Laszlo Fogas
 site_description: >-
   One chart to rule them all. A generic Helm chart for your application deployments. Because no-one can remember the Kubernetes yaml syntax.

website/overrides/home.html

@@ -1,6 +1,34 @@
 {% extends "main.html" %}
 {% block extrahead %}
 <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
+
+<!-- Determine title -->
+{% set title = config.site_name %}
+{% if page and page.title and not page.is_homepage %}
+{% set title = config.site_name ~ " - " ~ page.title | striptags %}
+{% endif %}
+
+<!-- The image needs to have an absolute URL -->
+{% set image = config.site_url ~ 'assets/circle.svg' %}
+
+<!-- Open graph meta tags -->
+<meta property="og:type" content="website" />
+<meta property="og:title" content="{{ title }}" />
+<meta property="og:description" content="{{ config.site_description }}" />
+<meta property="og:url" content="{{ page.canonical_url }}" />
+<meta property="og:image" content="{{ image }}" />
+<meta property="og:image:type" content="image/png" />
+<meta property="og:image:width" content="1080" />
+<meta property="og:image:height" content="568" />
+
+<!-- Twitter meta tags -->
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:site" content="@laszlocph" />
+<meta name="twitter:creator" content="@laszlocph" />
+<meta name="twitter:title" content="{{ title }}" />
+<meta name="twitter:description" content="{{ config.site_description }}" />
+<meta name="twitter:image" content="{{ image }}" />
+
 {% endblock %}
 
 {% block htmltitle %}

website/overrides/main.html

@@ -1,8 +1,6 @@
 {% extends "base.html" %}
 
-<!-- Custom front matter -->
 {% block extrahead %}
-
 <!-- Determine title -->
 {% set title = config.site_name %}
 {% if page and page.title and not page.is_homepage %}
@@ -10,7 +8,7 @@
 {% endif %}
 
 <!-- The image needs to have an absolute URL -->
-{% set image = config.site_url ~ 'assets/logo.png' %}
+{% set image = config.site_url ~ 'assets/circle.svg' %}
 
 <!-- Open graph meta tags -->
 <meta property="og:type" content="website" />
@@ -32,6 +30,7 @@
 
 {% endblock %}
 
+
 {% block announce %}
 <a href="https://twitter.com/laszlocph">
     For updates follow <strong>@laszlocph</strong> on