diff --git a/web/various-cards.html b/web/various-cards.html
index a6224cc..ed24d1a 100644
--- a/web/various-cards.html
+++ b/web/various-cards.html
@@ -12,57 +12,58 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
 <style>
-/* org mode styles on top of twbs */
+ /* org mode styles on top of twbs */
 
-html {
-    position: relative;
-    min-height: 100%;
-}
+ html {
+     position: relative;
+     min-height: 100%;
+ }
 
-body {
-    font-size: 18px;
-    margin-bottom: 105px;
-}
+ body {
+     font-family: 'Fira Sans';
+     font-size: 18px;
+     margin-bottom: 105px;
+ }
 
-footer {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: 101px;
-    background-color: #f5f5f5;
-}
+ footer {
+     position: absolute;
+     bottom: 0;
+     width: 100%;
+     height: 101px;
+     background-color: #f5f5f5;
+ }
 
-footer > div {
-    padding: 10px;
-}
+ footer > div {
+     padding: 10px;
+ }
 
-footer p {
-    margin: 0 0 5px;
-    text-align: center;
-    font-size: 16px;
-}
+ footer p {
+     margin: 0 0 5px;
+     text-align: center;
+     font-size: 16px;
+ }
 
-#table-of-contents {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
+ #table-of-contents {
+     margin-top: 20px;
+     margin-bottom: 20px;
+ }
 
-blockquote p {
-    font-size: 18px;
-}
+ blockquote p {
+     font-size: 18px;
+ }
 
-pre {
-    font-size: 16px;
-}
+ pre {
+     font-size: 16px;
+ }
 
-.footpara {
-    display: inline-block;
-}
+ .footpara {
+     display: inline-block;
+ }
 
  /* figures, images, tables */
 
