diff --git a/web/various-cards.html b/web/various-cards.html
index dd3420f..44dc82b 100644
--- a/web/various-cards.html
+++ b/web/various-cards.html
@@ -11,181 +11,185 @@
 
 	<link  href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
 	<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 */
+	<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 */
 
- html {
-     position: relative;
-     min-height: 100%;
- }
+	 html {
+	     position: relative;
+	     min-height: 100%;
+	 }
 
- body {
-     font-family: 'Fira Sans';
-     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 */
+	 /* figures, images, tables */
 
- .figure-number .table-number {
-     display: none;
- }
+	 .figure-number {
+	     display: none;
+	 }
 
- figcaption {
-     font-size: 16px;
-     color: #666;
-     //font-style: italic;
-     padding-bottom: 15px;
- }
+	 .table-number {
+	     display: none;
+	 }
 
- /* from twbs docs */
+	 figcaption {
+	     font-size: 16px;
+	     color: #666;
+	     //font-style: italic;
+	     padding-bottom: 15px;
+	 }
 
- .bs-docs-sidebar.affix {
-     position: static;
- }
- @media (min-width: 768px) {
-     .bs-docs-sidebar {
-         padding-left: 20px;
-     }
- }
+	 /* from twbs docs */
 
- /* 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;
- }
+	 .bs-docs-sidebar.affix {
+	     position: static;
+	 }
+	 @media (min-width: 768px) {
+	     .bs-docs-sidebar {
+		 padding-left: 20px;
+	     }
+	 }
 
- /* 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;
- }
+	 /* 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: 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: 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;
+	 }
 
- /* 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>
+	 /* 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;
+	     }
+	 }
+	</style>
 <script>
 $(function() {
     'use strict';