From e35bd1c79dd1ba7f6a81e0809f1985712a560839 Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Fri, 24 Jan 2025 23:52:20 +0000
Subject: [PATCH] Changes suggested by @mdo

---
 site/content/docs/5.3/content/tables.md       | 57 ++++++++++---------
 .../5.3/examples/cheatsheet-rtl/index.html    | 15 +++--
 .../docs/5.3/examples/cheatsheet/index.html   | 15 +++--
 .../docs/5.3/examples/modals/index.html       |  8 +++
 site/layouts/partials/table-content.html      |  5 +-
 5 files changed, 60 insertions(+), 40 deletions(-)

diff --git a/site/content/docs/5.3/content/tables.md b/site/content/docs/5.3/content/tables.md
index 0bda5f2d54c6..175076d8efb1 100644
--- a/site/content/docs/5.3/content/tables.md
+++ b/site/content/docs/5.3/content/tables.md
@@ -141,8 +141,9 @@ Highlight a table row or cell by adding a `.table-active` class.
       </tr>
       <tr>
         <th scope="row">3</th>
-        <td colspan="2" class="table-active">Larry the Bird</td>
-        <td>@social</td>
+        <td>John</td>
+        <td>Doe</td>
+        <td class="table-active">@social</td>
       </tr>
     </tbody>
   </table>
@@ -162,8 +163,9 @@ Highlight a table row or cell by adding a `.table-active` class.
     </tr>
     <tr>
       <th scope="row">3</th>
-      <td colspan="2" class="table-active">Larry the Bird</td>
-      <td>@social</td>
+      <td>John</td>
+      <td>Doe</td>
+      <td class="table-active">@social</td>
     </tr>
   </tbody>
 </table>
@@ -194,11 +196,12 @@ Highlight a table row or cell by adding a `.table-active` class.
       </tr>
       <tr>
         <th scope="row">3</th>
-        <td colspan="2" class="table-active">Larry the Bird</td>
-        <td>@social</td>
+        <td>John</td>
+        <td>Doe</td>
+        <td class="table-active">@social</td>
       </tr>
     </tbody>
-  </table>v
+  </table>
 </div>
 
 ```html
@@ -215,8 +218,9 @@ Highlight a table row or cell by adding a `.table-active` class.
     </tr>
     <tr>
       <th scope="row">3</th>
-      <td colspan="2" class="table-active">Larry the Bird</td>
-      <td>@social</td>
+      <td>John</td>
+      <td>Doe</td>
+      <td class="table-active">@social</td>
     </tr>
   </tbody>
 </table>
@@ -293,8 +297,9 @@ Add a thicker border, darker between table groups—`<thead>`, `<tbody>`, and `<
     </tr>
     <tr>
       <th scope="row">3</th>
-      <td colspan="2">Larry the Bird</td>
-      <td>@social</td>
+      <td>John</td>
+      <td>Doe</td>
+      <td class="table-active">@social</td>
     </tr>
   </tbody>
 </table>
@@ -418,9 +423,9 @@ Border styles, active styles, and table variants are not inherited by nested tab
     </tr>
     <tr>
       <th scope="row">3</th>
-      <td>Larry</td>
-      <td>the Bird</td>
-      <td>@social</td>
+      <td>John</td>
+      <td>Doe</td>
+      <td class="table-active">@social</td>
     </tr>
   </tbody>
 </table>
@@ -482,9 +487,9 @@ Similar to tables and dark tables, use the modifier classes `.table-light` or `.
     </tr>
     <tr>
       <th scope="row">3</th>
-      <td>Larry</td>
-      <td>the Bird</td>
-      <td>@social</td>
+      <td>John</td>
+      <td>Doe</td>
+      <td class="table-active">@social</td>
     </tr>
   </tbody>
 </table>
@@ -526,9 +531,9 @@ Similar to tables and dark tables, use the modifier classes `.table-light` or `.
     </tr>
     <tr>
       <th scope="row">3</th>
-      <td>Larry</td>
-      <td>the Bird</td>
-      <td>@social</td>
+      <td>John</td>
+      <td>Doe</td>
+      <td class="table-active">@social</td>
     </tr>
   </tbody>
 </table>