- .figure-number {
-     display: none; 
+ .figure-number .table-number {
+     display: none;
  }
 
  figcaption {
@@ -72,117 +73,117 @@ pre {
      padding-bottom: 15px;
  }
 
-/* from twbs docs */
+ /* from twbs docs */
 
-.bs-docs-sidebar.affix {
-    position: static;
-}
-@media (min-width: 768px) {
-    .bs-docs-sidebar {
-        padding-left: 20px;
-    }
-}
+ .bs-docs-sidebar.affix {
+     position: static;
+ }
+ @media (min-width: 768px) {
+     .bs-docs-sidebar {
+         padding-left: 20px;
+     }
+ }
 
-/* All levels of nav */
-.bs-docs-sidebar .nav > li > a {
-    display: block;
-    padding: 4px 20px;
-    font-size: 14px;
-    font-weight: 500;
-    color: #999;
-}
-.bs-docs-sidebar .nav > li > a:hover,
-.bs-docs-sidebar .nav > li > a:focus {
-    padding-left: 19px;
-    color: #A1283B;
-    text-decoration: none;
-    background-color: transparent;
-    border-left: 1px solid #A1283B;
-}
-.bs-docs-sidebar .nav > .active > a,
-.bs-docs-sidebar .nav > .active:hover > a,
-.bs-docs-sidebar .nav > .active:focus > a {
-    padding-left: 18px;
-    font-weight: bold;
-    color: #A1283B;
-    background-color: transparent;
-    border-left: 2px solid #A1283B;
-}
+ /* All levels of nav */
+ .bs-docs-sidebar .nav > li > a {
+     display: block;
+     padding: 4px 20px;
+     font-size: 14px;
+     font-weight: 500;
+     color: #999;
+ }
+ .bs-docs-sidebar .nav > li > a:hover,
+ .bs-docs-sidebar .nav > li > a:focus {
+     padding-left: 19px;
+     color: #A1283B;
+     text-decoration: none;
+     background-color: transparent;
+     border-left: 1px solid #A1283B;
+ }
+ .bs-docs-sidebar .nav > .active > a,
+ .bs-docs-sidebar .nav > .active:hover > a,
+ .bs-docs-sidebar .nav > .active:focus > a {
+     padding-left: 18px;
+     font-weight: bold;
+     color: #A1283B;
+     background-color: transparent;
+     border-left: 2px solid #A1283B;
+ }
 
-/* Nav: second level (shown on .active) */
-.bs-docs-sidebar .nav .nav {
-    display: none; /* Hide by default, but at >768px, show it */
-    padding-bottom: 10px;
-}
-.bs-docs-sidebar .nav .nav > li > a {
-    padding-top: 1px;
-    padding-bottom: 1px;
-    padding-left: 30px;
-    font-size: 12px;
-    font-weight: normal;
-}
-.bs-docs-sidebar .nav .nav > li > a:hover,
-.bs-docs-sidebar .nav .nav > li > a:focus {
-    padding-left: 29px;
-}
-.bs-docs-sidebar .nav .nav > .active > a,
-.bs-docs-sidebar .nav .nav > .active:hover > a,
-.bs-docs-sidebar .nav .nav > .active:focus > a {
-    padding-left: 28px;
-    font-weight: 500;
-}
+ /* Nav: second level (shown on .active) */
+ .bs-docs-sidebar .nav .nav {
+     display: none; /* Hide by default, but at >768px, show it */
+     padding-bottom: 10px;
+ }
+ .bs-docs-sidebar .nav .nav > li > a {
+     padding-top: 1px;
+     padding-bottom: 1px;
+     padding-left: 30px;
+     font-size: 12px;
+     font-weight: normal;
+ }
+ .bs-docs-sidebar .nav .nav > li > a:hover,
+ .bs-docs-sidebar .nav .nav > li > a:focus {
+     padding-left: 29px;
+ }
+ .bs-docs-sidebar .nav .nav > .active > a,
+ .bs-docs-sidebar .nav .nav > .active:hover > a,
+ .bs-docs-sidebar .nav .nav > .active:focus > a {
+     padding-left: 28px;
+     font-weight: 500;
+ }
 
-/* Nav: third level (shown on .active) */
-.bs-docs-sidebar .nav .nav .nav {
-    padding-bottom: 10px;
-}
-.bs-docs-sidebar .nav .nav .nav > li > a {
-    padding-top: 1px;
-    padding-bottom: 1px;
-    padding-left: 40px;
-    font-size: 12px;
-    font-weight: normal;
-}
-.bs-docs-sidebar .nav .nav .nav > li > a:hover,
-.bs-docs-sidebar .nav .nav .nav > li > a:focus {
-    padding-left: 39px;
-}
-.bs-docs-sidebar .nav .nav .nav > .active > a,
-.bs-docs-sidebar .nav .nav .nav > .active:hover > a,
-.bs-docs-sidebar .nav .nav .nav > .active:focus > a {
-    padding-left: 38px;
-    font-weight: 500;
-}
+ /* Nav: third level (shown on .active) */
+ .bs-docs-sidebar .nav .nav .nav {
+     padding-bottom: 10px;
+ }
+ .bs-docs-sidebar .nav .nav .nav > li > a {
+     padding-top: 1px;
+     padding-bottom: 1px;
+     padding-left: 40px;
+     font-size: 12px;
+     font-weight: normal;
+ }
+ .bs-docs-sidebar .nav .nav .nav > li > a:hover,
+ .bs-docs-sidebar .nav .nav .nav > li > a:focus {
+     padding-left: 39px;
+ }
+ .bs-docs-sidebar .nav .nav .nav > .active > a,
+ .bs-docs-sidebar .nav .nav .nav > .active:hover > a,
+ .bs-docs-sidebar .nav .nav .nav > .active:focus > a {
+     padding-left: 38px;
+     font-weight: 500;
+ }
 
-/* Show and affix the side nav when space allows it */
-@media (min-width: 992px) {
-    .bs-docs-sidebar .nav > .active > ul {
-        display: block;
-    }
-    /* Widen the fixed sidebar */
-    .bs-docs-sidebar.affix,
-    .bs-docs-sidebar.affix-bottom {
-        width: 213px;
-    }
-    .bs-docs-sidebar.affix {
-        position: fixed; /* Undo the static from mobile first approach */
-        top: 20px;
-    }
-    .bs-docs-sidebar.affix-bottom {
-        position: absolute; /* Undo the static from mobile first approach */
-    }
-    .bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav {
-        margin-top: 0;
-        margin-bottom: 0
-    }
-}
-@media (min-width: 1200px) {
-    /* Widen the fixed sidebar again */
-    .bs-docs-sidebar.affix-bottom,
-    .bs-docs-sidebar.affix {
-        width: 263px;
-    }
-}
+ /* Show and affix the side nav when space allows it */
+ @media (min-width: 992px) {
+     .bs-docs-sidebar .nav > .active > ul {
+         display: block;
+     }
+     /* Widen the fixed sidebar */
+     .bs-docs-sidebar.affix,
+     .bs-docs-sidebar.affix-bottom {
+         width: 213px;
+     }
+     .bs-docs-sidebar.affix {
+         position: fixed; /* Undo the static from mobile first approach */
+         top: 20px;
+     }
+     .bs-docs-sidebar.affix-bottom {
+         position: absolute; /* Undo the static from mobile first approach */
+     }
+     .bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav {
+         margin-top: 0;
+         margin-bottom: 0
+     }
+ }
+ @media (min-width: 1200px) {
+     /* Widen the fixed sidebar again */
+     .bs-docs-sidebar.affix-bottom,
+     .bs-docs-sidebar.affix {
+         width: 263px;
+     }
+ }
 </style>
 <script>
 $(function() {