Add new expo share

docs/_includes/head.html

@@ -25,19 +25,39 @@
 
   <meta property="og:url" content="{{ site.url }}">
   <meta property="og:type" content="website">
-  <meta property="og:title" content="{{site.title}}">
-  <meta property="og:image" content="{{site.url}}/images/bulma-banner.png">
   <meta property="og:image:type" content="image/png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
-  <meta property="og:description" content="{{site.description}}">
 
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:site" content="@jgthms">
   <meta name="twitter:creator" content="@jgthms">
+
+
+  <!-- Shared social media -->
+  {% if page.share_title %}
+    <meta property="og:title" content="{{ page.share_title }}">
+    <meta name="twitter:title" content="{{ page.share_title }}">
+  {% else %}
+    <meta property="og:title" content="{{ site.title }}">
     <meta name="twitter:title" content="{{ site.title }}">
-  <meta name="twitter:image" content="{{site.url}}/images/bulma-banner.png">
+  {% endif %}
+
+  {% if page.share_description %}
+    <meta property="og:description" content="{{ page.share_description }}">
+    <meta name="twitter:description" content="{{ page.share_description }}">
+  {% else %}
+    <meta property="og:description" content="{{ site.description }}">
     <meta name="twitter:description" content="{{ site.description }}">
+  {% endif %}
+
+  {% if page.share_image %}
+    <meta property="og:image" content="{{ site.url }}{{ page.share_image }}">
+    <meta name="twitter:image" content="{{ site.url }}{{ page.share_image }}">
+  {% else %}
+    <meta property="og:image" content="{{ site.url }}/images/bulma-banner.png">
+    <meta name="twitter:image" content="{{ site.url }}/images/bulma-banner.png">
+  {% endif %}
 
   <link rel="apple-touch-icon" sizes="180x180" href="{{ site.url }}/favicons/apple-touch-icon.png?v=201701041855">
   <link rel="icon" type="image/png" href="{{ site.url }}/favicons/favicon-32x32.png?v=201701041855" sizes="32x32">

docs/expo.html

@@ -1,5 +1,8 @@
 ---
 fulltitle: "Expo: beautiful websites designed Bulma"
+share_title: "⭐️ Bulma Expo: beautiful websites designed Bulma 😍"
+share_image: "/images/expo/bulma-expo-share.png"
+share_description: "Get inspired! The Bulma Expo is a curated collection of the most beautiful websites designed with Bulma. It showcases how you can easily customize Bulma for your own personal or business needs."
 layout: default
 route: expo
 other: