Add blog share images

diff --git a/docs/_includes/head.html b/docs/_includes/head.html
index 3f76ba2aec629361ac5b3d1427c9eea35cd585f2..299331af044a19799400ed6fc9a2d11094362843 100644 (file)
--- 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 ada1544b9b0f4130e2324c8023f86fd7039ea25d..e9a0c6485be73c9f20ec29b9e6adfb4b63cc0111 100644 (file)
--- 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 422d386a4e8880733bfdd61695f28255319ff7dc..b57b61ef114c31e19353b227a03d5d0e33be1b46 100644 (file)
--- 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 1e55aeb51282dd6b0f3826dd5f7cb46c0ab8970b..27af775d7ed39383ff6f71be89636187148e94da 100644 (file)
--- 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 2b43458a136694a9302eb77d568402fbe8af65a3..d6754cfd771c251e0fcbaf96585b5bb350e4215a 100644 (file)
--- 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 (file)
index 0000000..29f63ea
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 (file)
index 0000000..2e49611
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 (file)
index 0000000..dc6d476
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 (file)
index 0000000..be4f867
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 (file)
index 0000000..32fa0ea
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 (file)
index 0000000..818134b
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 (file)
index 0000000..83deffe
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 (file)
index 0000000..6f0d789
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 (file)
index 0000000..2faa468
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 (file)
index 0000000..2e34e6d
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 (file)
index 0000000..06a1bf9
Binary files /dev/null and b/docs/images/blog/share/roses-are-red-links-are-blue.jpg differ