Add Changelog to What's New section

9 files changed, 21 insertions, 81 deletions

diff --git a/docs/src/_docs-layout.pug b/docs/src/_docs-layout.pug
index 23a3f5b..9aa50e7 100644
--- a/docs/src/_docs-layout.pug
+++ b/docs/src/_docs-layout.pug
@@ -6,7 +6,10 @@ block content
     .docs-navbar
       a.off-canvas-toggle.btn.btn-link.btn-action(href='#sidebar')
         i.icon.icon-menu
-      a.btn.btn-primary(href='https://github.com/picturepan2/spectre' target='_blank') GitHub
+      .btns
+        a.btn.btn-primary.float-right(href='https://github.com/picturepan2/spectre' target='_blank') GitHub
+        a.btn.mr-1.float-right(href='https://www.paypal.me/picturepan2' target='_blank') Sponsor
+        
     #sidebar.docs-sidebar.off-canvas-sidebar
       .docs-brand
         a.docs-logo(href='index.html')
diff --git a/docs/src/components.pug b/docs/src/components.pug
index 9f0ee6a..3af49c8 100644
--- a/docs/src/components.pug
+++ b/docs/src/components.pug
@@ -42,6 +42,7 @@ block docs-content
 
   //- Menu
   +docs-heading('menu', 'Menu')
+    include contents/_ad-g.pug
     include contents/menu.pug
     
   //- Modals
@@ -70,6 +71,7 @@ block docs-content
   
   //- Tabs
   +docs-heading('tabs', 'Tabs')
+    include contents/_ad-g.pug
     include contents/tabs.pug
 
   //- Tiles
diff --git a/docs/src/contents/whatsnew.pug b/docs/src/contents/whatsnew.pug
index 0c38102..59ae1c2 100644
--- a/docs/src/contents/whatsnew.pug
+++ b/docs/src/contents/whatsnew.pug
@@ -1,79 +1,4 @@
-p
-  strong September 2017
-ul
-  li
-    a(href='experimentals.html#off-canvas') Off-canvas
-    | : navigation layout that the sidebar can slide in and out of the viewport 
-    small.label.label-primary NEW
-p
-  strong August 2017
-ul
-  li
-    a(href='getting-started.html') Switch to Sass 
-    small.label.label-primary NEW
-  li
-    a(href='getting-started.html') New Docs Experience 
-    small.label.label-primary NEW
-p
-  strong April 2017
-ul
-  li
-    a(href='components.html#accordions') Accordions
-    | : used to toggle sections of content
-  li
-    a(href='experimentals.html#filters') Filters
-    | : CSS only content filters
-  li
-    a(href='experimentals.html#comparison') Comparison Sliders
-    | : sliders for comparing two images
-  li
-    a(href='experimentals.html#timelines') Timelines
-    | : ordered sequences of activities
-p
-  strong March 2017
-ul
-  li
-    a(href='elements.html#icons') Icons
-    | : single-element, responsive and pure CSS icons
-  li
-    a(href='components.html#popovers') Popovers
-    | : small overlay content containers
-  li
-    a(href='layout.html#panels') Panels
-    | : flexible view container layout with auto-expand content section
-  li
-    a(href='experimentals.html#carousels') Carousels
-    | : slideshows for cycling images
-  li
-    a(href='experimentals.html#calendars') Calendars
-    | : date or date range picker and events display
-p
-  strong February 2017
-ul
-  li New Documents experience
-  li
-    a(href='components.html#bars') Bars
-    | : represent the progress of a task or the value within the known range
-  li
-    a(href='components.html#steps') Steps
-    | : progress indicators of a sequence of task steps
-  li
-    a(href='components.html#tiles') Tiles
-    | : repeatable or embeddable information blocks
-  li
-    a(href='experimentals.html') Experimentals
-    | : experimental elements and features
-  li
-    a(href='experimentals.html#meters') Meters
-    | , 
-    a(href='experimentals.html#parallax') Parallax
-    | , 
-    a(href='experimentals.html#progress') Progress
-    |  and 
-    a(href='experimentals.html#sliders') Sliders
-p
-  strong March 2016
-ul
-  li Initial commit
+include:markdown-it ../../../changelog.md
+
 p
   a.btn.btn-primary(href='https://github.com/picturepan2/spectre/releases', target='_blank') Releases
\ No newline at end of file
diff --git a/docs/src/elements.pug b/docs/src/elements.pug
index c80dba2..3f2086f 100644
--- a/docs/src/elements.pug
+++ b/docs/src/elements.pug
@@ -13,11 +13,12 @@ block docs-content
     
   //- Tables
   +docs-heading('tables', 'Tables')
+    include contents/_ad-c.pug
     include contents/tables.pug
 
   //- Buttons
   +docs-heading('buttons', 'Buttons')
-    include contents/_ad-c.pug
+    include contents/_ad-g.pug
     include contents/buttons.pug
 
   //- Forms
diff --git a/docs/src/experimentals.pug b/docs/src/experimentals.pug
index c21a2a4..41936b6 100644
--- a/docs/src/experimentals.pug
+++ b/docs/src/experimentals.pug
@@ -26,6 +26,7 @@ block docs-content
 
   //- Comparison sliders
   +docs-heading('comparison', 'Comparison sliders')
+    include contents/_ad-g.pug
     include contents/comparison.pug
   
   //- Filters
@@ -42,6 +43,7 @@ block docs-content
   
   //- Parallax
   +docs-heading('parallax', 'Parallax')
+    include contents/_ad-g.pug
     include contents/parallax.pug
 
   //- Progress
diff --git a/docs/src/getting-started.pug b/docs/src/getting-started.pug
index b766ba6..60e1665 100644
--- a/docs/src/getting-started.pug
+++ b/docs/src/getting-started.pug
@@ -8,6 +8,7 @@ block variables
 block docs-content
   //- Introduction
   +docs-heading('introduction', 'Introduction')
+    include contents/_ad-g.pug
     include contents/introduction.pug
     
   //- Installation
@@ -22,13 +23,16 @@ block docs-content
 
   //- Accessibility
   +docs-heading('accessibility', 'Accessibility')
+    include contents/_ad-g.pug
   
   //- Browser support
   +docs-heading('browsers', 'Browser support')
+    include contents/_ad-g.pug
     include contents/browsers.pug
 
   //- What's new
   +docs-heading('whatsnew', 'What\'s new')
+    include contents/_ad-g.pug
     include contents/whatsnew.pug
   
   include _footer.pug
diff --git a/docs/src/layout.pug b/docs/src/layout.pug
index 5aa8bc5..4b1bd50 100644
--- a/docs/src/layout.pug
+++ b/docs/src/layout.pug
@@ -18,6 +18,7 @@ block docs-content
 
   //- Navbar
   +docs-heading('navbar', 'Navbar')
+    include contents/_ad-g.pug
     include contents/navbar.pug
 
   include _footer.pug
\ No newline at end of file
diff --git a/docs/src/scss/docs.scss b/docs/src/scss/docs.scss
index 7f7c682..0fed87c 100644
--- a/docs/src/scss/docs.scss
+++ b/docs/src/scss/docs.scss
@@ -31,10 +31,11 @@
   top: 0;
   z-index: $zindex-1;
 
-  .btn {
+  .btns {
     position: absolute;
     right: 1.5rem;
     top: 1rem;
+    width: 8rem;
   }
 }
 
@@ -532,7 +533,7 @@
   }
 
   .docs-navbar {
-    .btn {
+    .btns {
       right: .9rem;
     }
   }
diff --git a/docs/src/utilities.pug b/docs/src/utilities.pug
index 8af2055..c9e8ba2 100644
--- a/docs/src/utilities.pug
+++ b/docs/src/utilities.pug
@@ -26,6 +26,7 @@ block docs-content
   
   //- Loading
   +docs-heading('loading', 'Loading')
+    include contents/_ad-g.pug
     include contents/loading.pug
 
   //- Position