diff --git a/src/scss/modules/_toc.scss b/src/scss/modules/_toc.scss
index 37df405..77a0928 100644
--- a/src/scss/modules/_toc.scss
+++ b/src/scss/modules/_toc.scss
@@ -93,3 +93,14 @@
     }
   }
 }
+
+.chapter {
+  display: inline-block;
+  font-size: 1.8rem;
+  line-height: 3.2rem;
+  padding-right: .8rem;
+}
+
+.toc-page {
+  float: right;
+}
diff --git a/static/css/webslides.css b/static/css/webslides.css
index 5c8123d..e58c06a 100644
--- a/static/css/webslides.css
+++ b/static/css/webslides.css
@@ -1,7 +1,7 @@
 /*!
  * Name: WebSlides
  * Version: 1.3.1
- * Date: 2017-09-17
+ * Date: 2017-10-09
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros
@@ -1620,10 +1620,6 @@ a#previous {
   #counter {
     display: none; } }
 
-/*===============================================================
-6. Magic blocks with flexbox (Auto-fill & Equal Height)
-Blocks Links li>a = .flexblock.blink (.blink required)
-================================================================= */
 .flexblock {
   clear: both;
   display: -webkit-box;
@@ -1709,9 +1705,6 @@ footer .column h3 {
 .content-left .flexblock.features li {
   width: 46%; }
 
-/*====================================================================
-6.1 Features <ul class="flexblock features">
-====================================================================== */
 .flexblock.features > li {
   border-radius: .4rem;
   margin-bottom: 4.8rem;
@@ -1764,9 +1757,6 @@ footer .column h3 {
   footer .flexblock.features > li {
     margin-bottom: 0; } }
 
-/*=====================================================================
-6.2 Clients Logos <ul class="flexblock clients">
-======================================================================= */
 .flexblock.clients.blink li > a,
 .flexblock.clients li {
   padding: 0; }
@@ -1797,10 +1787,6 @@ footer .column h3 {
 .clients li:hover {
   z-index: 1; }
 
-/*==================================================
-6.3 flexblock.steps <ul class="flexblock steps">
-About, Philosophy...
-=================================================== */
 .steps li {
   width: 100%; }
   .steps li img,
@@ -1825,9 +1811,6 @@ About, Philosophy...
     top: 60px;
     width: 0; } }
 
-/*=================================================
-6.4 Block Numbers - <ul class="flexblock metrics">
-=================================================== */
 .metrics li {
   text-align: center;
   width: 100%; }
@@ -1851,9 +1834,6 @@ About, Philosophy...
 .card-50 .metrics li {
   width: 50%; }
 
-/*=====================================================
-6.5 Specs/Items: <ul class="flexblock specs">
-======================================================= */
 .specs li {
   text-align: left;
   width: 100%; }
@@ -1885,10 +1865,6 @@ About, Philosophy...
       float: left;
       margin-right: 2.4rem; } }
 
-/*=================================================
-6.6 Reasons/Why/Numbers (counter-increment)
-<ul class="flexblock reasons">
-=================================================== */
 .flexblock.reasons li {
   counter-increment: list;
   text-align: left;
@@ -1915,11 +1891,6 @@ About, Philosophy...
         left: 2.4rem;
         position: absolute; } }
 
-/*=================================================
-6.7 Gallery - <ul class="flexblock gallery">
-Block Thumbnails li+.overlay+image
-img size recommended:800x600px
-=================================================== */
 .flexblock.gallery li {
   margin-bottom: 4.8rem; }
   .flexblock.gallery li:nth-child(n+4) {
@@ -2038,9 +2009,6 @@ li .overlay h2 {
 li:hover .overlay {
   cursor: pointer; }
 
-/*===============================================
-6.8 Plans / Pricing <ul class="flexblock plans">
-================================================= */
 .flexblock.plans > li {
   border-radius: 3px;
   margin-bottom: 4.8rem;
@@ -2105,10 +2073,6 @@ li:hover .overlay {
               transform: scale(1);
       z-index: 1; } }
 
-/*===========================================
-6.9 Block Activity <ul class="activity">
-CV / News
-============================================= */
 .flexblock.activity {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
@@ -2348,6 +2312,15 @@ CV / News
   .toc li a:hover .toc-page:before {
     border-bottom-width: 2px; }
 
+.chapter {
+  display: inline-block;
+  font-size: 1.8rem;
+  line-height: 3.2rem;
+  padding-right: .8rem; }
+
+.toc-page {
+  float: right; }
+
 [class*='card-'],
 [class*='card-'] > a {
   clear: both;
@@ -3135,7 +3108,6 @@ Slides - Backgrounds <section class="bg-primary">
 .bg-brown p {
   color: #666; }
 
-/*Transparent/Opacity*/
 .bg-trans-dark {
   background: rgba(0, 0, 0, 0.8); }
 
diff --git a/static/js/webslides.js b/static/js/webslides.js
index fff7edb..9656b0f 100644
--- a/static/js/webslides.js
+++ b/static/js/webslides.js
@@ -1,7 +1,7 @@
 /*!
  * Name: WebSlides
  * Version: 1.3.1
- * Date: 2017-09-17
+ * Date: 2017-10-09
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros
diff --git a/static/js/webslides.min.js b/static/js/webslides.min.js
index d0c838f..4a4c873 100644
--- a/static/js/webslides.min.js
+++ b/static/js/webslides.min.js
@@ -1,7 +1,7 @@
 /*!
  * Name: WebSlides
  * Version: 1.3.1
- * Date: 2017-09-17
+ * Date: 2017-10-09
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros