Add fixed navbar blog post

diff --git a/docs/_posts/2017-11-01-fixed-navbar.md b/docs/_posts/2017-11-01-fixed-navbar.md
index bd76314d157676b46a50bc8c5807cb4a514b5e38..22c1904d002de8c3df4459875fac98762359decf 100644 (file)
--- a/docs/_posts/2017-11-01-fixed-navbar.md
+++ b/docs/_posts/2017-11-01-fixed-navbar.md
@@ -5,5 +5,22 @@ introduction: "Fix your navbar at the top or bottom"
 color: "info"
 name: "Fixed navbar"
 icon: "fix"
-published: true
 ---
+
+You can now fix a [navbar](/documentation/components/navbar/#fixed-navbar) to the **top** or the **bottom**:
+
+<figure>
+  <video width="602.5" height="360" autoplay muted loop>
+    <source src="/images/blog/fixed-navbar.mp4" type="video/mp4">
+  </video>
+</figure>
+
+[Check it out!](/documentation/components/navbar/#fixed-navbar)
+
+As a added **bonus**, the bottom navbar required a new **dropup** feature which has also been implemented!
+
+<figure>
+  <a href="/documentation/components/navbar/#fixed-navbar">
+    <img src="/images/blog/dropup.png" alt="Navbar dropup" width="660" height="239">
+  </a>
+</figure>

diff --git a/docs/images/blog/dropup.png b/docs/images/blog/dropup.png
new file mode 100644 (file)
index 0000000..e74a80d
Binary files /dev/null and b/docs/images/blog/dropup.png differ

diff --git a/docs/images/blog/fixed-navbar.mp4 b/docs/images/blog/fixed-navbar.mp4
new file mode 100644 (file)
index 0000000..cc9cf56
Binary files /dev/null and b/docs/images/blog/fixed-navbar.mp4 differ