diff --git a/docs/_config.yml b/docs/_config.yml
index dddc81b2..2b84565e 100644
--- a/docs/_config.yml
+++ b/docs/_config.yml
@@ -1,7 +1,5 @@
# Meta
-title: "Bulma: a modern CSS framework based on Flexbox"
-description: "Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free."
env: "production"
# Build
diff --git a/docs/_data/meta.json b/docs/_data/meta.json
new file mode 100644
index 00000000..add9f18e
--- /dev/null
+++ b/docs/_data/meta.json
@@ -0,0 +1,11 @@
+{
+ "title": "Bulma: a modern CSS framework based on Flexbox",
+ "description": "Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.",
+ "documentation": "/documentation/overview/start/",
+ "download": "https://github.com/jgthms/bulma/releases/download/0.6.2/bulma-0.6.2.zip",
+ "github": "https://github.com/jgthms/bulma",
+ "twitter": "https://twitter.com/jgthms",
+ "version": "0.6.2",
+ "book_url": "https://bleedingedgepress.com/creating-interfaces-bulma/",
+ "book_sample": "http://www.bleedingedgepress.com/book_excerpts/01E9D1/creating_interfaces_with_bulma_sample.pdf"
+}
\ No newline at end of file
diff --git a/docs/_includes/book-banner.html b/docs/_includes/book-banner.html
new file mode 100644
index 00000000..5e94afab
--- /dev/null
+++ b/docs/_includes/book-banner.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ {% include book-cover.html %}
+
+
+ {% include book-content.html %}
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/_includes/book-content.html b/docs/_includes/book-content.html
new file mode 100644
index 00000000..04e4a7a8
--- /dev/null
+++ b/docs/_includes/book-content.html
@@ -0,0 +1,39 @@
+
+
+ New!
+
The official Bulma book! 😲
+
by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin, Mikko Lauhakari, Aslam Shah and David Berning
+
+
+
A step-by-step guide that teaches you how to build a web interface from scratch using Bulma.
\ No newline at end of file
diff --git a/docs/_includes/deprecated.html b/docs/_includes/deprecated.html
index 8b238876..c307b3d0 100644
--- a/docs/_includes/deprecated.html
+++ b/docs/_includes/deprecated.html
@@ -1,7 +1,7 @@
{% if site.deprecated %}
- You are viewing the deprecated {{site.version}} version of the website.
+ You are viewing the deprecated {{site.data.meta.version}} version of the website.
Click here to view the latest version
{% endcapture %}
-{% include subnav-form.html %}
+{% include subnav/subnav-form.html %}
@@ -743,7 +743,7 @@ variables_keys:
- You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how.
+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how.
{% endcapture %}
-{% include subnav-form.html %}
+{% include subnav/subnav-form.html %}
@@ -490,7 +490,7 @@ variables_keys:
- You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how.
+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how.
diff --git a/docs/documentation/form/radio.html b/docs/documentation/form/radio.html
index d8897dad..378f115d 100644
--- a/docs/documentation/form/radio.html
+++ b/docs/documentation/form/radio.html
@@ -48,7 +48,7 @@ doc-subtab: radio
{% endcapture %}
-{% include subnav-form.html %}
+{% include subnav/subnav-form.html %}