diff --git a/web/various-cards.html b/web/various-cards.html
index 9d410b2..eca1d13 100644
--- a/web/various-cards.html
+++ b/web/various-cards.html
@@ -218,7 +218,7 @@ $(function() {
 </div><div class="col-md-9 col-md-pull-3"><h1 class="title">cards (various)</h1>
 
 <div id="outline-container-sec-1" class="outline-2">
-<h2 id="sec-1"><span class="section-number-2"></span> playing cards</h2>
+<h2 id="sec-1"><span class="section-number-2">1</span> playing cards</h2>
 <div class="outline-text-2" id="text-1">
 
 <figure>
@@ -236,7 +236,7 @@ $(function() {
 
 
 
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 <caption class="t-above"><span class="table-number">Table 1:</span> The Playing Arts deck “eclectic and powerful, with 55 artists from all over the world involved”  <a href="https://playingarts.com/en/special">https://playingarts.com/en/special</a></caption>
 
 <colgroup>
@@ -273,7 +273,7 @@ $(function() {
 <figcaption><span class="figure-number">Figure 3:</span> Concept and Design for a minimalist Playing Cards decks. Francesca Pagani.  <a href="https://francescapagani.graphics/portfolio-item/playing-cards/">https://francescapagani.graphics/portfolio-item/playing-cards/</a></figcaption>
 </figure>
 
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 <caption class="t-above"><span class="table-number">Table 2:</span> Four sided</caption>
 
 <colgroup>
@@ -305,7 +305,7 @@ $(function() {
 </table>
 
 
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 <caption class="t-above"><span class="table-number">Table 3:</span> Jokers</caption>
 
 <colgroup>
@@ -334,7 +334,7 @@ $(function() {
 </figure>
 
 
-<table id="Fortune Telling Cards" class="table table-condensed">
+<table id="Fortune Telling Cards" class="table table-striped table-bordered table-hover table-condensed">
 
 
 <colgroup>
@@ -356,7 +356,7 @@ $(function() {
 </table>
 
 
-<table id="Fortune Telling Cards" class="table table-condensed">
+<table id="Fortune Telling Cards" class="table table-striped table-bordered table-hover table-condensed">
 
 
 <colgroup>
@@ -375,7 +375,7 @@ $(function() {
 </div>
 </div>
 <div id="outline-container-sec-2" class="outline-2">
-<h2 id="sec-2"><span class="section-number-2"></span> Tarot (and variations)</h2>
+<h2 id="sec-2"><span class="section-number-2">2</span> Tarot (and variations)</h2>
 <div class="outline-text-2" id="text-2">
 
 <figure>
@@ -406,7 +406,7 @@ $(function() {
 <figcaption><span class="figure-number">Figure 8:</span> Revelations Tarot</figcaption>
 </figure>
 
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 <caption class="t-above"><span class="table-number">Table 4:</span> The Housewives Tarot</caption>
 
 <colgroup>
@@ -489,7 +489,7 @@ $(function() {
 </figure>
 
 
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 <caption class="t-above"><span class="table-number">Table 5:</span> Dali Tarot</caption>
 
 <colgroup>
@@ -513,7 +513,7 @@ $(function() {
 <figcaption><span class="figure-number">Figure 17:</span> cards from “Self-Guided Tarot” by Cameo Victor, 1999</figcaption>
 </figure>
 
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 <caption class="t-above"><span class="table-number">Table 6:</span> Ikea Tarot <a href="https://www.core77.com/posts/90881/Ikea-Based-Tarot-Cards">https://www.core77.com/posts/90881/Ikea-Based-Tarot-Cards</a></caption>
 
 <colgroup>
@@ -558,9 +558,9 @@ $(function() {
 </div>
 </div>
 <div id="outline-container-sec-3" class="outline-2">
-<h2 id="sec-3"><span class="section-number-2"></span> Design (thinking), Futures &amp; Method cards</h2>
+<h2 id="sec-3"><span class="section-number-2">3</span> Design (thinking), Futures &amp; Method cards</h2>
 <div class="outline-text-2" id="text-3">
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 <caption class="t-above"><span class="table-number">Table 7:</span> IDEO Method cards. <a href="https://www.ideo.com/post/method-cards">https://www.ideo.com/post/method-cards</a></caption>
 
 <colgroup>
@@ -582,7 +582,7 @@ $(function() {
 </table>
 
 
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 <caption class="t-above"><span class="table-number">Table 8:</span> The Thing from the Future. <a href="http://situationlab.org/project/the-thing-from-the-future/">http://situationlab.org/project/the-thing-from-the-future/</a></caption>
 
 <colgroup>
@@ -644,7 +644,7 @@ $(function() {
 </li>
 </ul>
 
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 
 
 <colgroup>
@@ -660,7 +660,7 @@ $(function() {
 </tbody>
 </table>
 
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 
 
 <colgroup>
@@ -723,7 +723,7 @@ $(function() {
 </div>
 </div>
 <div id="outline-container-sec-4" class="outline-2">
-<h2 id="sec-4"><span class="section-number-2"></span> Fluxx</h2>
+<h2 id="sec-4"><span class="section-number-2">4</span> Fluxx</h2>
 <div class="outline-text-2" id="text-4">
 <p>
 The <a href="https://www.looneylabs.com/games/fluxx">Card Game With Ever-Changing Rules</a> “It starts out simple: draw one card and play one card – but New Rule cards quickly make things chaotic. Even the object of the game will often change as you play, as players swap out one Goal card for another. Can you achieve World Peace before someone changes the goal to Bread and Chocolate?”
@@ -758,7 +758,7 @@ The <a href="https://www.looneylabs.com/games/fluxx">Card Game With Ever-Changin
 </div>
 </div>
 <div id="outline-container-sec-5" class="outline-2">
-<h2 id="sec-5"><span class="section-number-2"></span> MTG</h2>
+<h2 id="sec-5"><span class="section-number-2">5</span> MTG</h2>
 <div class="outline-text-2" id="text-5">
 <p>
 “Magic can be played by two or more players, either in person with printed cards or on a computer, smartphone or tablet with virtual cards through the Internet-based software Magic: The Gathering Online or other video games such as Magic: The Gathering Arena. It can be played in various rule formats, which fall into two categories: constructed and limited. Limited formats involve players building a deck spontaneously out of a pool of random cards with a minimum deck size of 40 cards; in constructed formats, players create decks from cards they own, usually with a minimum of 60 cards per deck.  New cards are released on a regular basis through expansion sets.” <a href="https://en.wikipedia.org/wiki/Magic:_The_Gathering">Magic: The Gathering (Wikipedia)</a>
@@ -784,7 +784,7 @@ Formats: MTG Arena, Tabletop Magic, Magic Online and Magic Pro League (digital a
 </div>
 </div>
 <div id="outline-container-sec-6" class="outline-2">
-<h2 id="sec-6"><span class="section-number-2"></span> RPG cards</h2>
+<h2 id="sec-6"><span class="section-number-2">6</span> RPG cards</h2>
 <div class="outline-text-2" id="text-6">
 
 <figure>
@@ -835,7 +835,7 @@ Formats: MTG Arena, Tabletop Magic, Magic Online and Magic Pro League (digital a
 </div>
 </div>
 <div id="outline-container-sec-7" class="outline-2">
-<h2 id="sec-7"><span class="section-number-2"></span> 1KBWC (1000 Blank White Cards)</h2>
+<h2 id="sec-7"><span class="section-number-2">7</span> 1KBWC (1000 Blank White Cards)</h2>
 <div class="outline-text-2" id="text-7">
 <p>
 “At its simplest, a card is just that: a physical card, which may or may not have undergone any modifications. Its role in the game is both as itself and as whatever information it carries, which can be changed, erased or amended. Many cards have been created which demanded their own modification, destruction or duplication, and many have been created which display nothing but a picture or text bearing no explicit significance whatsoever. Some have been eaten, burned, or cut and folded into other shapes.  As conceived, the game is not inherently limited in length or scope, is radically self-modifying, and can contain references to, or actual instances of, other games or activities. The game can also encode algorithms (trivially functioning as a Turing machine), store real-world data, and hold or refer to non-card objects.” <a href="https://en.wikipedia.org/wiki/1000_Blank_White_Cards">1000 Blank White Cards (Wikipedia)</a>
@@ -858,7 +858,7 @@ Formats: MTG Arena, Tabletop Magic, Magic Online and Magic Pro League (digital a
 </div>
 </div>
 <div id="outline-container-sec-8" class="outline-2">
-<h2 id="sec-8"><span class="section-number-2"></span> Kabufuda / Hanufuda</h2>
+<h2 id="sec-8"><span class="section-number-2">8</span> Kabufuda / Hanufuda</h2>
 <div class="outline-text-2" id="text-8">
 <p>
 <a href="https://en.wikipedia.org/wiki/Hanafuda">Hanafuda</a> and <a href="https://en.wikipedia.org/wiki/Kabufuda">Kabufuda</a> “cards are tiny, only 2 1/8 by 1 1/4 inches (54 x 32 mm), but about three times thicker than Western cards. […] There are twelve suits, representing months of the year. Each is designated by a flower and has four cards. The point values should be considered merely as a ranking mechanism, as the most popular games only concern themselves with certain combinations of taken cards. ”
@@ -889,7 +889,7 @@ Formats: MTG Arena, Tabletop Magic, Magic Online and Magic Pro League (digital a
 </div>
 </div>
 <div id="outline-container-sec-9" class="outline-2">
-<h2 id="sec-9"><span class="section-number-2"></span> Dasavatara Ganjifa</h2>
+<h2 id="sec-9"><span class="section-number-2">9</span> Dasavatara Ganjifa</h2>
 <div class="outline-text-2" id="text-9">
 <p>
 “Ganjifa cards are used in India, Pakistan, Iran and Turkey, and are usually hand-painted. This version was printed chromo-lithographically by the Chitrasala Press in around 1950. Ten suits of twelve cards, each suit is based on one of the ten incarnations of Vishnu. An upper court card, Raja, a lower court card, Pradhan or Mantri, and ten numerals in each suit. Suits are: Matsya (fish), Kurma (turtle), Varaha (boar), Narasimha (lion), Vamana (water pot), Parashurama (axe), Rama (bow &amp; arrow, or monkey), Krishna (quoit or cow), Buddha (conch) and Kalkin (sword or horse).” <a href="https://www.wopc.co.uk/india/dasavatara">https://www.wopc.co.uk/india/dasavatara</a>
@@ -904,7 +904,7 @@ Formats: MTG Arena, Tabletop Magic, Magic Online and Magic Pro League (digital a
 </div>
 </div>
 <div id="outline-container-sec-10" class="outline-2">
-<h2 id="sec-10"><span class="section-number-2"></span> The Children’s Alphabetical Packs</h2>
+<h2 id="sec-10"><span class="section-number-2">10</span> The Children’s Alphabetical Packs</h2>
 <div class="outline-text-2" id="text-10">
 <p>
 “At least three different editions of the cards were published; two with Marathi text and a third edition in Urdu. The cards were obviously intended as a game for fun but also with an educational agenda, i.e. the teaching of reading, matching and etiquette.”
@@ -919,7 +919,7 @@ Formats: MTG Arena, Tabletop Magic, Magic Online and Magic Pro League (digital a
 </div>
 </div>
 <div id="outline-container-sec-11" class="outline-2">
-<h2 id="sec-11"><span class="section-number-2"></span> Tonalamatl</h2>
+<h2 id="sec-11"><span class="section-number-2">11</span> Tonalamatl</h2>
 <div class="outline-text-2" id="text-11">
 <p>
 “Baraja Tonalamatl Mexican Aztec playing cards based on the prehispanic Codex Borgia manuscript - “A synthesis of Mesoamerican Cosmogonical, Chronometrical, Astronomical and Mathematical thought”. The cards run from 1 - 13 in each colour, plus 20 violet cards and six extra cards, making a total of 78 cards.“ <a href="https://www.wopc.co.uk/mexico/tonalamatl">https://www.wopc.co.uk/mexico/tonalamatl</a>
@@ -935,7 +935,7 @@ Formats: MTG Arena, Tabletop Magic, Magic Online and Magic Pro League (digital a
 </div>
 </div>
 <div id="outline-container-sec-12" class="outline-2">
-<h2 id="sec-12"><span class="section-number-2"></span> Hakka (客家)</h2>
+<h2 id="sec-12"><span class="section-number-2">12</span> Hakka (客家)</h2>
 <div class="outline-text-2" id="text-12">
 
 <figure>
@@ -954,7 +954,7 @@ Formats: MTG Arena, Tabletop Magic, Magic Online and Magic Pro League (digital a
 </div>
 </div>
 <div id="outline-container-sec-13" class="outline-2">
-<h2 id="sec-13"><span class="section-number-2"></span> Logica Memorativa</h2>
+<h2 id="sec-13"><span class="section-number-2">13</span> Logica Memorativa</h2>
 <div class="outline-text-2" id="text-13">
 <p>
 ‘Influenced by Byzantium, Vittorino da Feltre's school 'La Giocosa' revived in Italy the habit of using exercise-games in elementary levels of teaching. From that model, perhaps, the Franciscan named Thomas Murner in the late fifteenth century devised his course for teaching elements of logic. He presented students (in parallel with his 16 written lectures as 'Letters' or charta), with suites of practical exercises and mnemonic diagrams to supplement and reinforce students' memory of the material. Each lecture was linked with its associated exercises and diagrams by use of a common emblem, the 16 emblems speaking to philosophical symbolism and to stages of progress through academe's 'little year.' ’  <a href="https://www.wopc.co.uk/germany/murner">https://www.wopc.co.uk/germany/murner</a>
@@ -969,7 +969,7 @@ Formats: MTG Arena, Tabletop Magic, Magic Online and Magic Pro League (digital a
 </div>
 </div>
 <div id="outline-container-sec-14" class="outline-2">
-<h2 id="sec-14"><span class="section-number-2"></span> corners, miniatures &amp; indices</h2>
+<h2 id="sec-14"><span class="section-number-2">14</span> corners, miniatures &amp; indices</h2>
 <div class="outline-text-2" id="text-14">
 <p>
 “My invention consists in combining a number or letter with an emblem - such as a heart, spade, club or diamond - so that upon seeing the emblem, which may be in a corner, the denomination of the card is at once understood.”  <a href="https://www.wopc.co.uk/cards/corner-indices">https://www.wopc.co.uk/cards/corner-indices</a>
@@ -991,7 +991,7 @@ Formats: MTG Arena, Tabletop Magic, Magic Online and Magic Pro League (digital a
 </div>
 </div>
 <div id="outline-container-sec-15" class="outline-2">
-<h2 id="sec-15"><span class="section-number-2"></span> miscellanea</h2>
+<h2 id="sec-15"><span class="section-number-2">15</span> miscellanea</h2>
 <div class="outline-text-2" id="text-15">
 
 <figure>
@@ -1010,7 +1010,7 @@ design in progress &gt; <a href="https://www.kickstarter.com/discover/advanced?t
 </p>
 
 
-<table class="table table-condensed">
+<table class="table table-striped table-bordered table-hover table-condensed">
 <caption class="t-above"><span class="table-number">Table 9:</span> Holographic Cards (Lunar &amp; Tarot)</caption>
 
 <colgroup>
@@ -1033,7 +1033,7 @@ design in progress &gt; <a href="https://www.kickstarter.com/discover/advanced?t
 </div>
 </div>
 <div id="outline-container-sec-16" class="outline-2">
-<h2 id="sec-16"><span class="section-number-2"></span> various artists</h2>
+<h2 id="sec-16"><span class="section-number-2">16</span> various artists</h2>
 <div class="outline-text-2" id="text-16">
 
 <figure>
@@ -1067,12 +1067,12 @@ design in progress &gt; <a href="https://www.kickstarter.com/discover/advanced?t
 </div>
 
 <div id="outline-container-sec-17" class="outline-2">
-<h2 id="sec-17"><span class="section-number-2"></span> FIN</h2>
+<h2 id="sec-17"><span class="section-number-2">17</span> FIN</h2>
 </div>
 </div></div></div>
 <footer id="postamble" class="">
-<div><p class="author">The S.P.A.C.E consortium &amp; SUPERject working group</p>
-<p class="date">2020-11-26 Thu 13:55</p>
+<div><p class="author">Author: The S.P.A.C.E consortium &amp; SUPERject working group</p>
+<p class="date">Created: 2020-11-26 Thu 13:55</p>
 <p class="creator"><a href="http://www.gnu.org/software/emacs/">Emacs</a> 28.0.50 (<a href="http://orgmode.org">Org-mode</a> 9.4)</p>
 </div>
 </footer>