j1-template 2021.0.14 → 2021.0.15

data/lib/starter_web/_plugins/lunr_index.rb

@@ -345,6 +345,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2021.0.14'
+    VERSION = '2021.0.15'
   end
 end

data/lib/starter_web/assets/images/modules/icons/d1/scalable/d1.svg

@@ -14,7 +14,7 @@
    version="1.1"
    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
    sodipodi:docname="d1.svg"
-   inkscape:export-filename="C:\Temp\d10n-2021.0.14\assets\images\modules\icons\d1\d1-256x256.png"
+   inkscape:export-filename="C:\Temp\d10n-2021.0.15\assets\images\modules\icons\d1\d1-256x256.png"
    inkscape:export-xdpi="49.152"
    inkscape:export-ydpi="49.152">
   <title

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1_starter",
-  "version": "2021.0.14",
+  "version": "2021.0.15",
   "description": "J1 Template Starter Web",
   "homepage": "https://your.site",
   "author": {

data/lib/starter_web/pages/public/blog/navigator/archive.html

@@ -7,13 +7,13 @@ description:                            Browse all articles
 categories:                             [ Navigator ]
 tags:                                   [ Blog, Archive, Viewer ]
 
-exclude_from_search:                    true
-
 sort:                                   date
 toc:                                    true
-noindex:                                true
 fam_menu_id:                            open_toc
 
+indexed:                                false
+exclude_from_search:                    true
+
 pagination:
   enabled:                              true
   permalink:                            /page:num/

data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html

@@ -7,13 +7,13 @@ description:                            Browse articles by category
 categories:                             [ Navigator ]
 tags:                                   [ Blog, Categories, Viewer ]
 
-exclude_from_search:                    true
-
 sort:                                   date
 toc:                                    true
-noindex:                                true
 fam_menu_id:                            open_toc
 
+indexed:                                false
+exclude_from_search:                    true
+
 pagination:
   enabled:                              true
   permalink:                            /page:num/

data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html

@@ -7,13 +7,14 @@ description:                            Browse articles by date
 categories:                             [ Navigator ]
 tags:                                   [ Blog, Date, Viewer ]
 
-exclude_from_search:                    true
-
 sort:                                   date
 toc:                                    true
-noindex:                                true
 fam_menu_id:                            open_toc
 
+indexed:                                false
+exclude_from_search:                    true
+
+
 pagination:
   enabled:                              true
   permalink:                            /page:num/
@@ -92,11 +93,13 @@ resource_options:
       <h3 id="{{100000|rand}}"
         class="toc-link mt-5 mb-3">
         {% if year != nyear %}
-        <a id="{{post.date|date:'%Y'}}"></a>
-        {% endif %}<a id="{{post.date|date:'%Y-%m' }}">
-        </a>
-        <a> <i class="mdi mdi-calendar-blank"></i></a>
+        <a href="#" id="{{post.date|date:'%Y'}}">
+        {% else %}
+        <a href="#" id="{{post.date|date:'%Y-%m' }}">
+        {% endif %}
+        <i class="mdi mdi-calendar-blank"></i>
         {{post.date|date:'%B %Y'}}
+        </a>        
       </h3>
       {{openList}}
       {% endif %}

data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html

@@ -7,13 +7,13 @@ description:                            Browse articles by tag
 categories:                             [ Navigator ]
 tags:                                   [ Blog, Tags, Viewer ]
 
-exclude_from_search:                    true
-
 sort:                                   date
 toc:                                    true
-noindex:                                true
 fam_menu_id:                            open_toc
 
+indexed:                                false
+exclude_from_search:                    true
+
 pagination:
   enabled:                              true
   permalink:                            /page:num/

data/lib/starter_web/pages/public/blog/navigator/index.html

@@ -13,8 +13,10 @@ pagination:
 
 sort:                                   date
 toc:                                    true
+fam_menu_id:                            default
+
+indexed:                                false
 exclude_from_search:                    true
-fam_menu_id:                            open_toc
 
 regenerate:                             false
 

data/lib/starter_web/pages/public/previewer/_includes/tables/rouge/300_supported_languages.asciidoc

@@ -225,7 +225,7 @@ the principal shading language for OpenGL.
 
 |`go`
 |golang
-|The https://golang.org/[Go, {browser-window--new}]
+|The https://golang.org/[Programming language Go, {browser-window--new}]
 programming language. Go is an open source programming language that makes it
 easy to build simple, reliable, and efficient software.
 

data/lib/starter_web/pages/public/previewer/bootstrap_theme.adoc

@@ -123,7 +123,7 @@ colors. Then, customize with `.bg-*` utilities.
 ++++
 <div class="doc-example mb-3">
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-1">
-    <a class="navbar-brand" href="#">Navbar<div class="ripple-container"></div></a>
+    <a href="#" class="navbar-brand">Navbar<div class="ripple-container"></div></a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
@@ -131,16 +131,16 @@ colors. Then, customize with `.bg-*` utilities.
     <div class="collapse navbar-collapse" id="navbarColor01">
       <ul class="navbar-nav mr-auto">
         <li class="nav-item active">
-          <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+          <a href="#" class="nav-link">Home <span class="sr-only">(current)</span></a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#">Features</a>
+          <a href="#" class="nav-link">Features</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#">Pricing</a>
+          <a href="#" class="nav-link">Pricing</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#">About</a>
+          <a href="#" class="nav-link">About</a>
         </li>
       </ul>
       <form class="form-inline">
@@ -151,7 +151,7 @@ colors. Then, customize with `.bg-*` utilities.
   </nav>
 
   <nav class="navbar navbar-expand-lg navbar-dark bg-primary mb-1">
-    <a class="navbar-brand" href="#">Navbar</a>
+    <a href="#" class="navbar-brand">Navbar</a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
@@ -159,16 +159,16 @@ colors. Then, customize with `.bg-*` utilities.
     <div class="collapse navbar-collapse" id="navbarColor02">
       <ul class="navbar-nav mr-auto">
         <li class="nav-item active">
-          <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+          <a href="#" class="nav-link">Home <span class="sr-only">(current)</span></a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#">Features</a>
+          <a href="#" class="nav-link">Features</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#">Pricing</a>
+          <a href="#" class="nav-link">Pricing</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#">About</a>
+          <a href="#" class="nav-link">About</a>
         </li>
       </ul>
       <form class="form-inline">
@@ -179,7 +179,7 @@ colors. Then, customize with `.bg-*` utilities.
   </nav>
 
   <nav class="navbar navbar-expand-lg navbar-light" style="background-color: #e3f2fd;">
-    <a class="navbar-brand" href="#">Navbar</a>
+    <a href="#" class="navbar-brand">Navbar</a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
@@ -187,16 +187,16 @@ colors. Then, customize with `.bg-*` utilities.
     <div class="collapse navbar-collapse" id="navbarColor03">
       <ul class="navbar-nav mr-auto">
         <li class="nav-item active">
-          <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+          <a href="#" class="nav-link">Home <span class="sr-only">(current)</span></a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#">Features</a>
+          <a href="#" class="nav-link">Features</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#">Pricing</a>
+          <a href="#" class="nav-link">Pricing</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#">About</a>
+          <a  href="#" class="nav-link">About</a>
         </li>
       </ul>
       <form class="form-inline">
@@ -567,7 +567,7 @@ link:{url-bs-docs--content-typography}[Bootstrap Docs {char-middot} Typography,
     </div>
     <div class="col-md-4">
       <h3 class="notoc">Example body text</h2>
-      <p>Nullam quis risus eget <a href="javascript:(void)">urna mollis ornare</a> vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
+      <p>Nullam quis risus eget <a href="#">urna mollis ornare</a> vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
       <p><small>This line of text is meant to be treated as fine print.</small></p>
       <p>The following is <strong>rendered as bold text</strong>.</p>
       <p>The following is <em>rendered as italicized text</em>.</p>
@@ -701,14 +701,14 @@ link:{url-bs-docs--components-forms}[Bootstrap Docs {char-middot} Forms, {browse
 <div class="doc-example mb-3">
   <form>
     <div class="form-group">
-      <label for="exampleInputEmail1" class="bmd-label-floating">Email address</label>
       <input type="email" class="form-control" id="exampleInputEmail1" autocomplete="none">
+      <label for="exampleInputEmail1" class="bmd-label-floating">Email address</label>
       <span class="form-clear d-none"><i class="mdi mdi-2x mdi-format-clear"></i></span>
       <span class="bmd-help">We'll never share your email with anyone else.</span>
     </div>
     <div class="form-group">
-      <label for="exampleInputPassword1" class="bmd-label-floating">Password</label>
       <input type="password" class="form-control" id="exampleInputPassword1">
+      <label for="exampleInputPassword1" class="bmd-label-floating">Password</label>
       <span class="form-clear d-none"><i class="mdi mdi-2x mdi-format-clear"></i></span>
     </div>
     <div class="form-group form-check">
@@ -728,11 +728,10 @@ state, sizing, and more.
 <div class="doc-example mb-3">
   <form>
     <div class="form-group">
-        <label for="exampleInputEmail1" class="bmd-label-floating">Email address</label>
       <input type="email" class="form-control" id="exampleFormControlInput1">
+      <label for="exampleInputEmail1" class="bmd-label-floating">Email address</label>
     </div>
     <div class="form-group">
-      <label for="exampleFormControlSelect1" class="bmd-label-floating">Example select</label>
       <select class="form-control" id="exampleFormControlSelect1">
         <option>1</option>
         <option>2</option>
@@ -740,18 +739,19 @@ state, sizing, and more.
         <option>4</option>
         <option>5</option>
       </select>
+      <label for="exampleFormControlSelect1" class="bmd-label-floating">Example select</label>
     </div>
     <div class="form-group">
-      <label for="exampleFormControlSelect2" class="bmd-label-floating">Example multiple select</label>
       <select multiple class="form-control" id="exampleFormControlSelect2">
         <option>option 1</option>
         <option>option 2</option>
         <option>option 3</option>
       </select>
+      <label for="exampleFormControlSelect2" class="bmd-label-floating">Example multiple select</label>
     </div>
     <div class="form-group">
-      <label for="exampleFormControlTextarea1" class="bmd-label-floating">Example textarea</label>
       <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
+      <label for="exampleFormControlTextarea1" class="bmd-label-floating">Example textarea</label>
     </div>
   </form>
 </div>
@@ -763,8 +763,8 @@ For file inputs, swap the .form-control for .form-control-file.
 <div class="doc-example mb-3">
   <form>
     <div class="form-group">
-      <label for="exampleFormControlFile1" class="bmd-label-floating">Example file input</label>
       <input type="file" class="form-control-file" id="exampleFormControlFile1">
+      <label for="exampleFormControlFile1" class="bmd-label-floating">Example file input</label>
     </div>
   </form>
 </div>
@@ -800,22 +800,21 @@ JavaScript plugin.
       <a class="nav-link" data-toggle="tab" href="#profile">Profile</a>
     </li>
     <li class="nav-item dropdown">
-      <a class="nav-link dropdown-toggle" data-toggle="dropdown"
-        href="javascript:(void)"
+      <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown"
         role="button"
         aria-haspopup="true" aria-expanded="false">
         Dropdown
       </a>
       <div class="dropdown-menu">
-        <a class="dropdown-item" href="javascript:(void)">Action</a>
-        <a class="dropdown-item" href="javascript:(void)">Another action</a>
-        <a class="dropdown-item" href="javascript:(void)">Something else here</a>
+        <a href="#" class="dropdown-item">Action</a>
+        <a href="#" class="dropdown-item">Another action</a>
+        <a href="#" class="dropdown-item">Something else here</a>
         <div class="dropdown-divider"></div>
-        <a class="dropdown-item" href="javascript:(void)">Separated link</a>
+        <a href="#" class="dropdown-item">Separated link</a>
       </div>
     </li>
     <li class="nav-item">
-      <a class="nav-link disabled" href="javascript:(void)">Disabled</a>
+      <a href="#" class="nav-link disabled">Disabled</a>
     </li>
   </ul>
   <div id="myTabContent" class="tab-content">
@@ -845,26 +844,26 @@ Take that same HTML as Tabs, but use .nav-pills class instead.
   <div class="row mb-5">
 
     <div class="col-md-6">
-      <h5 class="notoc">Standard Pills</h5>
+      <h4 class="notoc">Standard Pills</h4>
       <ul class="nav nav-pills">
         <li class="nav-item mr-1 mb-2">
-          <a class="nav-link active" href="javascript:(void)">Active</a>
+          <a href="#" class="nav-link active">Active</a>
         </li>
         <li class="nav-item dropdown mr-1">
-          <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="javascript:(void)" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
+          <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
           <div class="dropdown-menu">
-            <a class="dropdown-item" href="javascript:(void)">Action</a>
-            <a class="dropdown-item" href="javascript:(void)">Another action</a>
-            <a class="dropdown-item" href="javascript:(void)">Something else here</a>
+            <a href="#" class="dropdown-item">Action</a>
+            <a href="#" class="dropdown-item">Another action</a>
+            <a href="#" class="dropdown-item">Something else here</a>
             <div class="dropdown-divider"></div>
-            <a class="dropdown-item" href="javascript:(void)">Separated link</a>
+            <a href="#" class="dropdown-item">Separated link</a>
           </div>
         </li>
         <li class="nav-item mr-1 mb-2">
-          <a class="nav-link" href="javascript:(void)">Link</a>
+          <a href="#" class="nav-link">Link</a>
         </li>
         <li class="nav-item mr-1 mb-2">
-          <a class="nav-link disabled" href="javascript:(void)">Disabled</a>
+          <a href="#" class="nav-link disabled">Disabled</a>
         </li>
       </ul>
     </div>
@@ -872,23 +871,23 @@ Take that same HTML as Tabs, but use .nav-pills class instead.
       <h5 class="notoc">Stacked Pills (vertical)</h5>
       <ul class="nav nav-pills flex-column mb-4">
         <li class="nav-item mb-2">
-          <a class="nav-link active" href="javascript:(void)">Active</a>
+          <a href="#" class="nav-link active">Active</a>
         </li>
         <li class="nav-item dropdown mb-1">
-          <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="javascript:(void)" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
+          <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
           <div class="dropdown-menu">
-            <a class="dropdown-item" href="javascript:(void)">Action</a>
-            <a class="dropdown-item" href="javascript:(void)">Another action</a>
-            <a class="dropdown-item" href="javascript:(void)">Something else here</a>
+            <a href="#" class="dropdown-item">Action</a>
+            <a href="#" class="dropdown-item">Another action</a>
+            <a href="#" class="dropdown-item">Something else here</a>
             <div class="dropdown-divider"></div>
-            <a class="dropdown-item" href="javascript:(void)">Separated link</a>
+            <a href="#" class="dropdown-item">Separated link</a>
           </div>
         </li>
         <li class="nav-item mb-2">
-          <a class="nav-link" href="javascript:(void)">Link</a>
+          <a href="#" class="nav-link">Link</a>
         </li>
         <li class="nav-item mb-2">
-          <a class="nav-link disabled" href="javascript:(void)">Disabled</a>
+          <a href="#" class="nav-link disabled">Disabled</a>
         </li>
       </ul>
     </div>
@@ -909,12 +908,12 @@ Separators are automatically added in CSS through ::before and content.
     <li class="breadcrumb-item active">Home</li>
   </ol>
   <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="javascript:(void)">Home</a></li>
+    <li class="breadcrumb-item"><a href="#">Home</a></li>
     <li class="breadcrumb-item active">Library</li>
   </ol>
   <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="javascript:(void)">Home</a></li>
-    <li class="breadcrumb-item"><a href="javascript:(void)">Library</a></li>
+    <li class="breadcrumb-item"><a href="#">Home</a></li>
+    <li class="breadcrumb-item"><a href="#">Library</a></li>
     <li class="breadcrumb-item active">Data</li>
   </ol>
 </div>
@@ -933,75 +932,75 @@ it as a navigation section to screen readers and other assistive technologies.
   <div>
     <ul class="pagination">
       <li class="page-item disabled">
-        <a class="page-link" href="javascript:(void)">&laquo;</a>
+        <a href="#" class="page-link">&laquo;</a>
       </li>
       <li class="page-item active">
-        <a class="page-link" href="javascript:(void)">1</a>
+        <a href="#" class="page-link">1</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">2</a>
+        <a href="#" class="page-link">2</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">3</a>
+        <a href="#" class="page-link">3</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">4</a>
+        <a href="#" class="page-link">4</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">5</a>
+        <a href="#" class="page-link">5</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">&raquo;</a>
+        <a href="#" class="page-link">&raquo;</a>
       </li>
     </ul>
   </div>
   <div>
     <ul class="pagination pagination-lg">
       <li class="page-item disabled">
-        <a class="page-link" href="javascript:(void)">&laquo;</a>
+        <a href="#" class="page-link">&laquo;</a>
       </li>
       <li class="page-item active">
-        <a class="page-link" href="javascript:(void)">1</a>
+        <a href="#" class="page-link">1</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">2</a>
+        <a href="#" class="page-link">2</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">3</a>
+        <a href="#" class="page-link">3</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">4</a>
+        <a href="#" class="page-link">4</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">5</a>
+        <a href="#" class="page-link">5</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">&raquo;</a>
+        <a href="#" class="page-link">&raquo;</a>
       </li>
     </ul>
   </div>
   <div>
     <ul class="pagination pagination-sm">
       <li class="page-item disabled">
-        <a class="page-link" href="javascript:(void)">&laquo;</a>
+        <a href="#" class="page-link">&laquo;</a>
       </li>
       <li class="page-item active">
-        <a class="page-link" href="javascript:(void)">1</a>
+        <a href="#" class="page-link">1</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">2</a>
+        <a href="#" class="page-link">2</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">3</a>
+        <a href="#" class="page-link">3</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">4</a>
+        <a href="#" class="page-link">4</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">5</a>
+        <a href="#" class="page-link">5</a>
       </li>
       <li class="page-item">
-        <a class="page-link" href="javascript:(void)">&raquo;</a>
+        <a href="#" class="page-link">&raquo;</a>
       </li>
     </ul>
   </div>
@@ -1035,7 +1034,7 @@ link:{url-bs-docs--components-alerts}[Bootstrap Docs {char-middot} Alerts, {brow
       <div class="alert alert-dismissible alert-warning">
         <button type="button" class="close" data-dismiss="alert">&times;</button>
         <h4 class="alert-heading notoc">Warning!</h4>
-        <p class="mb-0">Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="javascript:(void)" class="alert-link">vel scelerisque nisl consectetur et</a>.</p>
+        <p class="mb-0">Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="#" class="alert-link">vel scelerisque nisl consectetur et</a>.</p>
       </div>
     </div>
   </div>
@@ -1043,19 +1042,19 @@ link:{url-bs-docs--components-alerts}[Bootstrap Docs {char-middot} Alerts, {brow
     <div class="col-md-4">
       <div class="alert alert-dismissible alert-danger">
         <button type="button" class="close" data-dismiss="alert">&times;</button>
-        <strong>Oh snap!</strong> <a href="javascript:(void)" class="alert-link">Change a few things up</a> and try submitting again.
+        <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
       </div>
     </div>
     <div class="col-md-4">
       <div class="alert alert-dismissible alert-success">
         <button type="button" class="close" data-dismiss="alert">&times;</button>
-        <strong>Well done!</strong> You successfully read <a href="javascript:(void)" class="alert-link">this important alert message</a>.
+        <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
       </div>
     </div>
     <div class="col-md-4">
       <div class="alert alert-dismissible alert-info">
         <button type="button" class="close" data-dismiss="alert">&times;</button>
-        <strong>Heads up!</strong> This <a href="javascript:(void)" class="alert-link">alert needs your attention</a>, but it's not super important.
+        <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
       </div>
     </div>
   </div>
@@ -1348,7 +1347,7 @@ link:{url-bs-docs--components-jumbotron}[Bootstrap Docs {char-middot} Jumbotron,
     <hr class="my-4">
     <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
     <p class="lead">
-      <a class="btn btn-primary btn-raised btn-lg" href="javascript:(void)" role="button">Learn more</a>
+      <a href="#" class="btn btn-primary btn-raised btn-lg" role="button">Learn more</a>
     </p>
   </div>
 </div>
@@ -1384,27 +1383,27 @@ link:{url-bs-docs--components-list_group}[Bootstrap Docs {char-middot} List grou
 
     <div class="col-md-4">
       <div class="list-group">
-        <a href="javascript:(void)" class="list-group-item list-group-item-action active">
+        <a href="#" class="list-group-item list-group-item-action active">
           Describe item #1
         </a>
-        <a href="javascript:(void)" class="list-group-item list-group-item-action">Describe item #2
+        <a href="#" class="list-group-item list-group-item-action">Describe item #2
         </a>
-        <a href="javascript:(void)" class="list-group-item list-group-item-action disabled">Describe item #3
+        <a href="#" class="list-group-item list-group-item-action disabled">Describe item #3
         </a>
       </div>
     </div>
 
     <div class="col-md-4">
       <div class="list-group">
-        <a href="javascript:(void)" class="list-group-item list-group-item-action flex-column align-items-start active">
+        <a href="#" class="list-group-item list-group-item-action flex-column align-items-start active">
           <div class="d-flex w-100 justify-content-between">
-            <h5 class="mb-1 notoc">List group item heading</h5>
+            <h4 class="mb-1 notoc">List group item heading</h4>
             <small>3 days ago</small>
           </div>
           <p class="mb-1">Some quick example text to build on a list and make up the bulk of the list group's content.</p>
           <small>Summarize whats all about.</small>
         </a>
-        <a href="javascript:(void)" class="list-group-item list-group-item-action flex-column align-items-start">
+        <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
           <div class="d-flex w-100 justify-content-between">
             <h5 class="mb-1 notoc">List group item heading</h5>
             <small class="text-muted">3 days ago</small>
@@ -1448,10 +1447,10 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
       <div class="card mb-3" style="max-width: 20rem;">
         <div class="card-body">
           <h4 class="card-title notoc">Card title</h4>
-          <h6 class="card-subtitle mb-2 text-muted notoc">Card subtitle</h6>
+          <h5 class="card-subtitle mb-2 text-muted notoc">Card subtitle</h5>
           <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-          <a href="javascript:(void)" class="card-link">Card link</a>
-          <a href="javascript:(void)" class="card-link">Another link</a>
+          <a href="#" class="card-link">Card link</a>
+          <a href="#" class="card-link">Another link</a>
         </div>
       </div>
     </div>
@@ -1461,8 +1460,8 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
           <h4 class="card-title notoc">Card title</h4>
           <h6 class="card-subtitle mb-2 text-muted notoc">Card subtitle</h6>
           <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-          <a href="javascript:(void)" class="card-link">Card link</a>
-          <a href="javascript:(void)" class="card-link">Another link</a>
+          <a href="#" class="card-link">Card link</a>
+          <a href="#" class="card-link">Another link</a>
         </div>
       </div>
     </div>
@@ -1472,8 +1471,8 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
           <h4 class="card-title notoc">Card title</h4>
           <h6 class="card-subtitle mb-2 text-muted notoc">Card subtitle</h6>
           <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-          <a href="javascript:(void)" class="card-link">Card link</a>
-          <a href="javascript:(void)" class="card-link">Another link</a>
+          <a href="#" class="card-link">Card link</a>
+          <a href="#" class="card-link">Another link</a>
         </div>
       </div>
     </div>
@@ -1527,7 +1526,7 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
         </div>
         <div class="card-footer r-text-200">
           <a class="card-link bs-info font-weight-bold g-font-size-12 text-uppercase"
-             href="javascript:(void)">Action · Footer Link
+             href="#">Action · Footer Link
           </a>
         </div>
       </div>
@@ -1543,7 +1542,7 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
         </div>
         <div class="card-footer r-text-200">
           <a class="card-link bs-warning font-weight-bold g-font-size-12 text-uppercase"
-             href="javascript:(void)">Action · Footer Link
+             href="#">Action · Footer Link
           </a>
         </div>
       </div>
@@ -1558,8 +1557,8 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
           <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
         </div>
         <div class="card-footer r-text-200">
-          <a class="card-link bs-danger font-weight-bold g-font-size-12 text-uppercase"
-             href="javascript:(void)">Action · Footer Link
+          <a href="#" class="card-link bs-danger font-weight-bold g-font-size-12 text-uppercase">
+          Action · Footer Link
           </a>
         </div>
       </div>
@@ -1575,44 +1574,30 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
   <div class="row">
     <div class="col-md-4 col-sm-4 col-xs-12">
       <div class="card mb-3" style="max-width: 20rem;">
-        <!-- h3 class="card-header notoc">Header</h3 -->
         <img src="/assets/images/modules/attics/building-blocks-1920x1280-bw.jpg" alt="Free site generators">
         <div class="card-body">
-          <h5 class="card-title notoc">Special title treatment</h5>
-          <h6 class="card-subtitle text-muted notoc">Support card subtitle</h6>
+          <h5 class="card-title notoc">Card title</h5>
+          <h6 class="card-subtitle text-muted notoc">Image card subtitle</h6>
         </div>
 
         <div class="card-body">
           <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
         </div>
 
-        <!-- div class="card-body">
-          <a href="javascript:(void)" class="card-link">Card link</a>
-          <a href="javascript:(void)" class="card-link">Another link</a>
-        </div -->
-        <!-- div class="card-footer text-muted">
-          2 days ago
-        </div -->
       </div>
     </div>
     <div class="col-md-4 col-sm-4 col-xs-12">
       <div class="card mb-3" style="max-width: 20rem;">
-        <!-- h3 class="card-header notoc">Header</h3 -->
         <img src="/assets/images/modules/attics/building-blocks-1920x1280-bw.jpg" alt="Free site generators">
         <div class="card-body">
-          <h5 class="card-title notoc">Special title treatment</h5>
-          <h6 class="card-subtitle text-muted notoc">Support card subtitle</h6>
+          <h5 class="card-title notoc">Card title</h5>
+          <h6 class="card-subtitle text-muted notoc">Image card subtitle</h6>
         </div>
 
         <div class="card-body">
           <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
         </div>
 
-        <!-- div class="card-body">
-          <a href="javascript:(void)" class="card-link">Card link</a>
-          <a href="javascript:(void)" class="card-link">Another link</a>
-        </div -->
-
         <div class="card-footer text-muted">
           2 days ago
         </div>
@@ -1623,8 +1608,8 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
         <h3 class="card-header notoc">Header</h3>
         <img src="/assets/images/modules/attics/building-blocks-1920x1280-bw.jpg" alt="Free site generators">
         <div class="card-body">
-          <h5 class="card-title notoc">Special title treatment</h5>
-          <h6 class="card-subtitle text-muted notoc">Support card subtitle</h6>
+          <h5 class="card-title notoc">Card title</h5>
+          <h6 class="card-subtitle text-muted notoc">Image card subtitle</h6>
         </div>
 
         <div class="card-body">
@@ -1632,8 +1617,8 @@ link:{url-bs-docs--components-cards}[Bootstrap Docs {char-middot} Card, {browser
         </div>
 
         <div class="card-body">
-          <a href="javascript:(void)" class="card-link">Card link</a>
-          <a href="javascript:(void)" class="card-link">Another link</a>
+          <a href="#" class="card-link">Card link</a>
+          <a href="#" class="card-link">Another link</a>
         </div>
         <div class="card-footer text-muted">
           2 days ago
@@ -1965,17 +1950,17 @@ closed, any tooltips and popovers within are also automatically dismissed.
   <div class="modal-dialog modal-dialog-centered">
     <div class="modal-content">
       <div class="modal-header">
-        <h5 id="exampleModalTooltipTitle" class="modal-title notoc">Modal title</h5>
+        <h4 id="exampleModalTooltipTitle" class="modal-title notoc">Modal title</h4>
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
           <span aria-hidden="true">&times;</span>
         </button>
       </div>
       <div class="modal-body">
-        <h5 class="notoc">Popover in a modal</h5>
+        <h4 class="notoc">Popover in a modal</h4>
         <p>This <a href="#" role="button" class="btn btn-primary btn-raised popover-test" data-toggle="popover" title="Popover title" data-content="Popover body content is set in this attribute.">button</a> triggers a popover on hover or click.</p>
         <hr>
-        <h5 class="notoc">Tooltips in a modal</h5>
-        <p><a href="javascript:(void)" class="tooltip-test" data-toggle="tooltip" title="Tooltip">This link</a> and <a href="#" class="tooltip-test" data-toggle="tooltip" title="Tooltip">that link</a> have tooltips on hover.</p>
+        <h4 class="notoc">Tooltips in a modal</h4>
+        <p><a href="#" class="tooltip-test" data-toggle="tooltip" title="Tooltip">This link</a> and <a href="#" class="tooltip-test" data-toggle="tooltip" title="Tooltip">that link</a> have tooltips on hover.</p>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-primary btn-flex btn-raised mr-2">Do nothing</button>
@@ -2045,7 +2030,6 @@ be included before `bootstrap.js` in order to make popovers and tooltips to work
 
 mdi:bootstrap[24px, mdi-md-deep-purple]
 link:{url-bs-docs--components-popovers}[Bootstrap Docs {char-middot} Popovers, {browser-window--new}]
-
 mdi:bootstrap[24px, mdi-md-deep-purple]
 link:{url-bs-docs--components-tooltips}[Bootstrap Docs {char-middot} Tooltips, {browser-window--new}]