diff --git a/docs/_includes/head.html b/docs/_includes/head.html
index 3f76ba2a..299331af 100644
--- a/docs/_includes/head.html
+++ b/docs/_includes/head.html
@@ -46,6 +46,9 @@
   {% if page.share_description %}
     <meta property="og:description" content="{{ page.share_description }}">
     <meta name="twitter:description" content="{{ page.share_description }}">
+  {% elsif page.layout == 'post' %}
+    <meta property="og:description" content="{{ page.content | strip_html | truncate: 400, '…' }}">
+    <meta name="twitter:description" content="{{ page.content | strip_html | truncate: 400, '…' }}">
   {% else %}
     <meta property="og:description" content="{{ site.description }}">
     <meta name="twitter:description" content="{{ site.description }}">
@@ -54,6 +57,9 @@
   {% if page.share_image %}
     <meta property="og:image" content="{{ site.url }}{{ page.share_image }}">
     <meta name="twitter:image" content="{{ site.url }}{{ page.share_image }}">
+  {% elsif page.layout == 'post' %}
+    <meta property="og:image" content="{{ site.url }}/images/blog/share/{{ page.id | slice: 12,page.id.size }}.png">
+    <meta name="twitter:image" content="{{ site.url }}/images/blog/share/{{ page.id | slice: 12,page.id.size }}.png">
   {% else %}
     <meta property="og:image" content="{{ site.url }}/images/bulma-banner.png">
     <meta name="twitter:image" content="{{ site.url }}/images/bulma-banner.png">
diff --git a/docs/_layouts/post.html b/docs/_layouts/post.html
index ada1544b..e9a0c648 100644
--- a/docs/_layouts/post.html
+++ b/docs/_layouts/post.html
@@ -37,6 +37,14 @@ route: blog
         <div class="content is-medium">
           {{ content }}
         </div>
+        <nav class="pagination is-centered" role="navigation" aria-label="pagination">
+          {% if page.previous.url %}
+            <a class="pagination-previous" href="{{ page.previous.url }}">Previous post</a>
+          {% endif %}
+          {% if page.next.url %}
+            <a class="pagination-next" href="{{ page.next.url }}">Next post</a>
+          {% endif %}
+        </nav>
       </div>
     </div>
   </div>
diff --git a/docs/_posts/2017-11-14-bulma-is-on-patreon.md b/docs/_posts/2017-11-14-bulma-is-on-patreon.md
index 422d386a..b57b61ef 100644
--- a/docs/_posts/2017-11-14-bulma-is-on-patreon.md
+++ b/docs/_posts/2017-11-14-bulma-is-on-patreon.md
@@ -1,7 +1,7 @@
 ---
 title: "Bulma is on Patreon!"
 layout: post
-introduction: "Fix your navbar at the top or bottom"
+introduction: "Support Bulma's future"
 color: "primary"
 name: "Bulma on Patreon"
 icon: "patreon"
diff --git a/docs/_sass/specific.sass b/docs/_sass/specific.sass
index 1e55aeb5..27af775d 100644
--- a/docs/_sass/specific.sass
+++ b/docs/_sass/specific.sass
@@ -91,6 +91,10 @@
   &.is-single
     margin-bottom: 2rem
     width: 100%
+  &.is-share
+    height: 315px
+    margin: 2rem auto
+    width: 600px
 
 .bd-article-overlay
   +overlay
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 2b43458a..d6754cfd 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -11775,6 +11775,12 @@ svg {
   width: 100%;
 }
 
+.bd-article-image.is-share {
+  height: 315px;
+  margin: 2rem auto;
+  width: 600px;
+}
+
 .bd-article-overlay {
   bottom: 0;
   left: 0;
diff --git a/docs/images/blog/share/access-previous-bulma-versions.jpg b/docs/images/blog/share/access-previous-bulma-versions.jpg
new file mode 100644
index 00000000..29f63ea7
Binary files /dev/null and b/docs/images/blog/share/access-previous-bulma-versions.jpg differ
diff --git a/docs/images/blog/share/blog-launched-new-responsive-columns-new-helpers.jpg b/docs/images/blog/share/blog-launched-new-responsive-columns-new-helpers.jpg
new file mode 100644
index 00000000..2e49611b
Binary files /dev/null and b/docs/images/blog/share/blog-launched-new-responsive-columns-new-helpers.jpg differ
diff --git a/docs/images/blog/share/bulma-bootstrap-comparison.jpg b/docs/images/blog/share/bulma-bootstrap-comparison.jpg
new file mode 100644
index 00000000..dc6d476f
Binary files /dev/null and b/docs/images/blog/share/bulma-bootstrap-comparison.jpg differ
diff --git a/docs/images/blog/share/bulma-is-on-patreon.jpg b/docs/images/blog/share/bulma-is-on-patreon.jpg
new file mode 100644
index 00000000..be4f867b
Binary files /dev/null and b/docs/images/blog/share/bulma-is-on-patreon.jpg differ
diff --git a/docs/images/blog/share/bulma-supports-font-awesome-5.jpg b/docs/images/blog/share/bulma-supports-font-awesome-5.jpg
new file mode 100644
index 00000000..32fa0eab
Binary files /dev/null and b/docs/images/blog/share/bulma-supports-font-awesome-5.jpg differ
diff --git a/docs/images/blog/share/fixed-navbar.jpg b/docs/images/blog/share/fixed-navbar.jpg
new file mode 100644
index 00000000..818134bd
Binary files /dev/null and b/docs/images/blog/share/fixed-navbar.jpg differ
diff --git a/docs/images/blog/share/list-of-buttons.jpg b/docs/images/blog/share/list-of-buttons.jpg
new file mode 100644
index 00000000..83deffed
Binary files /dev/null and b/docs/images/blog/share/list-of-buttons.jpg differ
diff --git a/docs/images/blog/share/list-of-tags.jpg b/docs/images/blog/share/list-of-tags.jpg
new file mode 100644
index 00000000..6f0d7896
Binary files /dev/null and b/docs/images/blog/share/list-of-tags.jpg differ
diff --git a/docs/images/blog/share/metro-ui-css-grid-with-bulma-tiles.jpg b/docs/images/blog/share/metro-ui-css-grid-with-bulma-tiles.jpg
new file mode 100644
index 00000000..2faa4683
Binary files /dev/null and b/docs/images/blog/share/metro-ui-css-grid-with-bulma-tiles.jpg differ
diff --git a/docs/images/blog/share/new-field-element.jpg b/docs/images/blog/share/new-field-element.jpg
new file mode 100644
index 00000000..2e34e6d2
Binary files /dev/null and b/docs/images/blog/share/new-field-element.jpg differ
diff --git a/docs/images/blog/share/roses-are-red-links-are-blue.jpg b/docs/images/blog/share/roses-are-red-links-are-blue.jpg
new file mode 100644
index 00000000..06a1bf90
Binary files /dev/null and b/docs/images/blog/share/roses-are-red-links-are-blue.jpg differ