table css refactor

academic/misc/2024-math-calendar.html

@@ -34,7 +34,7 @@ <h1>Math Calendar 2024</h1>
 
 <div id="cal">
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/01-jan.html">January</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -93,7 +93,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/02-feb.html">February</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -152,7 +152,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/03-mar.html">March</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -211,7 +211,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/04-apr.html">April</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -270,7 +270,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/05-may.html">May</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -329,7 +329,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/06-jun.html">June</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -388,7 +388,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/07-jul.html">July</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -447,7 +447,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/08-aug.html">August</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -506,7 +506,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/09-sep.html">September</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -565,7 +565,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/10-oct.html">October</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -624,7 +624,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/11-nov.html">November</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -683,7 +683,7 @@ <h1>Math Calendar 2024</h1>
     </tr>
 </table>
 
-<table>
+<table class="table_normal">
     <tr><th colspan="7"><a href="2024-math-calendar/12-dec.html">December</a></th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>

academic/misc/2024-math-calendar/01-jan.html

@@ -20,7 +20,7 @@
 
 <h1>Math Calendar 2024 January</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">January</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -1393,7 +1393,7 @@ <h3 id="jan25">Jan 25</h3>
     work is summarized in the table below.
 </p>
 
-<table>
+<table class="table_normal">
     <tr>
         <th>step</th>
         <th>compute this</th>
@@ -1439,7 +1439,7 @@ <h3 id="jan25">Jan 25</h3>
     this and the work is summarized in the following table.
 </p>
 
-<table>
+<table class="table_normal">
     <tr>
         <th>step</th>
         <th>compute this</th>

academic/misc/2024-math-calendar/02-feb.html

@@ -20,7 +20,7 @@
 
 <h1>Math Calendar 2024 February</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">February</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>

academic/misc/2024-math-calendar/03-mar.html

@@ -20,7 +20,7 @@
 
 <h1>Math Calendar 2024 March</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">March</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>

academic/misc/2024-math-calendar/04-apr.html

@@ -13,14 +13,16 @@
             width: 250px;
             text-align: center;
         }
+        .r { background: #f77; }
+        .g { background: #7f7; }
     </style>
 </head>
 <body>
 <div id="root">
 
 <h1>Math Calendar 2024 April</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">April</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -157,13 +159,13 @@ <h3 id="apr05">Apr 05</h3>
     5 cases of congruency modulo 10.
 </p>
 
-<table>
+<table class="table_normal">
     <tr><th>\(\mod10\)</th><th>\(p^2-1\)</th><th>\(p^2+1\)</th></tr>
-    <tr><td>1</td><td style="background:#f77;">0</td><td>2</td></tr>
-    <tr><td>3</td><td>8</td><td style="background:#f77;">0</td></tr>
-    <tr style="background:#7f7;"><td>5</td><td>4</td><td>6</td></tr>
-    <tr><td>7</td><td>8</td><td style="background:#f77;">0</td></tr>
-    <tr><td>9</td><td style="background:#f77;">0</td><td>2</td></tr>
+    <tr><td>1</td><td class="r">0</td><td>2</td></tr>
+    <tr><td>3</td><td>8</td><td class="r">0</td></tr>
+    <tr class="g"><td>5</td><td>4</td><td>6</td></tr>
+    <tr><td>7</td><td>8</td><td class="r">0</td></tr>
+    <tr><td>9</td><td class="r">0</td><td>2</td></tr>
 </table>
 
 <p>
@@ -930,7 +932,7 @@ <h3 id="apr29">Apr 29</h3>
     summarizes the steps which does involve a few tedious calculations.
 </p>
 
-<table>
+<table class="table_normal">
     <tr><th>\(k\)</th><th>\(a_k\)</th><th>\(f(a_k)\)</th><th>\(3^{-1}\)</th><th>\(a_{k+1}\)</th></tr>
     <tr><td>\(1\)</td><td>\(0\)</td><td>\(16\equiv0\mod4\)</td><td>Not needed</td><td>\(0-16\cdot3^{-1}\equiv0\mod4\)</td></tr>
     <tr><td>\(2\)</td><td>\(0\)</td><td>\(16\equiv0\mod8\)</td><td>Not needed</td><td>\(0-16\cdot3^{-1}\equiv0\mod8\)</td></tr>
@@ -943,7 +945,7 @@ <h3 id="apr29">Apr 29</h3>
     Below is a similar table.
 </p>
 
-<table>
+<table class="table_normal">
     <tr><th>\(k\)</th><th>\(a_k\)</th><th>\(f(a_k)\)</th><th>\(5^{-1}\)</th><th>\(a_{k+1}\)</th></tr>
     <tr><td>\(1\)</td><td>\(1\)</td><td>\(20\equiv0\mod4\)</td><td>Not needed</td><td>\(1-20\cdot5^{-1}\equiv1\mod4\)</td></tr>
     <tr><td>\(2\)</td><td>\(1\)</td><td>\(20\equiv4\mod8\)</td><td>\(5\mod8\)</td><td>\(1-20\cdot5^{-1}\equiv5\mod8\)</td></tr>

academic/misc/2024-math-calendar/05-may.html

@@ -20,7 +20,7 @@
 
 <h1>Math Calendar 2024 May</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">May</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>

academic/misc/2024-math-calendar/06-jun.html

@@ -13,14 +13,16 @@
             width: 250px;
             text-align: center;
         }
+        .r { background: #f77; }
+        .g { background: #7f7; }
     </style>
 </head>
 <body>
 <div id="root">
 
 <h1>Math Calendar 2024 June</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">June</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -331,17 +333,17 @@ <h3 id="jun15">Jun 15</h3>
 starting entirely in green and then marking composite numbers in red.
 </p>
 
-<table>
-    <tr><td></td><td></td><td style="background:#7f7">2</td><td style="background:#7f7">3</td><td style="background:#f77">4</td><td style="background:#7f7">5</td><td style="background:#f77">6</td><td style="background:#7f7">7</td><td style="background:#f77">8</td><td style="background:#f77">9</td></tr>
-    <tr><td style="background:#f77">10</td><td style="background:#7f7">11</td><td style="background:#f77">12</td><td style="background:#7f7">13</td><td style="background:#f77">14</td><td style="background:#f77">15</td><td style="background:#f77">16</td><td style="background:#7f7">17</td><td style="background:#f77">18</td><td style="background:#7f7">19</td></tr>
-    <tr><td style="background:#f77">20</td><td style="background:#f77">21</td><td style="background:#f77">22</td><td style="background:#7f7">23</td><td style="background:#f77">24</td><td style="background:#f77">25</td><td style="background:#f77">26</td><td style="background:#f77">27</td><td style="background:#f77">28</td><td style="background:#7f7">29</td></tr>
-    <tr><td style="background:#f77">30</td><td style="background:#7f7">31</td><td style="background:#f77">32</td><td style="background:#f77">33</td><td style="background:#f77">34</td><td style="background:#f77">35</td><td style="background:#f77">36</td><td style="background:#7f7">37</td><td style="background:#f77">38</td><td style="background:#f77">39</td></tr>
-    <tr><td style="background:#f77">40</td><td style="background:#7f7">41</td><td style="background:#f77">42</td><td style="background:#7f7">43</td><td style="background:#f77">44</td><td style="background:#f77">45</td><td style="background:#f77">46</td><td style="background:#7f7">47</td><td style="background:#f77">48</td><td style="background:#f77">49</td></tr>
-    <tr><td style="background:#f77">50</td><td style="background:#f77">51</td><td style="background:#f77">52</td><td style="background:#7f7">53</td><td style="background:#f77">54</td><td style="background:#f77">55</td><td style="background:#f77">56</td><td style="background:#f77">57</td><td style="background:#f77">58</td><td style="background:#7f7">59</td></tr>
-    <tr><td style="background:#f77">60</td><td style="background:#7f7">61</td><td style="background:#f77">62</td><td style="background:#f77">63</td><td style="background:#f77">64</td><td style="background:#f77">65</td><td style="background:#f77">66</td><td style="background:#7f7">67</td><td style="background:#f77">68</td><td style="background:#f77">69</td></tr>
-    <tr><td style="background:#f77">70</td><td style="background:#7f7">71</td><td style="background:#f77">72</td><td style="background:#7f7">73</td><td style="background:#f77">74</td><td style="background:#f77">75</td><td style="background:#f77">76</td><td style="background:#f77">77</td><td style="background:#f77">78</td><td style="background:#7f7">79</td></tr>
-    <tr><td style="background:#f77">80</td><td style="background:#f77">81</td><td style="background:#f77">82</td><td style="background:#7f7">83</td><td style="background:#f77">84</td><td style="background:#f77">85</td><td style="background:#f77">86</td><td style="background:#f77">87</td><td style="background:#f77">88</td><td style="background:#7f7">89</td></tr>
-    <tr><td style="background:#f77">90</td><td style="background:#f77">91</td><td style="background:#f77">92</td><td style="background:#f77">93</td><td style="background:#f77">94</td><td style="background:#f77">95</td><td style="background:#f77">96</td><td style="background:#7f7">97</td><td style="background:#f77">98</td><td style="background:#f77">99</td></tr>
+<table class="table_normal">
+    <tr><td></td><td></td><td class="g">2</td><td class="g">3</td><td class="r">4</td><td class="g">5</td><td class="r">6</td><td class="g">7</td><td class="r">8</td><td class="r">9</td></tr>
+    <tr><td class="r">10</td><td class="g">11</td><td class="r">12</td><td class="g">13</td><td class="r">14</td><td class="r">15</td><td class="r">16</td><td class="g">17</td><td class="r">18</td><td class="g">19</td></tr>
+    <tr><td class="r">20</td><td class="r">21</td><td class="r">22</td><td class="g">23</td><td class="r">24</td><td class="r">25</td><td class="r">26</td><td class="r">27</td><td class="r">28</td><td class="g">29</td></tr>
+    <tr><td class="r">30</td><td class="g">31</td><td class="r">32</td><td class="r">33</td><td class="r">34</td><td class="r">35</td><td class="r">36</td><td class="g">37</td><td class="r">38</td><td class="r">39</td></tr>
+    <tr><td class="r">40</td><td class="g">41</td><td class="r">42</td><td class="g">43</td><td class="r">44</td><td class="r">45</td><td class="r">46</td><td class="g">47</td><td class="r">48</td><td class="r">49</td></tr>
+    <tr><td class="r">50</td><td class="r">51</td><td class="r">52</td><td class="g">53</td><td class="r">54</td><td class="r">55</td><td class="r">56</td><td class="r">57</td><td class="r">58</td><td class="g">59</td></tr>
+    <tr><td class="r">60</td><td class="g">61</td><td class="r">62</td><td class="r">63</td><td class="r">64</td><td class="r">65</td><td class="r">66</td><td class="g">67</td><td class="r">68</td><td class="r">69</td></tr>
+    <tr><td class="r">70</td><td class="g">71</td><td class="r">72</td><td class="g">73</td><td class="r">74</td><td class="r">75</td><td class="r">76</td><td class="r">77</td><td class="r">78</td><td class="g">79</td></tr>
+    <tr><td class="r">80</td><td class="r">81</td><td class="r">82</td><td class="g">83</td><td class="r">84</td><td class="r">85</td><td class="r">86</td><td class="r">87</td><td class="r">88</td><td class="g">89</td></tr>
+    <tr><td class="r">90</td><td class="r">91</td><td class="r">92</td><td class="r">93</td><td class="r">94</td><td class="r">95</td><td class="r">96</td><td class="g">97</td><td class="r">98</td><td class="r">99</td></tr>
 </table>
 
 <p>

academic/misc/2024-math-calendar/07-jul.html

@@ -20,7 +20,7 @@
 
 <h1>Math Calendar 2024 July</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">July</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>

academic/misc/2024-math-calendar/08-aug.html

@@ -20,7 +20,7 @@
 
 <h1>Math Calendar 2024 August</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">August</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -503,7 +503,7 @@ <h3 id="aug22">Aug 22</h3>
 We can fill in the following table going row by row using the recurrence.
 </p>
 
-<table>
+<table class="table_normal">
     <tr><th>\(n\textbackslash i\)</th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th></tr>
     <tr><th>1</th><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
     <tr><th>2</th><td>1</td><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td></tr>

academic/misc/2024-math-calendar/09-sep.html

@@ -13,14 +13,16 @@
             width: 250px;
             text-align: center;
         }
+        .r { background: #f77; }
+        .g { background: #7f7; }
     </style>
 </head>
 <body>
 <div id="root">
 
 <h1>Math Calendar 2024 September</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">September</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>
@@ -468,7 +470,7 @@ <h3 id="sep27">Sep 27</h3>
 this to select from all possible cases found by considering divisors of 140.
 </p>
 
-<table>
+<table class="table_normal">
     <tr>
         <th>\(c+a\)</th>
         <th>\(b+c\)</th>
@@ -489,7 +491,7 @@ <h3 id="sep27">Sep 27</h3>
         <td>\(70\)</td>
         <td>\(3\)</td>
     </tr>
-    <tr style="background:#f77">
+    <tr class="r">
         <td>\(2\)</td>
         <td>\(70\)</td>
         <td></td><td></td><td></td><td></td><td></td><td></td>
@@ -524,7 +526,7 @@ <h3 id="sep27">Sep 27</h3>
         <td>\(13\)</td>
         <td>\(6\)</td>
     </tr>
-    <tr style="background:#f77">
+    <tr class="r">
         <td>\(10\)</td>
         <td>\(14\)</td>
         <td></td><td></td><td></td><td></td><td></td><td></td>

academic/misc/2024-math-calendar/10-oct.html

@@ -20,7 +20,7 @@
 
 <h1>Math Calendar 2024 October</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">October</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>

academic/misc/2024-math-calendar/11-nov.html

@@ -20,7 +20,7 @@
 
 <h1>Math Calendar 2024 November</h1>
 
-<table id="cal">
+<table id="cal" class="table_normal">
     <tr><th colspan="7">November</th></tr>
     <tr><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr>
     <tr>