@@ -572,9 +577,9 @@ Similar to tables and dark tables, use the modifier classes `.table-light` or `.
     </tr>
     <tr>
       <th scope="row">3</th>
-      <td>Larry</td>
-      <td>the Bird</td>
-      <td>@social</td>
+      <td>John</td>
+      <td>Doe</td>
+      <td class="table-active">@social</td>
     </tr>
   </tbody>
   <tfoot>
@@ -653,9 +658,9 @@ You can also put the `<caption>` on the top of the table with `.caption-top`.
     </tr>
     <tr>
       <th scope="row">3</th>
-      <td>Larry</td>
-      <td>the Bird</td>
-      <td>@social</td>
+      <td>John</td>
+      <td>Doe</td>
+      <td class="table-active">@social</td>
     </tr>
   </tbody>
 </table>
diff --git a/site/content/docs/5.3/examples/cheatsheet-rtl/index.html b/site/content/docs/5.3/examples/cheatsheet-rtl/index.html
index 7d1d8e05c074..1f619b93623d 100644
--- a/site/content/docs/5.3/examples/cheatsheet-rtl/index.html
+++ b/site/content/docs/5.3/examples/cheatsheet-rtl/index.html
@@ -202,8 +202,9 @@ <h3>الجداول</h3>
           </tr>
           <tr>
             <th scope="row">3</th>
-            <td colspan="2">Larry the Bird</td>
-            <td><bdo lang="en" dir="ltr">@social</bdo></td>
+            <td>John</td>
+            <td>Doe</td>
+            <td class="table-active">@social</td>
           </tr>
           </tbody>
         </table>
@@ -234,8 +235,9 @@ <h3>الجداول</h3>
           </tr>
           <tr>
             <th scope="row">3</th>
-            <td colspan="2">Larry the Bird</td>
-            <td><bdo lang="en" dir="ltr">@social</bdo></td>
+            <td>John</td>
+            <td>Doe</td>
+            <td class="table-active">@social</td>
           </tr>
           </tbody>
         </table>
@@ -294,8 +296,9 @@ <h3>الجداول</h3>
           </tr>
           <tr>
             <th scope="row">3</th>
-            <td colspan="2">Larry the Bird</td>
-            <td><bdo lang="en" dir="ltr">@social</bdo></td>
+            <td>John</td>
+            <td>Doe</td>
+            <td class="table-active">@social</td>
           </tr>
           </tbody>
         </table>
diff --git a/site/content/docs/5.3/examples/cheatsheet/index.html b/site/content/docs/5.3/examples/cheatsheet/index.html
index 073268cb96c8..bbe1d3ee91a4 100644
--- a/site/content/docs/5.3/examples/cheatsheet/index.html
+++ b/site/content/docs/5.3/examples/cheatsheet/index.html
@@ -201,8 +201,9 @@ <h3>Tables</h3>
           </tr>
           <tr>
             <th scope="row">3</th>
-            <td colspan="2">Larry the Bird</td>
-            <td>@social</td>
+            <td>John</td>
+            <td>Doe</td>
+            <td class="table-active">@social</td>
           </tr>
           </tbody>
         </table>
@@ -233,8 +234,9 @@ <h3>Tables</h3>
           </tr>
           <tr>
             <th scope="row">3</th>
-            <td colspan="2">Larry the Bird</td>
-            <td>@social</td>
+            <td>John</td>
+            <td>Doe</td>
+            <td class="table-active">@social</td>
           </tr>
           </tbody>
         </table>
@@ -293,8 +295,9 @@ <h3>Tables</h3>
           </tr>
           <tr>
             <th scope="row">3</th>
-            <td colspan="2">Larry the Bird</td>
-            <td>@social</td>
+            <td>John</td>
+            <td>Doe</td>
+            <td class="table-active">@social</td>
           </tr>
           </tbody>
         </table>
diff --git a/site/content/docs/5.3/examples/modals/index.html b/site/content/docs/5.3/examples/modals/index.html
index bdfaf26dc7d4..a79c1e07eae7 100644
--- a/site/content/docs/5.3/examples/modals/index.html
+++ b/site/content/docs/5.3/examples/modals/index.html
@@ -20,6 +20,10 @@
     <path d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0v6h8V1H4zm8 8H4v6h8V9zM1 1v2h2V1H1zm2 3H1v2h2V4zM1 7v2h2V7H1zm2 3H1v2h2v-2zm-2 3v2h2v-2H1zM15 1h-2v2h2V1zm-2 3v2h2V4h-2zm2 3h-2v2h2V7zm-2 3v2h2v-2h-2zm2 3h-2v2h2v-2z"/>
   </symbol>
 
+  <symbol id="google" viewBox="0 0 16 16">
+    <path d="M15.545 6.558a9.4 9.4 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.7 7.7 0 0 1 5.352 2.082l-2.284 2.284A4.35 4.35 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.8 4.8 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.7 3.7 0 0 0 1.599-2.431H8v-3.08z"/>
+  </symbol>
+
   <symbol id="github" viewBox="0 0 16 16">
     <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
   </symbol>
@@ -125,6 +129,10 @@ <h1 class="fw-bold mb-0 fs-2">Sign up for free</h1>
           <small class="text-body-secondary">By clicking Sign up, you agree to the terms of use.</small>
           <hr class="my-4">
           <h2 class="fs-5 fw-bold mb-3">Or use a third-party</h2>
+          <button class="w-100 py-2 mb-2 btn btn-outline-secondary rounded-3" type="submit">
+            <svg class="bi me-1" width="16" height="16" aria-hidden="true"><use xlink:href="#google"/></svg>
+            Sign up with Google
+          </button>
           <button class="w-100 py-2 mb-2 btn btn-outline-primary rounded-3" type="submit">
             <svg class="bi me-1" width="16" height="16" aria-hidden="true"><use xlink:href="#facebook"/></svg>
             Sign up with Facebook
diff --git a/site/layouts/partials/table-content.html b/site/layouts/partials/table-content.html
index 3c0bf1be1b8d..ef0be3d8689f 100644
--- a/site/layouts/partials/table-content.html
+++ b/site/layouts/partials/table-content.html
@@ -21,7 +21,8 @@
     </tr>
     <tr>
       <th scope="row">3</th>
-      <td colspan="2">Larry the Bird</td>
-      <td>@social</td>
+      <td>John</td>
+      <td>Doe</td>
+      <td class="table-active">@social</td>
     </tr>
   </tbody>